/* ============================================================================
   MERIDIAN — the Infothela Properties brand theme.
   Identity: deep navy blue + a single red accent + cool neutrals,
   Bricolage Grotesque display over Inter, airy architectural spacing.

   CENTRALIZED DESIGN SYSTEM — single source of truth.
   The tokens on :root below drive BOTH the public site AND every dashboard
   (Admin, CP, Blogger, User). Both site.css and this file read these var()s,
   so changing a value here updates the whole website's theme at once.
   Public-only layout lives under `body:not(.admin-body)`; the matching
   dashboard alignment lives under `body.admin-body` at the end of this file.
   Only status colours (success / warning / error / pending) add extra hues.
   ============================================================================ */
:root{
  /* Brand */
  --ink:#0E1B3A;        /* deep navy blue — primary text + dark surfaces       */
  --ink-2:#16264C;      /* raised navy                                         */
  --gold:#D62839;       /* accent (name kept so base var() rules inherit)      */
  --gold-light:#F0A6AC; /* soft accent on dark                                 */
  --brand:#D62839;      --brand-ink:#AF1F2D;   --brand-tint:#FCE9EB;
  /* Neutrals / surfaces */
  --paper:#FFFFFF;      --cream:#F3F5FA;        --sand:#E7EBF3;
  --muted:#5F6B7E;      --line:#E3E7EF;
  /* Shape */
  --radius:18px;        --shadow:0 22px 50px rgba(15,22,38,.14);
  /* Status colours (the only hues beyond the brand palette) */
  --red:#E5484D;
  --ok:#1c7c4a;         --ok-tint:#e6f4ec;
  --warn:#8a5a10;       --warn-tint:#fbf0dc;
  --err:#b42318;        --err-tint:#fdecec;
  --pending:#3a4358;    --pending-tint:#eef1f6;
  /* Type */
  --display:"Bricolage Grotesque","Inter",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
body:not(.admin-body){background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}

/* 2 ─ Typography ----------------------------------------------------------- */
body:not(.admin-body) h1,
body:not(.admin-body) h2{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.06}
body:not(.admin-body) h3,
body:not(.admin-body) h4{font-family:var(--body);font-weight:600;letter-spacing:-.01em}
/* Drop the single-word italic-accent tell entirely for a cleaner headline    */
body:not(.admin-body) h1 em,
body:not(.admin-body) h2 em{font-style:normal;color:inherit;font-weight:inherit}
body:not(.admin-body) .shell{width:min(1210px,calc(100% - 56px))}
body:not(.admin-body) .section{padding:104px 0}

/* Section kicker: a small red chip, not a floating tracked-caps label         */
body:not(.admin-body) .eyebrow{display:inline-flex;align-items:center;margin:0 0 16px;padding:5px 11px 6px;border-radius:999px;background:var(--brand-tint);color:var(--brand);font-weight:600;font-size:10.5px;letter-spacing:.05em}
body:not(.admin-body) .eyebrow-light{background:rgba(255,255,255,.14);color:#f7cdd1}
body:not(.admin-body) .center-heading .eyebrow{margin-inline:auto}
body:not(.admin-body) .section-heading h2,
body:not(.admin-body) .center-heading h2,
body:not(.admin-body) .why-content h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.025em}
body:not(.admin-body) .section-heading>div>p:not(.eyebrow){line-height:1.62;color:var(--muted)}

/* 3 ─ Buttons + links ------------------------------------------------------ */
body:not(.admin-body) .btn{border-radius:12px;font-weight:600;letter-spacing:0;padding:14px 22px;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s}
body:not(.admin-body) .btn-sm{padding:10px 15px;border-radius:10px;font-size:12px}
body:not(.admin-body) .btn-dark{background:var(--ink)}
body:not(.admin-body) .btn-dark:hover{background:#20293b}
body:not(.admin-body) .btn-gold{background:var(--brand);box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 26%,transparent)}
body:not(.admin-body) .btn-gold:hover{background:var(--brand-ink);box-shadow:0 14px 28px color-mix(in srgb,var(--brand) 32%,transparent)}
body:not(.admin-body) .btn-outline{border:1.5px solid var(--line);color:var(--ink)}
body:not(.admin-body) .btn-outline:hover{border-color:var(--ink);background:var(--ink);color:#fff}
body:not(.admin-body) .btn-outline-light{border:1.5px solid rgba(255,255,255,.5)}
body:not(.admin-body) .text-link{color:var(--brand);font-weight:600}
body:not(.admin-body) .text-link i{transition:transform .18s}

/* 4 ─ Top strip + header + navigation -------------------------------------- */
body:not(.admin-body) .topbar{background:var(--ink);color:#c7cfe0;font-size:11.5px}
body:not(.admin-body) .topbar i{color:var(--gold-light)}
body:not(.admin-body) .topbar a:hover{color:#fff}
body:not(.admin-body) .site-header{height:80px;border-bottom:1px solid var(--line)}
body:not(.admin-body) .site-header.stuck{box-shadow:0 6px 26px rgba(15,22,38,.07);border-color:var(--line)}
body:not(.admin-body) .brand{font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:23px;line-height:.82}
body:not(.admin-body) .brand>span:last-child>span{color:var(--brand)}
body:not(.admin-body) .brand small{color:var(--muted);letter-spacing:.28em;font-family:var(--body)}
body:not(.admin-body) .brand-mark{width:36px;height:36px;border-radius:11px;background:var(--brand);transform:none;box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 30%,transparent)}
body:not(.admin-body) .brand-mark i{transform:none;width:20px}
body:not(.admin-body) .brand-light small{color:#aeb9cf}
body:not(.admin-body) .main-nav a,
body:not(.admin-body) .mega-properties summary{font-size:13px;font-weight:500;color:#3a4152}
body:not(.admin-body) .main-nav a:after{height:2px;bottom:-8px;background:var(--brand)}
body:not(.admin-body) .main-nav a.active{color:var(--ink)}
body:not(.admin-body) .nav-login{font-weight:600;font-size:13px}
body:not(.admin-body) .nav-actions .btn-dark{background:var(--brand)}
body:not(.admin-body) .nav-actions .btn-dark:hover{background:var(--brand-ink)}
body:not(.admin-body) .nav-admin{gap:6px;padding:7px 12px;border-radius:9px;color:var(--brand);background:var(--brand-tint)}
body:not(.admin-body) .nav-admin:hover{background:var(--brand);color:#fff}
body:not(.admin-body) .mega-menu{border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px rgba(15,22,38,.16)}
body:not(.admin-body) .mega-menu small{color:var(--brand);letter-spacing:.08em}
body:not(.admin-body) .mega-menu a:hover{color:var(--brand)}
body:not(.admin-body) .mega-menu .mega-all{color:var(--brand)}
body:not(.admin-body) .mega-menu .mega-all i{color:var(--brand)}
body:not(.admin-body) .flash{background:var(--brand-tint);color:var(--brand-ink)}
body:not(.admin-body) .flash-error{background:#fdecec;color:#b42318}

/* 5 ─ Hero ----------------------------------------------------------------- */
body:not(.admin-body) .hero{min-height:730px}
body:not(.admin-body) .hero-image{background:url("../img/luxury-tower.jpg") center 40%/cover;transform:scale(1.03)}
body:not(.admin-body) .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
body:not(.admin-body) .hero-overlay{z-index:1;background:linear-gradient(96deg,rgba(9,13,24,.93) 0%,rgba(11,16,30,.8) 38%,rgba(12,18,34,.42) 70%,rgba(12,18,34,.12) 100%),linear-gradient(0deg,rgba(9,13,24,.6),transparent 46%)}
body:not(.admin-body) .hero-content{position:relative;z-index:2;padding:92px 0 74px}
body:not(.admin-body) .hero h1{font-family:var(--display);font-size:clamp(46px,5.4vw,78px);letter-spacing:-.035em;line-height:1;text-shadow:0 2px 34px rgba(0,0,0,.28)}
body:not(.admin-body) .hero-copy{color:#eef1f8;font-size:16.5px}
body:not(.admin-body) .hero-scroll span{background:var(--gold-light)}
body:not(.admin-body) .hero-trust i{color:var(--gold-light)}
body:not(.admin-body) .popular-searches a{text-decoration-color:color-mix(in srgb,var(--brand) 80%,transparent)}
body:not(.admin-body) .popular-searches a:hover{color:var(--gold-light)}
@media (max-width:700px){body:not(.admin-body) .hero-video{display:none}}

/* 5b ─ Hero search — strip the green/gold, rebuild in the new palette ------- */
body:not(.admin-body) .hero .guided-property-search{border-radius:18px;box-shadow:0 26px 60px rgba(8,14,30,.34)}
body:not(.admin-body) .hero .guided-property-search .search-categories{background:var(--ink);border-radius:18px 18px 0 0}
body:not(.admin-body) .hero .guided-property-search .search-categories button{color:#c3cbe0;font-weight:600}
body:not(.admin-body) .hero .guided-property-search .search-categories button i{color:var(--gold-light)}
body:not(.admin-body) .hero .guided-property-search .search-categories button:hover{background:rgba(255,255,255,.08);color:#fff}
body:not(.admin-body) .hero .guided-property-search .search-categories button.selected{background:var(--brand);color:#fff}
body:not(.admin-body) .hero .guided-property-search .search-categories button.selected i{color:#fff}
body:not(.admin-body) .hero .guided-location>i{background:var(--brand-tint);color:var(--brand)}
body:not(.admin-body) .hero .guided-location:focus-within{box-shadow:inset 0 0 0 2px var(--brand);background:#fbfcff}
body:not(.admin-body) .hero .guided-location small,
body:not(.admin-body) .hero .search-quick-filter legend,
body:not(.admin-body) .hero .search-quick-filter>small{color:#5f6b7e}
body:not(.admin-body) .hero .quick-filter-dropdown summary i,
body:not(.admin-body) .hero .more-filters-toggle i{color:var(--brand)}
body:not(.admin-body) .hero .quick-filter-dropdown[open] summary{background:var(--brand-tint)}
body:not(.admin-body) .hero .search-chip input:checked+span,
body:not(.admin-body) .hero .budget-choice.selected{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-ink)}
body:not(.admin-body) .hero .search-chip:hover span,
body:not(.admin-body) .hero .budget-choice:hover{border-color:var(--brand);background:#f5f7ff}
body:not(.admin-body) .hero .guided-search-main .search-submit{background:var(--brand);box-shadow:0 10px 20px color-mix(in srgb,var(--brand) 28%,transparent)}
body:not(.admin-body) .hero .guided-search-main .search-submit:hover{background:var(--brand-ink)}
body:not(.admin-body) .search-suggestions button i{color:var(--brand)}
body:not(.admin-body) .search-suggestions button:hover,
body:not(.admin-body) .search-suggestions button.active{background:var(--brand-tint)}

/* 6 ─ Property cards — image-forward, borderless, price-led ----------------- */
body:not(.admin-body) .property-card{border:1px solid #eceef3;border-radius:20px;box-shadow:0 1px 2px rgba(15,22,38,.04);transition:transform .24s,box-shadow .24s,border-color .24s}
body:not(.admin-body) .property-card:hover{transform:translateY(-6px);box-shadow:0 26px 52px rgba(15,22,38,.16);border-color:#e2e6ee}
body:not(.admin-body) .property-image{height:248px}
body:not(.admin-body) .property-tag{left:14px;top:14px;border-radius:999px;padding:6px 11px;font-size:9px;letter-spacing:.06em;background:var(--brand)}
body:not(.admin-body) .property-tag.tag-muted{background:rgba(15,22,38,.82)}
body:not(.admin-body) .heart{width:36px;height:36px;top:12px;right:12px}
body:not(.admin-body) .property-body{padding:18px 18px 16px}
body:not(.admin-body) .property-meta{color:var(--brand);letter-spacing:.05em}
body:not(.admin-body) .property-card h3{font-family:var(--body);font-size:17px;font-weight:600;letter-spacing:-.01em}
body:not(.admin-body) .property-location i{color:var(--brand)}
body:not(.admin-body) .property-specs i{color:var(--muted)}
body:not(.admin-body) .property-bottom small{font-size:9px;letter-spacing:.07em;color:#8b93a3}
body:not(.admin-body) .property-bottom strong{font-family:var(--display);font-size:22px;letter-spacing:-.02em;color:var(--ink)}
body:not(.admin-body) .round-link{background:var(--brand-tint);color:var(--brand)}
body:not(.admin-body) .round-link:hover{background:var(--brand);color:#fff}
body:not(.admin-body) .heart-save.saved{border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}
body:not(.admin-body) .heart-save.saved i{fill:currentColor}

/* 7 ─ Home sections -------------------------------------------------------- */
body:not(.admin-body) .location-section{background:var(--cream)}
body:not(.admin-body) .location-copy small{color:var(--gold-light)}
body:not(.admin-body) .location-card{border-radius:18px}
body:not(.admin-body) .location-gradient{background:linear-gradient(0deg,rgba(9,13,24,.85),rgba(11,16,30,.05) 66%)}
body:not(.admin-body) .launch-item{border-radius:14px;border-color:#eceef3}
body:not(.admin-body) .launch-item small{color:var(--brand)}
body:not(.admin-body) .why-section{background:var(--ink)}
body:not(.admin-body) .why-visual>img{border-radius:18px}
body:not(.admin-body) .years-card{background:var(--brand);border-radius:14px}
body:not(.admin-body) .value-list i{color:var(--gold-light)}
body:not(.admin-body) .process-grid span{color:#dfe3ee}
body:not(.admin-body) .process-grid i{color:var(--brand)}
body:not(.admin-body) .testimonials-section{background:var(--cream)}
body:not(.admin-body) .testimonial-grid figure{border-radius:16px;border:1px solid var(--line)}
body:not(.admin-body) .testimonial-grid blockquote{font-family:var(--display);font-weight:600;letter-spacing:-.01em}
body:not(.admin-body) .stars{color:var(--brand)}
body:not(.admin-body) .blog-card>a{border-radius:16px}
body:not(.admin-body) .blog-card small{color:var(--brand)}
body:not(.admin-body) .blog-card h2,
body:not(.admin-body) .blog-card h3{font-family:var(--body)}
body:not(.admin-body) .cta-band{background:linear-gradient(96deg,rgba(11,16,30,.95),rgba(14,20,38,.82)),url("../img/city-balcony.jpg") center 40%/cover}

/* 8 ─ Newsletter + footer + floating + mobile bar + modal ------------------ */
body:not(.admin-body) .newsletter{background:var(--brand-tint)}
body:not(.admin-body) .newsletter h2 em{color:var(--brand-ink)}
body:not(.admin-body) .newsletter h2{font-family:var(--display)}
body:not(.admin-body) .newsletter-form input{border-radius:10px}
body:not(.admin-body) .newsletter-form small{color:#5c6785}
body:not(.admin-body) footer{background:var(--ink)}
body:not(.admin-body) .socials a{border-color:#39445c}
body:not(.admin-body) .socials a:hover{background:var(--brand);border-color:var(--brand)}
body:not(.admin-body) .footer-grid>div>a i{color:var(--gold-light)}
body:not(.admin-body) .footer-bottom{border-color:#2b3550}
body:not(.admin-body) .floating-whatsapp{border-radius:14px}
body:not(.admin-body) .mobile-cta button{background:var(--brand)}
body:not(.admin-body) .modal{background:rgba(9,13,24,.66)}
body:not(.admin-body) .modal-card{border-radius:18px;box-shadow:0 44px 92px rgba(8,12,26,.42)}
body:not(.admin-body) .modal-card h2{font-family:var(--display)}

/* 9 ─ Forms that convert --------------------------------------------------- */
body:not(.admin-body) .stack-form input,
body:not(.admin-body) .stack-form select,
body:not(.admin-body) .stack-form textarea,
body:not(.admin-body) .contact-form-card input,
body:not(.admin-body) .contact-form-card select,
body:not(.admin-body) .contact-form-card textarea,
body:not(.admin-body) .blog-lead-card input,
body:not(.admin-body) .blog-lead-card select{min-height:48px;border-radius:11px;border:1.5px solid #dfe3ec;background:#fff}
body:not(.admin-body) .stack-form input:focus,
body:not(.admin-body) .stack-form select:focus,
body:not(.admin-body) .stack-form textarea:focus,
body:not(.admin-body) .contact-form-card input:focus,
body:not(.admin-body) .contact-form-card textarea:focus,
body:not(.admin-body) .blog-lead-card input:focus,
body:not(.admin-body) .blog-lead-card select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}
body:not(.admin-body) .stack-form label,
body:not(.admin-body) .blog-lead-card label{color:#3a4358;font-weight:600}
body:not(.admin-body) .text-button i{color:var(--brand)}

/* 10 ─ Page-level surfaces: listing, detail, blog, auth, dashboard --------- */
/* Dark hero bands recoloured to cool ink                                     */
body:not(.admin-body) .listing-hero,
body:not(.admin-body) .page-hero{background:linear-gradient(112deg,rgba(11,16,30,.96),rgba(14,20,38,.78)),url("../img/luxury-tower.jpg") center/cover}
body:not(.admin-body) .developer-hero{background:linear-gradient(112deg,rgba(11,16,30,.95),rgba(14,20,38,.76)),url("../img/luxury-tower.jpg") center/cover}
body:not(.admin-body) .auth-art{background:linear-gradient(122deg,rgba(11,16,30,.93),rgba(14,20,38,.72)),url("../img/living-room.jpg") center/cover}
body:not(.admin-body) .listing-hero h1,
body:not(.admin-body) .page-hero h1,
body:not(.admin-body) .developer-hero h1,
body:not(.admin-body) .auth-art h1{font-family:var(--display);letter-spacing:-.03em}

/* Listing */
body:not(.admin-body) .filter-panel{border:1px solid var(--line);border-radius:16px}
body:not(.admin-body) .filter-title a{color:var(--brand)}
body:not(.admin-body) .filter-panel input,
body:not(.admin-body) .filter-panel select{border-radius:9px}
body:not(.admin-body) .empty-state{background:var(--cream);border-radius:16px}
body:not(.admin-body) .empty-state>i{color:var(--brand)}
body:not(.admin-body) .directory-card{border-radius:18px;border-color:#eceef3}
body:not(.admin-body) .directory-card small{color:var(--brand)}
body:not(.admin-body) .developer-card{border-radius:18px;border-color:#eceef3}
body:not(.admin-body) .developer-logo,
body:not(.admin-body) .developer-hero-logo{border-radius:12px;background:var(--brand-tint);color:var(--brand)}
body:not(.admin-body) .sort-select select{border-radius:9px}

/* Property detail */
body:not(.admin-body) .breadcrumbs a:hover{color:var(--brand)}
body:not(.admin-body) .detail-title h1{font-family:var(--display);letter-spacing:-.025em}
body:not(.admin-body) .detail-badges span{border-radius:999px;background:var(--brand)}
body:not(.admin-body) .detail-badges span+span{background:var(--brand-tint);color:var(--brand-ink)}
body:not(.admin-body) .detail-price strong{font-family:var(--display)}
body:not(.admin-body) .gallery a{border-radius:14px}
body:not(.admin-body) .gallery span{background:rgba(9,13,24,.82)}
body:not(.admin-body) .overview-grid i{color:var(--brand)}
body:not(.admin-body) .highlight-strip{background:var(--brand-tint);border-radius:12px}
body:not(.admin-body) .highlight-strip>i{color:var(--brand)}
body:not(.admin-body) .amenity-grid>div{border-radius:10px;border-color:#eceef3}
body:not(.admin-body) .amenity-grid i,
body:not(.admin-body) .landmark-list i{color:var(--brand)}
body:not(.admin-body) .location-highlights{background:var(--cream);border-radius:16px}
body:not(.admin-body) .location-highlights-grid strong{font-family:var(--display)}
body:not(.admin-body) .faq-list summary i{color:var(--brand)}
body:not(.admin-body) .plan-grid article{border-radius:12px;border-color:#eceef3}
body:not(.admin-body) .detail-aside .enquiry-card,
body:not(.admin-body) .gallery-enquiry-sidebar .enquiry-card{border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:18px}
body:not(.admin-body) .detail-aside .enquiry-card h3,
body:not(.admin-body) .gallery-enquiry-sidebar .enquiry-card h3{font-family:var(--display)}
body:not(.admin-body) .detail-aside .enquiry-card input,
body:not(.admin-body) .detail-aside .enquiry-card select,
body:not(.admin-body) .detail-aside .enquiry-card textarea,
body:not(.admin-body) .gallery-enquiry-sidebar .enquiry-card input,
body:not(.admin-body) .gallery-enquiry-sidebar .enquiry-card select,
body:not(.admin-body) .gallery-enquiry-sidebar .enquiry-card textarea{min-height:48px;border-radius:11px}
body:not(.admin-body) .detail-aside .enquiry-card input:focus,
body:not(.admin-body) .detail-aside .enquiry-card select:focus,
body:not(.admin-body) .detail-aside .enquiry-card textarea:focus,
body:not(.admin-body) .gallery-enquiry-sidebar .enquiry-card input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}
body:not(.admin-body) .enquiry-whatsapp{border-radius:11px}
body:not(.admin-body) .advisor-card{background:var(--ink);border-radius:12px}
body:not(.admin-body) .advisor-card small{color:var(--gold-light)}
body:not(.admin-body) .advisor-card a{color:var(--gold-light)}

/* Blog + story + contact + auth + dashboard */
body:not(.admin-body) .article-header h1{font-family:var(--display);letter-spacing:-.03em}
body:not(.admin-body) .article-header>p:not(.eyebrow){font-family:var(--display);color:#404a5e;font-weight:600}
body:not(.admin-body) .article-cover{border-radius:18px}
body:not(.admin-body) .blog-lead-section{background:linear-gradient(112deg,#eef1fe,#f5f7fc);border:1px solid #e4e8f4;border-radius:18px}
body:not(.admin-body) .blog-lead-copy h2{font-family:var(--display)}
body:not(.admin-body) .blog-lead-copy i{color:var(--brand)}
body:not(.admin-body) .blog-lead-card{border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:16px}
body:not(.admin-body) .blog-lead-card h3{font-family:var(--display)}
body:not(.admin-body) .story-grid>img{border-radius:18px}
body:not(.admin-body) .story-grid h2,
body:not(.admin-body) .contact-grid h2{font-family:var(--display)}
body:not(.admin-body) .stat-row strong{font-family:var(--display);color:var(--brand)}
body:not(.admin-body) .contact-list>*>i{color:var(--brand)}
body:not(.admin-body) .contact-form-card{border:1px solid var(--line);border-radius:18px}
body:not(.admin-body) .auth-switch a{color:var(--brand)}
body:not(.admin-body) .auth-art h1{font-weight:700}
body:not(.admin-body) .dashboard-head h1{font-family:var(--display)}
body:not(.admin-body) .dashboard-stats>div{background:var(--cream);border-radius:14px}
body:not(.admin-body) .dashboard-stats i{color:var(--brand)}
body:not(.admin-body) .enquiry-table{border-radius:14px;border-color:var(--line)}
body:not(.admin-body) .status-pill{background:var(--brand-tint);color:var(--brand-ink)}
body:not(.admin-body) .not-found h1{font-family:var(--display)}

/* 11 ─ Accessibility floor + motion + hero video --------------------------- */
body:not(.admin-body) a:focus-visible,
body:not(.admin-body) button:focus-visible,
body:not(.admin-body) input:focus-visible,
body:not(.admin-body) select:focus-visible,
body:not(.admin-body) textarea:focus-visible,
body:not(.admin-body) summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  body:not(.admin-body) *,body:not(.admin-body) *::before,body:not(.admin-body) *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  body:not(.admin-body) .hero-video{display:none}
}

/* ============================================================================
   NAIGAON FOCUS — primary-market homepage section, micro-location cards,
   listing "projects in this area" strip, and the navbar Naigaon highlight.
   ============================================================================ */
body:not(.admin-body) .main-nav a.nav-naigaon{color:var(--brand);font-weight:700}
body:not(.admin-body) .naigaon-section .micro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body:not(.admin-body) .micro-card{position:relative;display:block;height:210px;border-radius:16px;overflow:hidden;color:#fff}
body:not(.admin-body) .micro-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
body:not(.admin-body) .micro-card:hover img{transform:scale(1.06)}
body:not(.admin-body) .micro-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,13,24,.88),rgba(11,16,30,.05) 62%)}
body:not(.admin-body) .micro-copy{position:absolute;left:18px;right:16px;bottom:16px}
body:not(.admin-body) .micro-copy small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-light)}
body:not(.admin-body) .micro-copy strong{display:block;font-family:var(--display);font-size:24px;line-height:1.12;margin:3px 0 4px;letter-spacing:-.01em}
body:not(.admin-body) .micro-copy em{display:flex;align-items:center;gap:5px;font-style:normal;font-size:12px;color:#eef1f8}
body:not(.admin-body) .micro-copy em i{width:15px}
body:not(.admin-body) .area-projects{margin-bottom:26px}
body:not(.admin-body) .area-projects .section-title h2{font-family:var(--display);font-size:22px;letter-spacing:-.01em}
body:not(.admin-body) .area-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
body:not(.admin-body) .area-project-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;box-shadow:0 1px 2px rgba(15,22,38,.04)}
body:not(.admin-body) .area-project-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);background:var(--brand-tint);padding:4px 9px;border-radius:999px}
body:not(.admin-body) .area-project-card strong{display:block;font-size:16px;margin:11px 0 5px}
body:not(.admin-body) .area-project-card small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}
body:not(.admin-body) .area-project-card small i{width:14px;color:var(--brand)}
body:not(.admin-body) .area-project-card em{display:block;font-style:normal;font-size:11px;color:var(--muted);margin-top:7px}
body:not(.admin-body) a.area-project-card{color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s}
body:not(.admin-body) a.area-project-card:hover{box-shadow:0 14px 30px rgba(15,22,38,.12);transform:translateY(-3px);border-color:#dfe3ee}
body:not(.admin-body) a.area-project-card em i{width:13px;vertical-align:middle;color:var(--brand)}
/* Breadcrumbs inside dark listing/section heroes */
body:not(.admin-body) .listing-hero .breadcrumbs{padding:0 0 12px}
body:not(.admin-body) .listing-hero .breadcrumbs a{color:#cfd6e6}
body:not(.admin-body) .listing-hero .breadcrumbs a:hover{color:#fff}
body:not(.admin-body) .listing-hero .breadcrumbs span{color:#eef1f8}
/* Project page */
body:not(.admin-body) .project-page>.breadcrumbs{margin-top:2px}
body:not(.admin-body) .project-hero{background:linear-gradient(112deg,rgba(11,16,30,.96),rgba(14,20,38,.72)),url("../img/luxury-tower.jpg") center/cover;color:#fff;padding:30px 0 46px;margin-top:6px}
body:not(.admin-body) .project-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center}
body:not(.admin-body) .project-hero h1{font-family:var(--display);font-size:clamp(30px,4vw,50px);letter-spacing:-.02em;margin:6px 0 10px}
body:not(.admin-body) .project-loc{display:flex;align-items:center;gap:6px;color:#d6dced;font-size:14px;margin:0 0 20px}
body:not(.admin-body) .project-loc i{width:17px}
body:not(.admin-body) .project-facts{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.16);padding-top:18px;margin-bottom:22px}
body:not(.admin-body) .project-facts small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#aab4cc}
body:not(.admin-body) .project-facts strong{display:block;font-family:var(--display);font-size:20px;margin-top:3px}
body:not(.admin-body) .project-hero-ctas{display:flex;gap:10px;flex-wrap:wrap}
body:not(.admin-body) .project-hero-media img{width:100%;height:300px;object-fit:cover;border-radius:16px}
body:not(.admin-body) .project-about .rich-copy{color:#42574e;font-size:15px;line-height:1.75;max-width:760px}
@media (max-width:860px){
  body:not(.admin-body) .project-hero-grid{grid-template-columns:1fr;gap:22px}
  body:not(.admin-body) .project-hero-media img{height:220px}
}
@media (max-width:860px){
  body:not(.admin-body) .naigaon-section .micro-grid{grid-template-columns:repeat(3,1fr);gap:12px}
  body:not(.admin-body) .area-project-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  body:not(.admin-body) .naigaon-section .micro-grid{grid-template-columns:1fr 1fr;gap:11px}
  body:not(.admin-body) .micro-card{height:150px}
  body:not(.admin-body) .micro-copy{left:13px;right:12px;bottom:12px}
  body:not(.admin-body) .micro-copy strong{font-size:18px}
  body:not(.admin-body) .area-project-grid{grid-template-columns:1fr}
}

/* ============================================================================
   DASHBOARD ALIGNMENT — Admin / CP / Blogger / Caller console.
   The console reads the same :root tokens as the public site, so most of it
   re-colours automatically (navy surfaces, red accents/buttons, cool canvas).
   The rules below (a) apply the brand typography, (b) replace the few
   hard-coded legacy greens/creams, and (c) align radius, shadow, forms and
   badges. Structure, layout and behaviour are untouched.
   ============================================================================ */
body.admin-body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}
body.admin-body,body.admin-body *{font-family:var(--body)}
body.admin-body .admin-top h1{font-family:var(--display);letter-spacing:-.015em}

/* Sidebar */
body.admin-body .admin-sidebar nav a:hover,body.admin-body .admin-sidebar nav a.active{background:rgba(255,255,255,.08);color:#fff}
body.admin-body .admin-sidebar nav a.active{box-shadow:inset 2px 0 var(--brand)}
body.admin-body .admin-sidebar nav i{color:#9aa6c4}
body.admin-body .admin-sidebar nav a.active i{color:var(--gold-light)}
body.admin-body .admin-user{border-top-color:rgba(255,255,255,.14)}
body.admin-body .admin-user small,body.admin-body .admin-sidebar .brand small{color:#9aa6c4}

/* Top bar + cards */
body.admin-body .admin-top{border-bottom-color:var(--line)}
body.admin-body .admin-card,body.admin-body .metric-card{border-radius:14px;border-color:var(--line);box-shadow:0 1px 2px rgba(15,22,38,.04)}
body.admin-body .metric-card:after{background:var(--brand-tint)}
body.admin-body .metric-card span{color:var(--muted)}
body.admin-body .quick-card{background:var(--ink);border-color:var(--ink);box-shadow:none}
body.admin-body .quick-card>p:not(.eyebrow){color:#c4cde0}
body.admin-body .admin-table-head{background:var(--cream)}

/* Buttons (admin reuses the site button classes) */
body.admin-body .btn{border-radius:10px}
body.admin-body .btn-gold:hover{background:var(--brand-ink)}
body.admin-body .btn-dark:hover{background:var(--ink-2)}
body.admin-body .btn-success{background:var(--ok)}

/* Forms — cool borders, red focus ring, brand radius */
body.admin-body .admin-form input,body.admin-body .admin-form select,body.admin-body .admin-form textarea,
body.admin-body .section-editor input,body.admin-body .section-editor textarea,
body.admin-body .filter-panel input,body.admin-body .filter-panel select,
body.admin-body .amenity-picker-controls input,body.admin-body .amenity-picker-controls select,
body.admin-body .amenity-library-filter input,body.admin-body .amenity-library-filter select,
body.admin-body .configuration-pricing-row input,body.admin-body .property-image-upload-grid input,body.admin-body .property-image-upload-grid select{border-radius:8px;border-color:#d5dae6}
body.admin-body .admin-form input:focus,body.admin-body .admin-form select:focus,body.admin-body .admin-form textarea:focus,
body.admin-body .section-editor input:focus,body.admin-body .section-editor textarea:focus,
body.admin-body .filter-panel input:focus,body.admin-body .filter-panel select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}
body.admin-body .switch-label input,body.admin-body .amenity-picker input{accent-color:var(--brand)}

/* Badges + flashes — status colours kept semantic */
body.admin-body .status-pill{background:var(--pending-tint);color:var(--pending)}
body.admin-body .status-muted{background:var(--sand);color:var(--muted)}
body.admin-body .admin-flash{background:var(--ok-tint);color:var(--ok)}
body.admin-body .admin-flash-error{background:var(--err-tint);color:var(--err)}

/* Panels that carried warm legacy tints */
body.admin-body .template-helper{background:linear-gradient(115deg,#fff,var(--brand-tint));border-left-color:var(--brand)}
body.admin-body .template-variable-list>span{background:#fff;border-color:var(--line)}
body.admin-body .crm-list .selected{background:var(--brand-tint)}
body.admin-body .property-image-preview-grid figure:first-child figcaption{color:var(--brand)}

/* Accessible focus */
body.admin-body a:focus-visible,body.admin-body button:focus-visible,body.admin-body input:focus-visible,body.admin-body select:focus-visible,body.admin-body textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}

/* Uploaded logo (Admin → Website editor → Brand & theme) */
.brand.brand-has-logo{gap:0}
.brand-logo{display:block;height:46px;width:auto;max-width:220px;object-fit:contain}
.brand-light .brand-logo{height:52px}
@media (max-width:760px){.brand-logo{height:38px;max-width:170px}}

/* Search has two categories (Sale, Projects) — no rental search */
.search-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}