/* 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;
  }
}