/* Mobile production QA fix pass: tap targets and viewport clamps only. */
@media (max-width: 600px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  header a,
  header button,
  footer a,
  footer button,
  nav a,
  .makkan-home-header .home-header-brand,
  .makkan-home-header .home-header-primary,
  .makkan-home-header .home-header-secondary,
  .makkan-site-header__brand,
  .makkan-site-header__nav a,
  .makkan-site-header__login,
  .makkan-site-header__primary,
  .makkan-global-footer__links a,
  .makkan-global-footer__contact a,
  .makkan-global-footer__top,
  .portal-header a,
  .portal-header button,
  .admin-shell a,
  .admin-shell button,
  .admin-shell input,
  .admin-shell select,
  .button,
  .cta-button,
  .contact-button,
  .makkan-card-owner-link,
  .MuiButtonBase-root,
  .buttonOpenDropDown,
  .mui-style-1nal11y,
  .prev_button,
  .active-page,
  .switch-filter-btn-wrapper a,
  .switch-filter-btn-wrapper button {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  input,
  select,
  textarea {
    min-height: 44px !important;
  }

  .makkan-site-header,
  .makkan-home-header,
  .list-home-main-header,
  main,
  section {
    max-width: 100vw;
    box-sizing: border-box;
  }
}
@media (max-width: 600px) {
  #i0u7oc.makkan-home-header .home-header-brand,
  #i0u7oc.makkan-home-header .home-header-primary,
  #i0u7oc.makkan-home-header .home-header-secondary,
  .makkan-home-header .home-header-brand,
  .makkan-home-header .home-header-primary,
  .makkan-home-header .home-header-secondary {
    min-height: 44px !important;
    height: 44px !important;
  }

  a[href^="tel:"],
  a[href^="mailto:"],
  a[href^="https://wa.me"],
  a[href^="https://api.whatsapp.com"] {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .makkan-global-footer__social,
  .makkan-global-footer__top-icon,
  .prev_button,
  .active-page,
  .mui-style-8u15ab,
  .mui-style-rtmzsp {
    min-width: 44px !important;
    width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
  }

  ._6fdecdab .aa8b702f,
  ._73f6fbb5 ._54777887,
  .ee201e4f ._122bd7ea,
  .ee201e4f button {
    min-height: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .detail-page {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 600px) {
  .MuiBreadcrumbs-li a,
  a[href="#"],
  a[href$="#"],
  .detail-page .agent-card a,
  .detail-page .agent-profile a,
  .detail-page [class*="agent"] a,
  .detail-page [class*="agency"] a {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  ._084f1f09,
  .f5e057d9,
  [role="combobox"],
  [aria-haspopup="listbox"] {
    min-height: 44px !important;
  }
}

@media (max-width: 600px) {
  .hover\:text-primary.transition-colors,
  button.md\:hidden,
  .md\:hidden.text-on-surface,
  .list-home-main-header .home-header-brand,
  ._3ed48f83 {
    min-width: 44px !important;
  }

  ._9abb07c7.FilterDesign2022,
  .makkan-furnishing-dropdown ._9abb07c7 {
    min-height: 44px !important;
    align-items: center !important;
  }

  a[href^="mailto:"] {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  a[href^="mailto:"] span {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

@media (max-width: 600px) {
  ._3ed48f83 {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
}

/* Real-phone mobile fix: Seller Intake centering and Browse filterbar layout. */
@media (max-width: 768px) {
  ._2a8e856d ._275b18d2 {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    align-items: center !important;
    overflow-x: hidden !important;
  }

  ._2a8e856d ._872d4148 {
    width: calc(100% - 32px) !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  ._2a8e856d ._1a8e6717,
  ._2a8e856d ._1a8e6717.makkan-intake-scroll-normal {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: calc(100% - 32px) !important;
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  ._2a8e856d form[aria-label="Seller Leads Form"],
  ._2a8e856d ._9b8b112c {
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #main-layout.propertylpv .filterbar,
  #lpv-list .filterbar {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    padding: 14px 16px 12px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #main-layout.propertylpv .filters-slidable,
  #lpv-list .filters-slidable {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #main-layout.propertylpv .mui-style-1bpaz1f,
  #lpv-list .mui-style-1bpaz1f {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  #main-layout.propertylpv .mui-style-1kgw00m,
  #lpv-list .mui-style-1kgw00m {
    display: contents !important;
  }

  #main-layout.propertylpv .location-wrapper,
  #lpv-list .location-wrapper,
  #main-layout.propertylpv .secondItem.property.location-wrapper,
  #lpv-list .secondItem.property.location-wrapper {
    order: -20 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #main-layout.propertylpv .multi-select-autocomplete-form,
  #main-layout.propertylpv .location-autocomplete-box,
  #main-layout.propertylpv .MuiAutocomplete-root,
  #main-layout.propertylpv .location-search-input,
  #lpv-list .multi-select-autocomplete-form,
  #lpv-list .location-autocomplete-box,
  #lpv-list .MuiAutocomplete-root,
  #lpv-list .location-search-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #main-layout.propertylpv .location-search-input input,
  #lpv-list .location-search-input input {
    min-height: 44px !important;
    font-size: 16px !important;
  }

  #main-layout.propertylpv .lastItem,
  #lpv-list .lastItem {
    order: -10 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 112px !important;
    max-width: calc(100vw - 32px) !important;
  }

  #main-layout.propertylpv .mui-style-93n8d6,
  #lpv-list .mui-style-93n8d6 {
    order: -9 !important;
    flex: 0 0 auto !important;
    min-width: 112px !important;
  }

  #main-layout.propertylpv [data-testid="combined-filter-desktop"],
  #main-layout.propertylpv [data-testid="price-filter"],
  #main-layout.propertylpv [data-testid="bedrooms-filter"],
  #main-layout.propertylpv [data-testid="more-filters"],
  #lpv-list [data-testid="combined-filter-desktop"],
  #lpv-list [data-testid="price-filter"],
  #lpv-list [data-testid="bedrooms-filter"],
  #lpv-list [data-testid="more-filters"] {
    flex: 0 0 auto !important;
    min-width: 112px !important;
    max-width: calc(100vw - 32px) !important;
    min-height: 44px !important;
    height: 44px !important;
    box-sizing: border-box !important;
  }
}

/* Real-phone mobile Browse filter grid and bottom-sheet controls. */
@media (max-width: 768px) {
  #main-layout.propertylpv .filterbar,
  #lpv-list .filterbar {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 18px 16px 14px !important;
    overflow: visible !important;
  }

  #main-layout.propertylpv .mui-style-1bpaz1f,
  #lpv-list .mui-style-1bpaz1f {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  #main-layout.propertylpv .mui-style-1kgw00m,
  #lpv-list .mui-style-1kgw00m {
    display: contents !important;
  }

  #main-layout.propertylpv .location-wrapper,
  #lpv-list .location-wrapper,
  #main-layout.propertylpv .secondItem.property.location-wrapper,
  #lpv-list .secondItem.property.location-wrapper {
    grid-column: 1 / -1 !important;
    order: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #main-layout.propertylpv .mui-style-93n8d6,
  #lpv-list .mui-style-93n8d6 {
    order: 1 !important;
  }

  #main-layout.propertylpv .lastItem,
  #lpv-list .lastItem {
    order: 2 !important;
  }

  #main-layout.propertylpv [data-testid="price-filter"],
  #lpv-list [data-testid="price-filter"] {
    order: 3 !important;
  }

  #main-layout.propertylpv [data-testid="combined-filter-desktop"],
  #lpv-list [data-testid="combined-filter-desktop"] {
    order: 4 !important;
  }

  #main-layout.propertylpv [data-testid="bedrooms-filter"],
  #lpv-list [data-testid="bedrooms-filter"] {
    order: 5 !important;
  }

  #main-layout.propertylpv [data-testid="more-filters"],
  #lpv-list [data-testid="more-filters"] {
    order: 6 !important;
  }

  #main-layout.propertylpv .mui-style-93n8d6,
  #main-layout.propertylpv .lastItem,
  #main-layout.propertylpv [data-testid="combined-filter-desktop"],
  #main-layout.propertylpv [data-testid="price-filter"],
  #main-layout.propertylpv [data-testid="bedrooms-filter"],
  #main-layout.propertylpv [data-testid="more-filters"],
  #lpv-list .mui-style-93n8d6,
  #lpv-list .lastItem,
  #lpv-list [data-testid="combined-filter-desktop"],
  #lpv-list [data-testid="price-filter"],
  #lpv-list [data-testid="bedrooms-filter"],
  #lpv-list [data-testid="more-filters"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #main-layout.propertylpv .mui-style-93n8d6 *,
  #main-layout.propertylpv .lastItem *,
  #main-layout.propertylpv [data-testid="combined-filter-desktop"] *,
  #main-layout.propertylpv [data-testid="price-filter"] *,
  #main-layout.propertylpv [data-testid="bedrooms-filter"] *,
  #main-layout.propertylpv [data-testid="more-filters"] *,
  #lpv-list .mui-style-93n8d6 *,
  #lpv-list .lastItem *,
  #lpv-list [data-testid="combined-filter-desktop"] *,
  #lpv-list [data-testid="price-filter"] *,
  #lpv-list [data-testid="bedrooms-filter"] *,
  #lpv-list [data-testid="more-filters"] * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #main-layout.propertylpv .buttonOpenDropDown,
  #main-layout.propertylpv .searchInput,
  #main-layout.propertylpv [role="button"],
  #lpv-list .buttonOpenDropDown,
  #lpv-list .searchInput,
  #lpv-list [role="button"] {
    min-height: 44px !important;
  }

  .makkan-mobile-filter-sheet {
    width: auto !important;
    max-width: none !important;
  }

  .makkan-mobile-filter-sheet button,
  .makkan-mobile-filter-sheet input {
    min-height: 44px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 340px) {
  #main-layout.propertylpv .mui-style-1bpaz1f,
  #lpv-list .mui-style-1bpaz1f {
    gap: 10px !important;
  }
}

