/* Avesh Realty V13.14 — one shared website header + footer on every route. */
.header{height:76px!important;min-height:76px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(103,24,122,.08)!important;box-shadow:0 5px 24px rgba(31,14,37,.06)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.header>.container{height:76px!important;min-height:76px!important;display:flex!important;align-items:center!important}
.header .header-logo-link{width:154px!important;min-width:154px!important;max-width:154px!important;flex:0 0 154px!important;height:76px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
.header .header-brand-image{display:block!important;width:146px!important;min-width:146px!important;max-width:146px!important;height:auto!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important}
#header{min-height:76px!important}
.footer{margin-top:0!important;padding:54px 0 24px!important}
.footer-grid,.footer-grid-compact{grid-template-columns:1.4fr repeat(3,1fr)!important;gap:42px!important}
.footer-brand{grid-column:auto!important}.footer-brand-logo{width:86px!important;height:86px!important;max-width:86px!important;object-fit:contain!important;object-position:left center!important}
body[data-page="account"] .avesh-account-shell,body[data-page="login"] .avesh-auth-page,body[data-page="partner-login"] .partner-auth-main,body[data-page="partner-panel"] .partner-app-shell{padding-top:108px!important}
@media(max-width:900px){.footer-grid,.footer-grid-compact{grid-template-columns:1fr 1fr!important;gap:28px 22px!important}.footer-brand{grid-column:1/-1!important}}
@media(max-width:767px){.header{height:64px!important;min-height:64px!important}.header>.container{height:64px!important;min-height:64px!important}.header .header-logo-link{width:112px!important;min-width:112px!important;max-width:112px!important;flex:0 0 112px!important;height:64px!important}.header .header-brand-image{width:106px!important;min-width:106px!important;max-width:106px!important;max-height:38px!important}#header{min-height:64px!important}.footer{padding:38px 0 24px!important}.footer-grid,.footer-grid-compact{grid-template-columns:1fr 1fr!important;gap:24px 18px!important}.footer-brand{grid-column:1/-1!important}.footer-brand-logo{width:76px!important;height:76px!important;max-width:76px!important}body[data-page="account"] .avesh-account-shell,body[data-page="login"] .avesh-auth-page,body[data-page="partner-login"] .partner-auth-main,body[data-page="partner-panel"] .partner-app-shell{padding-top:86px!important}}
@media(max-width:520px){.footer-grid,.footer-grid-compact{grid-template-columns:1fr!important}.footer-brand{grid-column:auto!important}}

/* ======================================================================
   V13.13 — MOBILE-FIRST POLISH + LIGHTER PAINTING
   Loaded last on every route so the public shell and touch behaviour stay
   identical even when older page-specific rules are present.
   ====================================================================== */
:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}
body{overflow-x:hidden}
img{max-width:100%}
a,button,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(103,24,122,.10)}
button,input,select,textarea{font:inherit}

/* Keep the shell visually stable while JS resolves the session. */
#header{background:#fff}
.header{will-change:auto!important}
.header .container{width:min(1240px,calc(100% - 40px))!important}
.mobile-toggle{border:1px solid rgba(103,24,122,.08)!important;background:#f7f3f8!important;box-shadow:none!important}

/* Avoid expensive paint effects on touch devices; the same design stays crisp. */
@media(hover:none),(pointer:coarse){
  .property-card:hover,.category-card:hover,.location-card:hover,.btn:hover,.btn-whatsapp:hover{transform:none!important}
  .property-card:hover .property-card-image{transform:none!important}
  .property-card::before{display:none!important}
}

@media(max-width:1024px){
  .header .container{width:calc(100% - 28px)!important}
  .mobile-toggle{display:flex!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important}
  .mobile-nav{top:64px!important;bottom:0!important;padding:16px 16px calc(24px + env(safe-area-inset-bottom))!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overscroll-behavior:contain!important}
  .mobile-nav.active{display:block!important}
  .mobile-nav-section{margin-bottom:18px!important;animation:none!important}
  .mobile-nav-title{margin:0 0 7px!important;font-size:10px!important}
  .mobile-nav-link{min-height:46px!important;display:flex!important;align-items:center!important;padding:10px 2px!important;font-size:16px!important;line-height:1.25!important}
  .mobile-nav-actions,.mobile-nav-actions-compact{margin-top:16px!important;padding-top:14px!important;gap:10px!important}
  .mobile-nav-actions-compact{grid-template-columns:1fr!important}
  .mobile-nav-actions .btn,.mobile-nav-actions .btn-whatsapp{min-height:46px!important;width:100%!important}
}

@media(max-width:767px){
  html{scroll-padding-top:70px}
  body{font-size:15px}
  .header{height:64px!important;min-height:64px!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 2px 14px rgba(31,14,37,.055)!important}
  .header>.container{height:64px!important;min-height:64px!important;width:calc(100% - 24px)!important}
  .header .header-logo-link{width:120px!important;min-width:120px!important;max-width:120px!important;flex:0 0 120px!important;height:64px!important}
  .header .header-brand-image{width:114px!important;min-width:114px!important;max-width:114px!important;max-height:40px!important}
  #header{min-height:64px!important}

  /* Mobile typography and spacing: less dead space, easier scanning. */
  .container{width:calc(100% - 28px)!important;max-width:none!important}
  .section{padding:42px 0!important}
  .section-header{margin-bottom:22px!important}
  .section-header h2,.home-section-heading h2{line-height:1.12!important}
  .page-header{padding:calc(64px + 28px) 0 26px!important}
  .page-header h1{font-size:clamp(28px,8vw,36px)!important;line-height:1.08!important}
  .page-header p{font-size:14px!important;line-height:1.6!important}

  /* Hero becomes a compact, usable search-first mobile screen. */
  .hero{min-height:0!important;height:auto!important;display:block!important;padding:0!important}
  .hero-content{padding:calc(64px + 30px) 0 30px!important}
  .hero-title{font-size:clamp(30px,9.2vw,40px)!important;line-height:1.06!important;letter-spacing:-.035em!important;margin-bottom:12px!important}
  .hero-subtitle{font-size:15px!important;line-height:1.55!important;margin-bottom:22px!important;max-width:92%!important}
  .hero-bg img{animation:none!important;transform:none!important;filter:brightness(.60)!important}
  .hero-orb{display:none!important}
  .hero-overlay{background:linear-gradient(180deg,rgba(18,11,26,.62),rgba(18,11,26,.42) 42%,rgba(18,11,26,.73))!important}
  .search-box{padding:7px!important;border-radius:18px!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 16px 42px rgba(15,8,25,.22)!important}
  .search-form{gap:0!important}
  .search-field{min-height:56px!important;padding:9px 11px!important}
  .search-label{font-size:9px!important;margin-bottom:2px!important}
  .search-input,.search-select{font-size:16px!important;min-height:24px!important}
  .search-button{min-height:48px!important;margin:7px 0 0!important;padding:0 16px!important;border-radius:13px!important}
  .search-results{left:0!important;right:0!important;max-height:min(52vh,390px)!important;border-radius:14px!important}
  .hero-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:20px!important}
  .hero-stat{padding:9px 4px!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important}
  .hero-stat-number{font-size:18px!important;line-height:1.1!important}
  .hero-stat-label{display:block!important;margin-top:3px!important;font-size:9px!important;line-height:1.25!important}

  /* Fast, native-feeling horizontal property browsing. */
  .home-carousel-track.property-carousel,.property-similar-carousel{scroll-snap-type:x mandatory!important;scroll-padding-inline:14px!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding-left:14px!important;padding-right:14px!important}
  .home-carousel-track.property-carousel>.property-card,.property-similar-carousel>.property-card{scroll-snap-align:start!important;flex:0 0 min(86vw,350px)!important;width:min(86vw,350px)!important;height:auto!important;min-height:0!important}
  .carousel-controls{display:none!important}
  .property-card{border-radius:16px!important;box-shadow:0 5px 18px rgba(43,23,50,.055)!important;transition:none!important}
  .property-card-image-wrapper{aspect-ratio:16/10!important}
  .property-card-image{transition:none!important}
  .property-card-body{padding:14px!important}
  .property-card-title{font-size:15px!important;line-height:1.35!important;margin-bottom:7px!important}
  .property-card-location{font-size:12px!important;margin-bottom:9px!important}
  .property-card-specs{gap:5px!important;margin-bottom:9px!important}
  .property-card-spec{font-size:10px!important;padding:5px 8px!important}
  .property-card-price .price{font-size:17px!important}
  .property-card-actions{padding:10px 14px!important}

  /* Listing page: controls stay usable without consuming half the viewport. */
  .properties-toolbar{padding:10px!important;border-radius:14px!important;gap:9px!important}
  .toolbar-search input,.filters-sidebar input,.filters-sidebar select{font-size:16px!important}
  .toolbar-actions{gap:8px!important}
  .toolbar-actions .btn,.filter-toggle{min-height:44px!important}
  .filters-sidebar.mobile-active{top:64px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;border-radius:0!important;background:#fff!important}
  .mobile-filter-close{width:44px!important;height:44px!important}

  /* Property detail: prioritize media, price and contact actions. */
  .property-breadcrumbs{padding-top:calc(64px + 10px)!important;padding-bottom:10px!important;font-size:11px!important}
  .property-gallery{gap:8px!important}
  .property-photo-main,.gallery-main{border-radius:14px!important}
  .property-thumbnails{gap:7px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .property-thumbnails::-webkit-scrollbar{display:none!important}
  .property-thumbnail{min-width:70px!important;width:70px!important;height:52px!important;border-radius:9px!important}
  .property-header{margin-top:14px!important}
  .property-title{font-size:clamp(25px,7.7vw,34px)!important;line-height:1.12!important}
  .property-price-section{padding:17px!important;border-radius:16px!important}
  .property-section,.property-info-card,.property-sidebar-card{border-radius:16px!important}
  .mobile-property-actions{gap:9px!important;padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 -5px 20px rgba(24,16,48,.09)!important}
  .mobile-property-actions .btn{min-height:46px!important;border-radius:12px!important}

  /* Forms: 16px prevents iOS zoom and 44px targets are easier to use. */
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important;max-width:100%!important}
  .form-input,.form-select,.form-textarea,.contact-form input,.contact-form select,.contact-form textarea{min-height:46px!important}
  textarea,.form-textarea{min-height:110px!important}
  .btn,.partner-btn,.primary-btn,.ghost-btn{min-height:44px}
  .contact-form-wrapper,.form-card,.account-card,.avesh-auth-card{border-radius:16px!important}

  /* Partner/account/auth areas fit naturally on small phones. */
  body[data-page="account"] .avesh-account-shell,body[data-page="login"] .avesh-auth-page,body[data-page="partner-login"] .partner-auth-main,body[data-page="partner-panel"] .partner-app-shell{padding-top:78px!important;padding-left:12px!important;padding-right:12px!important}
  .avesh-auth-card{width:100%!important;max-width:430px!important;padding:20px!important}
  .avesh-auth-brand img{max-width:126px!important;height:auto!important}
  .avesh-auth-overlay{padding:12px!important}
  .avesh-auth-overlay .avesh-auth-card{max-height:calc(100dvh - 24px)!important;overflow:auto!important;overscroll-behavior:contain!important}

  /* Footer becomes easier to scan and tap. */
  .footer{padding:34px 0 calc(20px + env(safe-area-inset-bottom))!important}
  .footer-grid,.footer-grid-compact{grid-template-columns:1fr!important;gap:21px!important}
  .footer-brand{grid-column:auto!important}
  .footer-brand-logo{width:68px!important;height:68px!important;max-width:68px!important}
  .footer-title{font-size:12px!important;margin-bottom:8px!important}
  .footer-links{gap:3px!important}
  .footer-links a{display:flex!important;align-items:center!important;min-height:38px!important;font-size:13px!important}
  .footer-bottom{gap:7px!important;padding-top:18px!important;margin-top:20px!important;font-size:10px!important}

  /* Reduce rendering work below the fold on long public pages. */
  main>.section:not(:first-child),.partner-public-section,.properties-search-context{content-visibility:auto;contain-intrinsic-size:auto 650px}
}

@media(max-width:380px){
  .container{width:calc(100% - 20px)!important}
  .header>.container{width:calc(100% - 20px)!important}
  .header .header-logo-link{width:108px!important;min-width:108px!important;max-width:108px!important;flex-basis:108px!important}
  .header .header-brand-image{width:104px!important;min-width:104px!important;max-width:104px!important}
  .hero-title{font-size:29px!important}
  .hero-stat-label{font-size:8px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.hero-bg picture{display:block;width:100%;height:100%}

/* V13.13 mobile paint-cost reductions for overlays and decorative partner/owner effects. */
@media(max-width:767px){
  .avesh-auth-overlay,.avesh-auth-overlay-compact{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(25,18,35,.54)!important}
  .partner-public-share-card,.owner-hero-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .owner-hero-orb{display:none!important}
}

/* ======================================================================
   V13.14 — MOBILE SPACING NORMALIZATION
   #header already reserves the 64px fixed-header footprint. Older route
   styles added the header height a second time, creating large blank bands
   above the first useful content. These rules remove that duplication and
   use one compact mobile vertical rhythm across every active route.
   ====================================================================== */
@media(max-width:767px){
  :root{--mobile-first-gap:16px;--mobile-section-gap:34px}
  #header{height:64px!important;min-height:64px!important}
  main{margin-top:0!important;padding-top:0!important}

  /* Global mobile rhythm — compact without making controls feel cramped. */
  .section{padding-top:var(--mobile-section-gap)!important;padding-bottom:var(--mobile-section-gap)!important}
  .section-header,.home-section-heading{margin-bottom:17px!important}

  /* Home: image/content begins directly below the shared header. */
  body[data-page="home"] .hero{padding:0!important;margin:0!important;min-height:0!important}
  body[data-page="home"] .hero-content{padding:16px 0 24px!important;min-height:0!important}
  body[data-page="home"] .hero-content>.container{margin-top:0!important;padding-top:0!important}
  body[data-page="home"] .hero-title{margin-top:0!important}
  body[data-page="home"] .home-inventory-zone{padding-top:30px!important;padding-bottom:32px!important}
  body[data-page="home"] .inventory-panel-latest{margin-top:0!important;padding-top:0!important}
  body[data-page="home"] .inventory-panel-featured{margin-top:26px!important;padding-top:20px!important}
  body[data-page="home"] .home-discovery-zone,
  body[data-page="home"] .home-localities-section{padding-top:32px!important;padding-bottom:32px!important}

  /* Standard page heroes: header height is already reserved by #header. */
  .page-header{padding:18px 0 22px!important}
  .about-hero{padding:20px 0 24px!important}
  .localities-hero{padding:20px 0 28px!important}
  .policy-hero{padding:18px 0 22px!important}
  .compact-page-hero{padding:20px 0 26px!important}

  /* Properties list, including its pre-JS skeleton. */
  body[data-page="properties"] .properties-page,
  .properties-search-first-page{padding-top:10px!important}
  body[data-page="properties"] .properties-page-intro{padding-top:0!important}
  .properties-initial-shell{padding-top:14px!important}

  /* Property detail: no second header-sized spacer before gallery/breadcrumbs. */
  .property-fast-shell{padding:12px 0 42px!important;min-height:calc(100dvh - 64px)!important}
  .property-selected-container{padding-top:10px!important}
  .property-breadcrumbs,
  .property-detail-clean .property-breadcrumbs,
  .property-selected-breadcrumbs,
  .property-v3-breadcrumbs{padding-top:10px!important;padding-bottom:9px!important}
  .seo-property-shell{padding:14px 16px 38px!important}
  .property-final-state{padding:20px 14px 44px!important;min-height:calc(100dvh - 64px)!important}

  /* List property / requirements / partner public pages. */
  .owner-clean-hero,
  .owner-listing-hero{padding-top:20px!important;padding-bottom:34px!important}
  .requirements-selected-hero,
  .requirements-hero-v3{padding-top:20px!important;padding-bottom:70px!important}
  .partner88-hero,
  .partner-hero,
  .partner-hero-v3,
  .partner-selected-hero,
  .partner-final-hero,
  .partner-public-hero,
  body[data-page="partner-program"] .ppx-hero{padding-top:18px!important;padding-bottom:30px!important}
  body[data-page="partner-program"] .ppx-hero-copy{padding-top:8px!important}

  /* Central account/auth/partner app: #header already supplies 64px. */
  body[data-page="account"] .avesh-account-shell,
  body[data-page="login"] .avesh-auth-page,
  body[data-page="partner-login"] .partner-auth-main,
  body[data-page="partner-panel"] .partner-app-shell{padding-top:16px!important;padding-left:12px!important;padding-right:12px!important}
  body[data-page="login"] .avesh-auth-page{min-height:calc(100dvh - 64px)!important}
  body[data-page="account"] .avesh-account-shell{min-height:calc(100dvh - 64px)!important}

  /* Admin used body padding + the #header spacer, which doubled the gap. */
  body[data-page="admin"]{padding-top:0!important}
  body[data-page="admin"] .admin-app{min-height:calc(100dvh - 64px)!important}
  body[data-page="admin"] .admin-main{padding-top:14px!important}

  /* Avoid accidental empty first margins from route-specific blocks. */
  main>:first-child{margin-top:0!important}
}

@media(max-width:380px){
  body[data-page="home"] .hero-content{padding-top:13px!important}
  .page-header,.about-hero,.localities-hero,.policy-hero{padding-top:16px!important}
}


/* ======================================================================
   V13.15 — ADMIN HEADER GAP FIX
   The shared #header already reserves 76px (64px on mobile). Admin had an
   additional body padding-top of the same height, creating a full blank band
   between the header and CRM. Count the header exactly once.
   ====================================================================== */
body[data-page="admin"]{
  padding-top:0!important;
}
body[data-page="admin"] .admin-main{
  padding-top:18px!important;
}
@media(max-width:767px){
  body[data-page="admin"]{
    padding-top:0!important;
  }
  body[data-page="admin"] .admin-main{
    padding-top:10px!important;
  }
}

/* ======================================================================
   V13.17 — HOME HERO VERTICAL RHYTHM
   Desktop: the fixed header already owns its 76px footprint. Keep the hero
   image flush below it and position the useful content with only a compact
   intentional inset instead of vertically centring it in a tall block.
   Mobile: retain a small breathing space inside the hero, without recreating
   the old header-sized blank band.
   ====================================================================== */
@media (min-width:768px){
  body[data-page="home"] .hero{
    padding:0!important;
    min-height:600px!important;
  }
  body[data-page="home"] .hero-content{
    min-height:600px!important;
    align-items:flex-start!important;
    padding:56px 0 34px!important;
  }
  body[data-page="home"] .hero-content>.container{
    margin-top:0!important;
    padding-top:0!important;
  }
  body[data-page="home"] .hero-title{
    margin-top:0!important;
  }
}
@media (max-width:767px){
  body[data-page="home"] .hero{
    padding:0!important;
    margin:0!important;
  }
  body[data-page="home"] .hero-content{
    padding:14px 0 24px!important;
    min-height:0!important;
    align-items:flex-start!important;
  }
}
@media (max-width:380px){
  body[data-page="home"] .hero-content{
    padding-top:12px!important;
  }
}

/* ======================================================================
   V13.18 — MOBILE HERO BREATHING SPACE
   The shared header owns its own height. Keep the hero image flush below it,
   but give the useful hero content a clearly visible, compact inset so the
   headline never feels attached to the header edge on phones.
   ====================================================================== */
@media (max-width:767px){
  body[data-page="home"] .hero-content{
    padding-top:28px!important;
    padding-bottom:26px!important;
  }
}
@media (max-width:380px){
  body[data-page="home"] .hero-content{
    padding-top:24px!important;
  }
}


/* ======================================================================
   V13.26 — PROPERTY / PROJECT UI CLEANUP
   Presentation only. Existing property, CRM, partner and account logic is unchanged.
   ====================================================================== */
body[data-page="property-detail"] .property-selected-breadcrumbs{
  padding-top:16px!important;
  padding-bottom:12px!important;
}
body[data-page="property-detail"] .property-selected-container{padding-top:0!important}
body[data-page="home"] .home-inventory-zone .property-card-image-next{display:none!important}
body[data-page="home"] .home-inventory-zone .property-card-image-primary{
  opacity:1!important;
  transform:scale(1)!important;
  transition:transform .28s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body[data-page="home"] .home-inventory-zone .property-card-image-wrapper:hover .property-card-image-primary{
    opacity:1!important;
    transform:scale(1.045)!important;
  }
}
/* Project selector: quieter, cleaner and easier to scan. */
body[data-page="property-detail"] .builder-variant-selector{
  margin:18px 0 22px!important;
  padding:20px!important;
  border:1px solid #e7e0e9!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body[data-page="property-detail"] .builder-variant-heading{margin-bottom:14px!important;align-items:flex-start!important}
body[data-page="property-detail"] .builder-variant-heading>div>span{margin-bottom:4px!important;font-size:10px!important;letter-spacing:.06em!important}
body[data-page="property-detail"] .builder-variant-heading h2{font-size:1.22rem!important}
body[data-page="property-detail"] .builder-variant-heading p{font-size:.8rem!important;max-width:390px!important}
body[data-page="property-detail"] .builder-variant-control{margin-top:13px!important}
body[data-page="property-detail"] .builder-pill{min-height:38px!important;padding:8px 13px!important;font-size:.78rem!important}
body[data-page="property-detail"] .builder-variant-summary{margin-top:15px!important}
body[data-page="property-detail"] .builder-variant-summary-card{padding:15px!important;border-radius:13px!important;box-shadow:none!important}
body[data-page="property-detail"] .builder-variant-summary-price strong{font-size:1.22rem!important}

@media(max-width:767px){
  body[data-page="property-detail"] .property-selected-breadcrumbs{
    padding-top:8px!important;
    padding-bottom:7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body[data-page="property-detail"] .property-selected-breadcrumbs strong{
    overflow:hidden!important;text-overflow:ellipsis!important
  }
  body[data-page="property-detail"] .property-selected-container{
    padding-top:0!important;
    width:calc(100% - 20px)!important;
  }
  body[data-page="property-detail"] .builder-variant-selector{margin:13px 0 16px!important;padding:14px!important;border-radius:14px!important}
  body[data-page="property-detail"] .builder-variant-heading{display:block!important;margin-bottom:12px!important}
  body[data-page="property-detail"] .builder-variant-heading p{margin-top:5px!important;font-size:.75rem!important;line-height:1.45!important}
  body[data-page="property-detail"] .builder-pill-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;padding:1px 1px 5px!important;scrollbar-width:none!important}
  body[data-page="property-detail"] .builder-pill-row::-webkit-scrollbar{display:none!important}
  body[data-page="property-detail"] .builder-pill{flex:0 0 auto!important;min-height:38px!important;padding:8px 12px!important}
  body[data-page="property-detail"] .builder-variant-summary-card{padding:13px!important}
  body[data-page="property-detail"] .builder-variant-summary-top{display:grid!important;gap:8px!important}
  body[data-page="property-detail"] .builder-variant-summary-price{text-align:left!important;margin:0!important}
  body[data-page="property-detail"] .builder-variant-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  body[data-page="property-detail"] .builder-variant-actions .btn{width:100%!important}

  /* Home cards: compact mobile geometry; badges/specs/actions never overlap. */
  body[data-page="home"] .home-inventory-zone .property-carousel .property-card{
    flex:0 0 min(88vw,340px)!important;
    width:min(88vw,340px)!important;
    min-width:min(88vw,340px)!important;
  }
  body[data-page="home"] .home-inventory-zone .property-card-image-wrapper{
    aspect-ratio:16/10!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body[data-page="home"] .home-inventory-zone .property-card-image-wrapper img{height:100%!important;width:100%!important;object-fit:cover!important}
  body[data-page="home"] .home-inventory-zone .property-card-badges{
    max-width:calc(100% - 78px)!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    top:10px!important;
    left:10px!important;
  }
  body[data-page="home"] .home-inventory-zone .property-card-badges .badge{font-size:9px!important;padding:5px 7px!important;white-space:nowrap!important}
  body[data-page="home"] .home-inventory-zone .property-card-transactions{top:10px!important;right:10px!important}
  body[data-page="home"] .home-inventory-zone .property-card-body{padding:13px 14px!important}
  body[data-page="home"] .home-inventory-zone .property-card-title{font-size:16px!important;line-height:1.34!important;min-height:0!important;max-height:none!important;margin-bottom:8px!important}
  body[data-page="home"] .home-inventory-zone .property-card-location{margin-bottom:8px!important}
  body[data-page="home"] .home-inventory-zone .property-card-specs{min-height:0!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:8px!important}
  body[data-page="home"] .home-inventory-zone .property-card-spec{max-width:100%!important;font-size:10px!important;line-height:1.2!important}
  body[data-page="home"] .home-inventory-zone .property-card-price{min-height:0!important;margin-top:7px!important;display:grid!important;gap:2px!important}
  body[data-page="home"] .home-inventory-zone .property-card-price .price{font-size:21px!important;line-height:1.12!important;white-space:normal!important}
  body[data-page="home"] .home-inventory-zone .property-card-price .price-unit{font-size:11px!important;margin:0!important}
  body[data-page="home"] .home-inventory-zone .property-card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:11px 14px!important}
  body[data-page="home"] .home-inventory-zone .property-card-primary-action{min-width:0!important;width:100%!important;margin:0!important}
  body[data-page="home"] .home-inventory-zone .property-card-icon-actions{display:flex!important;gap:4px!important;flex:0 0 auto!important}
  body[data-page="home"] .home-inventory-zone .property-card-icon-actions .btn{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;display:grid!important;place-items:center!important}
}

/* V13.35 — admin actions live at the bottom of the mobile slide menu */
@media(max-width:1024px){.admin-mobile-bottom-actions{margin-top:28px!important;padding-top:14px!important;border-top:1px solid #ece7ee!important}.admin-mobile-action{width:100%!important;border-left:0!important;border-right:0!important;border-top:0!important;background:transparent!important;text-align:left!important;cursor:pointer!important}.admin-mobile-signout{color:#9d2f38!important;margin-top:4px!important}}
