/* Tadwera landing — mobile / tablet / laptop responsive polish */

/* Headings & hero — prevent long words / URLs from overflowing */
.lp-h1,
.lp-h2,
.hero-title,
.td-section-title,
.lp-subpage-hero h1,
.lp-subpage-hero .lp-h1 {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.lp-lead,
.hero-desc,
.td-section-desc {
  overflow-wrap: anywhere;
  max-width: 100%;
}

.hero-inner,
.hero .lp-container {
  min-width: 0;
}

.hero-title {
  min-width: 0;
}

/* Pricing — single column below tablet */
@media (max-width: 767px) {
  .pricing-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Services — avoid squeezed multi-column cards on narrow phones */
@media (max-width: 640px) {
  .services-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Resources grid */
@media (max-width: 640px) {
  .resources-grid {
    grid-template-columns: 1fr !important;
  }
}

/* FAQ — full width; question text wraps */
@media (max-width: 767px) {
  .faq-wrap {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .faq-question {
    align-items: flex-start;
  }

  .faq-question > span:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
    text-align: start;
  }
}

/* How it works: horizontal connector hidden on stacked layout (index inline CSS already rotates) */

/* Tables — smooth horizontal scroll on touch */
.pricing-table-wrap {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}