/* Real-phone mobile Browse filter wrapper ordering. */
@media (max-width: 768px) {
  #main-layout.propertylpv .firstItem.purpose-wrapper,
  #lpv-list .firstItem.purpose-wrapper {
    order: 1 !important;
  }

  #main-layout.propertylpv .secondItem.location-wrapper,
  #lpv-list .secondItem.location-wrapper {
    order: 0 !important;
    grid-column: 1 / -1 !important;
  }

  #main-layout.propertylpv .thirdItem.property,
  #lpv-list .thirdItem.property {
    order: 4 !important;
  }

  #main-layout.propertylpv .fifthItem.price-wrapper,
  #lpv-list .fifthItem.price-wrapper {
    order: 3 !important;
  }

  #main-layout.propertylpv .sixthItem.bedrooms-wrapper,
  #lpv-list .sixthItem.bedrooms-wrapper {
    order: 5 !important;
  }

  #main-layout.propertylpv .firstItem.purpose-wrapper,
  #main-layout.propertylpv .secondItem.location-wrapper,
  #main-layout.propertylpv .thirdItem.property,
  #main-layout.propertylpv .fifthItem.price-wrapper,
  #main-layout.propertylpv .sixthItem.bedrooms-wrapper,
  #lpv-list .firstItem.purpose-wrapper,
  #lpv-list .secondItem.location-wrapper,
  #lpv-list .thirdItem.property,
  #lpv-list .fifthItem.price-wrapper,
  #lpv-list .sixthItem.bedrooms-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Real-phone mobile Browse purpose trigger full-width alignment. */
