/* Responsive Fixes — Deckenheizung Kostenrechner */

html, body, #root {
  max-width: 100vw;
  overflow-x: hidden;
}

#root * {
  max-width: 100%;
  box-sizing: border-box;
}

input, select, textarea, button {
  max-width: 100%;
}

table {
  table-layout: fixed;
  width: 100%;
  word-wrap: break-word;
}

@media (max-width: 380px) {
  .grid-cols-2 {
    grid-template-columns: 1fr !important;
  }
  .grid-cols-3 {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 480px) {
  .p-5, .p-6 {
    padding: 1rem !important;
  }
  .sm\:p-6 {
    padding: 1rem !important;
  }
  .text-3xl, .text-4xl {
    font-size: 1.5rem !important;
  }
  .flex.justify-between {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}