@media (max-width: 768px) {
  #main-layout.propertylpv .firstItem.purpose-wrapper > button,
  #lpv-list .firstItem.purpose-wrapper > button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
  }

  #main-layout.propertylpv .firstItem.purpose-wrapper .mui-style-93n8d6,
  #lpv-list .firstItem.purpose-wrapper .mui-style-93n8d6 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* Real-phone mobile Browse explicit grid columns. */
@media (max-width: 768px) {
  #main-layout.propertylpv .secondItem.location-wrapper,
  #lpv-list .secondItem.location-wrapper {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  #main-layout.propertylpv .firstItem.purpose-wrapper,
  #lpv-list .firstItem.purpose-wrapper {
    grid-column: 1 / 2 !important;
    grid-row: 2 !important;
  }

  #main-layout.propertylpv .lastItem,
  #lpv-list .lastItem {
    grid-column: 2 / 3 !important;
    grid-row: 2 !important;
  }

  #main-layout.propertylpv .fifthItem.price-wrapper,
  #lpv-list .fifthItem.price-wrapper {
    grid-column: 1 / 2 !important;
    grid-row: 3 !important;
  }

  #main-layout.propertylpv .thirdItem.property,
  #lpv-list .thirdItem.property {
    grid-column: 2 / 3 !important;
    grid-row: 3 !important;
  }

  #main-layout.propertylpv .sixthItem.bedrooms-wrapper,
  #lpv-list .sixthItem.bedrooms-wrapper {
    grid-column: 1 / 2 !important;
    grid-row: 4 !important;
  }
}

/* Mobile polish: content page action buttons and list-home small CTA tabs. */
@media (max-width: 768px) {
  body.bg-background main,
  body.bg-surface main {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.bg-background main > section,
  body.bg-surface main > section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.bg-background .bg-surface-container-low,
  body.bg-background .bg-surface-container,
  body.bg-surface .bg-surface-container-low,
  body.bg-surface .bg-surface-container {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.bg-background a[data-makkan-contact-whatsapp],
  body.bg-background [data-makkan-booking-button],
  body.bg-background a[href*="google.com/maps"],
  body.bg-surface a[data-makkan-contact-whatsapp],
  body.bg-surface [data-makkan-booking-button],
  body.bg-surface a[href*="google.com/maps"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.25 !important;
    gap: 8px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-wrap: anywhere !important;
  }

  body.bg-background a[data-makkan-contact-whatsapp] .material-symbols-outlined,
  body.bg-background [data-makkan-booking-button] .material-symbols-outlined,
  body.bg-background a[href*="google.com/maps"] .material-symbols-outlined,
  body.bg-surface a[data-makkan-contact-whatsapp] .material-symbols-outlined,
  body.bg-surface [data-makkan-booking-button] .material-symbols-outlined,
  body.bg-surface a[href*="google.com/maps"] .material-symbols-outlined {
    flex: 0 0 auto !important;
  }

  ._4bb52177,
  .b79d8f7e,
  a[aria-label="Explore transactions"],
  a[aria-label="Get tips"] {
    max-width: 100% !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 420px) {
  body.bg-background .p-8,
  body.bg-surface .p-8 {
    padding: 20px !important;
  }

  body.bg-background .p-10,
  body.bg-surface .p-10 {
    padding: 22px !important;
  }

  body.bg-background .py-section-gap,
  body.bg-surface .py-section-gap {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

/* Home page mobile hamburger menu */
.home-header-hamburger {
  display: none;
}

.home-mobile-menu {
  display: none;
}

@media (max-width: 900px) {
  /* Fix header items vertically centered */
  #i0u7oc.makkan-home-header {
    align-items: center !important;
  }

  /* Show hamburger */
  .home-header-hamburger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    color: rgba(245, 240, 230, 0.9) !important;
    flex-shrink: 0 !important;
    transition: background 0.15s, border-color 0.15s !important;
  }

  .home-header-hamburger:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
  }

  /* Mobile nav overlay */
  .home-mobile-menu {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 999998 !important;
    background: rgba(7, 6, 5, 0.98) !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 80px 40px 60px !important;
    transform: translateX(100%) !important;
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.28s !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .home-mobile-menu.is-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .home-mobile-menu-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 44px !important;
    height: 44px !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    color: rgba(245, 240, 230, 0.85) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .home-mobile-menu-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
    margin-bottom: 36px !important;
  }

  .home-mobile-menu-nav a {
    color: rgba(245, 240, 230, 0.7) !important;
    font-family: "intertight-light", Inter, Arial, sans-serif !important;
    font-size: clamp(32px, 9vw, 42px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
    display: block !important;
    transition: color 0.15s !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  .home-mobile-menu-nav a:hover {
    color: #fff5e6 !important;
  }

  .home-mobile-menu-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .home-mobile-menu-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 28px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: rgba(245, 240, 230, 0.85) !important;
    font-family: "intertight-light", Inter, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: background 0.15s !important;
  }

  .home-mobile-menu-cta--primary {
    background: #954a00 !important;
    border-color: #954a00 !important;
    color: #f4efe7 !important;
  }

  .home-mobile-menu-cta--primary:hover {
    background: rgba(149, 74, 0, 0.88) !important;
  }
}

/* Hide brand text on narrow phones to prevent header overflow */
@media (max-width: 480px) {
  .home-header-brand__text {
    display: none !important;
  }

  .home-header-hamburger {
    width: 40px !important;
    height: 40px !important;
  }
}

/* ── Foldable phone fixes ──────────────────────────────────────────────────── */

/*
 * Very narrow cover screens (e.g. Galaxy Z Fold cover, ~260-360px wide).
 * The existing 480px breakpoint sets hero title to 64px which is far too large
 * for a 260px wide screen — words overflow their container.
 */
@media (max-width: 360px) {
  #i3w3h, #i3w3h-4 {
    font-size: 44px !important;
    letter-spacing: -1.5px !important;
    max-width: 88vw !important;
    line-height: 0.88em !important;
  }

  #i7j3h {
    font-size: 14px !important;
    max-width: 88vw !important;
    line-height: 1.3em !important;
  }

  /* Stats numbers */
  #i3w3h-2-2-2-2-4,
  #i3w3h-2-2-2-2-4-2,
  #i3w3h-2-2-2-2-4-2-2 {
    font-size: 34px !important;
  }

  /* Hard-stop any horizontal bleed */
  html, body, #pwb-body-wrap {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}

/*
 * Foldable inner portrait or wide phone landscape (481px – 900px).
 * This range falls between the 480px and 992px breakpoints, so it inherits
 * styles written for a 1280px desktop scaled down with dvw/dvh units.
 *
 * Critical bug: #izl83 / #izl83-2 are position:fixed with top:5dvh from the
 * 992px rule.  At viewport heights of 600-900px that is only 30-45px —
 * BEHIND the 62px fixed header. Text collides with the nav bar.
 */
@media (min-width: 481px) and (max-width: 900px) {
  /* Clear the fixed header (62px) on all three hero content blocks */
  #izl83, #izl83-2, #izl83-3 {
    top: 82px !important;
    bottom: auto !important;
  }

  /* Hero / section title sizing */
  #i3w3h, #i3w3h-4 {
    font-size: clamp(36px, 6vw, 54px) !important;
    letter-spacing: -1px !important;
    max-width: 56vw !important;
    line-height: 0.88em !important;
  }

  /* Hero description */
  #i7j3h {
    font-size: clamp(13px, 1.7vw, 16px) !important;
    max-width: min(380px, 52vw) !important;
    line-height: 1.28em !important;
  }

  /* About section title */
  #i3w3h-3 {
    font-size: clamp(26px, 4.2vw, 38px) !important;
    max-width: 52vw !important;
  }

  /* About section body */
  #i3w3h-3-2 {
    font-size: clamp(13px, 1.7vw, 16px) !important;
    max-width: 52vw !important;
    line-height: 1.3em !important;
  }

  /* Content section paddings */
  #is2o1-2, #is2o1-2-4 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  /* No horizontal overflow */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}