@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');
/* Site-wide UX polish layer (2 Nov 2026). Loaded last on every page. */

/* 1. Compact live ticker on phones: one line, swipeable, secondary items hidden. */
@media (max-width: 600px) {
  .site-world-clock {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 10px;
    padding: 6px 12px;
  }
  .site-world-clock::-webkit-scrollbar { display: none; }
  .site-world-clock-item:has([data-world-clock="date"]),
  .site-world-clock-item:has([data-world-clock="new-york"]),
  .site-world-clock-item:has([data-world-clock="date"]) + .site-world-clock-separator,
  .site-world-clock-item:has([data-world-clock="new-york"]) + .site-world-clock-separator { display: none; }
  .site-world-clock .site-exchange-rate,
  .site-world-clock .site-gold-rate { padding: 2px 8px; }
}

/* 2. Header WhatsApp / Instagram buttons: icon-only on phones so the bar never overflows. */
.social-link .polish-label { margin-inline-start: 6px; }
@media (max-width: 760px) {
  .site-bar .site-social-links .social-link .polish-label {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
  }
  .site-bar .site-social-links .social-link { overflow: hidden; }
  .site-bar .site-actions .site-language { padding-inline: 12px; }
}

/* 3. Legacy listing/project header: collapse the navigation behind a menu button on phones. */
.polish-menu-button { display: none; }
@media (max-width: 760px) {
  header:not(.site-header) > .wrap { flex-wrap: wrap; row-gap: 0; }
  header:not(.site-header) .polish-menu-button {
    display: inline-flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; border: 1px solid #ddd7cc; border-radius: 50%;
    background: #fff; color: #142033; font-size: 20px; cursor: pointer;
    box-shadow: 0 4px 12px #16243a0b;
  }
  header:not(.site-header) .nav { display: none; }
  header:not(.site-header).polish-nav-open .nav {
    display: flex; flex-direction: column; align-items: stretch; gap: 0;
    order: 5; width: 100%; padding: 8px 0 14px; font-size: 14px;
  }
  header:not(.site-header).polish-nav-open .nav > a,
  header:not(.site-header).polish-nav-open .nav-drop > summary {
    padding: 11px 4px; border-bottom: 1px solid #ece7de;
  }
  header:not(.site-header).polish-nav-open .nav-drop div {
    position: static; box-shadow: none; border: 0; padding: 0 12px 6px; min-width: 0;
  }
  header:not(.site-header) .social-links { margin-inline-start: auto; }
}

/* 4. Homepage hero slideshow controls: small round icon buttons in the photo corner. */
.home-slides { top: 14px; bottom: auto; inset-inline-end: 14px; }
.home-slides button {
  width: 34px !important; min-width: 34px !important; height: 34px; padding: 0 !important;
  border-radius: 50% !important; font-size: 0 !important; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
}
.home-slides button::before { font-size: 15px; font-weight: 700; }
#homePrev::before { content: "›"; }
#homeNext::before { content: "‹"; }
html[dir="ltr"] #homePrev::before { content: "‹"; }
html[dir="ltr"] #homeNext::before { content: "›"; }
#homePause::before { content: "❚❚"; font-size: 10px; letter-spacing: -1px; }
#homePause[aria-pressed="false"]::before { content: "▶"; font-size: 11px; }

/* 5. Project directory: progressive "show more" so phones are not faced with 69 cards at once. */
.project-review-card.polish-collapsed { display: none; }
.polish-show-more {
  display: flex; justify-content: center; margin: 22px auto 8px;
}
.polish-show-more button {
  min-height: 48px; padding: 0 26px; border: 1px solid #caa66b; border-radius: 999px;
  background: #fff; color: #142033; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
.polish-show-more button:hover { background: #f7f0e4; }

/* 6. English pages serve international buyers: hide the AED-to-toman rate there. */
html[lang="en"] .site-world-clock .site-exchange-rate,
html[lang="en"] .site-world-clock .site-world-clock-separator:has(+ .site-exchange-rate) { display: none; }

/* 7. Project directory route links: compact pills on phones instead of three full-width buttons. */
@media (max-width: 600px) {
  .project-review-routes { display: flex !important; flex-wrap: wrap; gap: 8px; }
  .project-review-routes a { flex: 1 1 auto; width: auto !important; min-height: 40px; padding: 8px 14px !important; font-size: 13px; text-align: center; }
  .project-review-hero { padding-block: 34px 30px !important; }
}
@media (max-width: 760px) {
  header:not(.site-header).polish-nav-open .nav > a { display: block; text-align: start; }
}

/* Off-plan SEO blocks and funnel (build-offplan-seo.py, site-navigation.js) */
.offplan-seo{padding-block:8px 40px}
.ops-section{margin:34px 0}.ops-section h2{margin:0 0 10px;font-size:clamp(20px,2.4vw,26px);line-height:1.5;color:#101a2b}
.ops-section>p,.ops-hero>p{max-width:820px;color:#4b5567;line-height:2}
.ops-hero{padding:34px 0 6px}.ops-hero h1{margin:6px 0 12px;font-size:clamp(25px,3.4vw,38px);line-height:1.45;color:#101a2b}
.ops-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px}
.ops-tile{padding:18px;border:1px solid #e6dfd2;border-radius:16px;background:#fff}
.ops-tile h3{margin:0;font-size:16px;color:#101a2b}.ops-count{margin:6px 0;color:#8a6a35;font-weight:700}.ops-tile p{font-size:13px;line-height:1.9;color:#4b5567}
.ops-tile a{font-weight:700;color:#0f7a3d;font-size:13px}
.ops-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:0;margin:14px 0 0;list-style:none}
.ops-areas a{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border:1px solid #e6dfd2;border-radius:12px;background:#fff;color:#101a2b;text-decoration:none}
.ops-areas a:hover{border-color:#c9a86a}.ops-areas span{font-size:12.5px;color:#6b7383}
.ops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}
.ops-card{display:flex;flex-direction:column;padding:18px;border:1px solid #e6dfd2;border-radius:16px;background:#fff}
.ops-card h3{margin:0;font-size:17px;color:#101a2b}.ops-meta{margin:4px 0;font-size:12.5px;color:#6b7383}
.ops-price{margin:6px 0;font-weight:800;color:#8a6a35}.ops-card ul{margin:4px 0 12px;padding-inline-start:18px;font-size:13px;line-height:1.9;color:#3d4757}
.ops-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto}
.ops-wa{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#1fa855;color:#fff!important;font-weight:700;font-size:13.5px;text-decoration:none!important}
.ops-src{font-size:12px;color:#6b7383}.ops-note{font-size:12px;color:#6b7383;line-height:1.9}
.ops-cta{padding:22px;border-radius:18px;background:#101a2b;color:#fff}.ops-cta h2{color:#f1d9ac}.ops-cta p{color:#d5dbe5}
.ops-faq-item{border-bottom:1px solid #e6dfd2;padding:12px 0}.ops-faq-item summary{cursor:pointer;font-weight:700;color:#101a2b;line-height:1.8}
.ops-faq-item p{margin:8px 0 0;color:#4b5567;line-height:2}
.offplan-funnel{position:relative;overflow:hidden;margin:28px auto;padding:28px;border-radius:24px;background:radial-gradient(600px 300px at 90% 0%,rgba(217,180,106,.18),transparent 60%),linear-gradient(140deg,#17473A,#0B1F19 75%);border:1px solid rgba(217,180,106,.28);color:#fff}
.offplan-funnel h2{margin:0 0 8px;color:#f1d9ac;font-size:clamp(19px,2.3vw,25px);line-height:1.5}
.offplan-funnel p{margin:0 0 14px;color:#d5dbe5;line-height:1.9;max-width:760px}
.offplan-funnel ul{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 16px;padding:0;list-style:none;font-size:13.5px;color:#e8edf4}
.offplan-funnel ul li:before{content:"✓";margin-inline-end:6px;color:#e8c988}
.offplan-funnel .of-actions{display:flex;flex-wrap:wrap;gap:10px}
.offplan-funnel a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;font-weight:700;text-decoration:none!important}
.offplan-funnel .of-main{background:linear-gradient(135deg,#F1D79A,#D9B46A 50%,#C8A15A);color:#0B1F19!important}.offplan-funnel .of-alt{border:1px solid #e8c988;color:#fff!important}
.offplan-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:16px auto;padding:14px 18px;border:1px solid #e3cf9f;border-radius:14px;background:#fff8ea;color:#3d3220;font-size:14px;line-height:1.8}
.offplan-strip a{font-weight:800;color:#0f5132;white-space:nowrap}
.site-nav-offplan{background:#e8c988!important;color:#101a2b!important;border-radius:999px;padding-inline:12px!important;font-weight:800!important}
/* Project and area detail pages */
.opp-crumbs{padding:18px 0 0;font-size:12.5px;color:#6b7383}.opp-crumbs a{color:#8a6a35}
.opp-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:20px 0 4px}
.opp-hero h1{margin:6px 0 12px;font-size:clamp(23px,3vw,34px);line-height:1.5;color:#101a2b}.opp-hero p{color:#4b5567;line-height:2}
.opp-hero .ops-actions a:not(.ops-wa){font-weight:700;color:#101a2b}
.opp-figure{margin:0}.opp-figure img{width:100%;height:auto;border-radius:18px;aspect-ratio:640/405;object-fit:cover;background:#eee}
.opp-figure figcaption{margin-top:6px;font-size:11.5px;color:#6b7383}
.opp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}
.opp-facts div{padding:13px 15px;border:1px solid #e6dfd2;border-radius:12px;background:#fff}
.opp-facts dt{font-size:12px;color:#6b7383}.opp-facts dd{margin:4px 0 0;font-weight:700;color:#101a2b}
.opp-links{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.opp-links li{padding:8px 12px;border:1px solid #e6dfd2;border-radius:999px;background:#fff;font-size:13px}.opp-links span{color:#6b7383}
.project-page-seo ul:not(.opp-links){line-height:2;color:#3d4757}
.ops-card h3 a{color:inherit}.ops-meta a{color:#8a6a35}
@media(max-width:760px){.opp-hero{grid-template-columns:1fr}}
/* Pillar guides (build-guides.py) */
.guide-wrap{max-width:980px}
.guide-byline{font-size:12.5px;color:#6b7383}.guide-byline a{color:#8a6a35}
.guide-toc{margin:22px 0;padding:16px 20px;border:1px solid #e6dfd2;border-radius:14px;background:#fff}
.guide-toc strong{display:block;margin-bottom:6px;color:#101a2b}.guide-toc ol{margin:0;padding-inline-start:20px;line-height:2}.guide-toc a{color:#3d4757}
.guide-page .ops-section p,.guide-page .ops-section li{line-height:2.05;color:#3d4757}
.guide-steps{padding-inline-start:22px}.guide-steps li{margin-bottom:10px}
.guide-table-wrap{overflow-x:auto;margin:12px 0;border:1px solid #e6dfd2;border-radius:14px;background:#fff}
.guide-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.guide-table th{background:#101a2b;color:#f1d9ac;text-align:start;padding:11px 12px;font-weight:700}
.guide-table td{padding:10px 12px;border-top:1px solid #efe9df;color:#283549}.guide-table tr:nth-child(even) td{background:#faf8f4}
.guide-table a{color:#8a6a35;font-weight:600}
.guide-area ul{padding-inline-start:18px;font-size:13px;line-height:1.95}
.ops-tile ol{margin:8px 0 0;padding-inline-start:20px;font-size:13.5px;line-height:2}


/* ==========================================================================
   BRAND V2 — site-wide header (3 Nov 2026). Arch-and-tower mark + wordmark,
   deep-green glass bar with a gold hairline; condenses on scroll.
   Covers both header types: header.site-header and the legacy body>header.
   ========================================================================== */
:root{--b-ink:#0B1F19;--b-green:#10332A;--b-gold:#D9B46A;--b-gold-2:#C8A15A;--b-gold-3:#F1D79A;--b-ivory:#F7F3EA;--b-serif:'Cormorant Garamond','Times New Roman',Georgia,serif}
html body header.site-header,html body>header{position:sticky!important;top:0;z-index:90;background:linear-gradient(180deg,rgba(7,22,17,.97),rgba(11,31,25,.95))!important;backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);border-bottom:1px solid rgba(217,180,106,.22)!important;box-shadow:0 10px 30px rgba(4,14,11,.18);color:#EDE6D6;transition:box-shadow .35s ease}
html body header.site-header::after,html body>header::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(241,215,154,.9),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:brandHairline 7s ease-in-out infinite;pointer-events:none}
@keyframes brandHairline{0%{background-position:-40% 0}100%{background-position:140% 0}}
html.hdr-scrolled body header.site-header,html.hdr-scrolled body>header{box-shadow:0 14px 40px rgba(4,14,11,.32)}
html body header.site-header .site-bar,html body>header>.wrap{min-height:80px;transition:min-height .35s ease;gap:clamp(10px,1.6vw,26px)}
html.hdr-scrolled body header.site-header .site-bar,html.hdr-scrolled body>header>.wrap{min-height:64px}
/* brand lockup (also styles the pre-script markup so nothing jumps) */
html body header a.site-brand,html body header a.brand{display:inline-flex!important;align-items:center!important;gap:12px!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;flex:0 0 auto!important;text-decoration:none!important;color:#F4EEDF!important}
html body header a.site-brand::before,html body header a.brand::before{content:none!important;display:none!important}
html body header a.site-brand>*,html body header a.brand>*{display:none!important}
html body header a.site-brand>.site-brand-mark,html body header a.brand>.site-brand-mark,html body header a.site-brand>.site-mark,html body header a.brand>.brand-mark{display:block!important;width:44px!important;height:44px!important;flex:0 0 44px;margin:0!important;border:0!important;border-radius:0!important;background:url('/assets/brand-mark.svg') center/contain no-repeat!important;color:transparent!important;font-size:0!important;object-fit:contain;transition:width .35s ease,height .35s ease,filter .35s ease;filter:drop-shadow(0 2px 10px rgba(217,180,106,.25))}
html body header a.brand>img.brand-mark{object-position:-999px -999px}
html body header a.site-brand>.site-brand-text,html body header a.brand>.site-brand-text,html body header a.site-brand>.site-brand-copy,html body header a.brand>.brand-copy{display:grid!important;gap:3px;line-height:1;text-align:start}
html body header .site-brand-word,html body header .site-brand-name,html body header .brand-copy b{display:block!important;font:600 21px/1 var(--b-serif)!important;letter-spacing:.2em!important;color:#F4EEDF!important;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
html body header .site-brand-sub,html body header .site-brand-copy small,html body header .brand-copy small{display:block!important;font:500 10.5px/1.2 Vazirmatn,Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;color:var(--b-gold)!important;white-space:nowrap;text-transform:uppercase}
html[lang^="fa"] body header .site-brand-sub,html[lang^="fa"] body header .brand-copy small{letter-spacing:.02em!important;font-size:11.5px!important}
html.hdr-scrolled body header a.site-brand>.site-brand-mark,html.hdr-scrolled body header a.brand>.site-brand-mark{width:38px!important;height:38px!important}
html body header a.site-brand:hover>.site-brand-mark,html body header a.brand:hover>.site-brand-mark{filter:drop-shadow(0 2px 16px rgba(241,215,154,.55))}
/* navigation */
html body header .site-menu,html body>header .nav{font-size:14.5px!important;color:#E9E1CF!important;gap:2px!important}
html body header .site-menu>a,html body header .site-menu>details>summary,html body>header .nav>a,html body>header .nav>details>summary{position:relative;min-height:42px!important;padding:0 13px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#E9E1CF!important;font-size:14.5px!important;font-weight:500!important;box-shadow:none!important;transition:color .25s ease,background-color .25s ease!important}
html body header .site-menu>a::before,html body header .site-menu>details>summary::before,html body>header .nav>a::before,html body>header .nav>details>summary::before{content:"";position:absolute;inset-inline:14px;bottom:7px;height:1px;background:linear-gradient(90deg,var(--b-gold-3),var(--b-gold-2));transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
html body header .site-menu>a:hover,html body header .site-menu>details>summary:hover,html body header .site-menu details[open]>summary,html body>header .nav>a:hover,html body>header .nav>details>summary:hover,html body>header .nav details[open]>summary{color:var(--b-gold-3)!important;background:rgba(217,180,106,.07)!important}
html body header .site-menu>a:hover::before,html body header .site-menu>details>summary:hover::before,html body>header .nav>a:hover::before,html body>header .nav>details>summary:hover::before{transform:scaleX(1)}
html body header .site-menu details>summary:after,html body>header .nav details>summary:after{border-color:var(--b-gold)!important;color:var(--b-gold)!important}
html body header .site-menu>a[href="/"],html body header .site-menu>a[href="/en/"],html body>header .nav>a[href="/"],html body>header .nav>a[href="/en/"],html body>header .nav>a[href="https://amlakdubai.me/"],html body>header .nav>a[href="https://amlakdubai.me/en/"]{display:none!important}
html body header a.site-nav-offplan.site-nav-offplan,html body header .site-menu>a.site-nav-offplan{background:linear-gradient(135deg,var(--b-gold-3),var(--b-gold) 55%,var(--b-gold-2))!important;color:#0B1F19!important;font-weight:700!important;box-shadow:0 6px 18px rgba(217,180,106,.28)!important;padding-inline:16px!important}
html body header .site-nav-offplan::before{display:none}
html body header .site-nav-offplan:hover{filter:brightness(1.06);color:#0B1F19!important}
@media (min-width:1181px){
  html body header.site-header .site-bar{width:min(1400px,calc(100% - 48px))!important;max-width:none!important}
  html body header.site-header .site-menu{flex-wrap:nowrap!important}
  html body header.site-header .site-menu>[data-nav-group="news"]{display:none!important}
}
@media (min-width:1181px) and (max-width:1360px){
  html body header .site-menu>a,html body header .site-menu>details>summary{padding:0 9px!important;font-size:13.5px!important}
  html body header .site-social-links .social-wa span{display:none}
  html body header .site-social-links .social-wa{width:40px!important;padding:0!important;justify-content:center}
}
/* dropdown panels */
html body header .site-submenu,html body>header .nav-drop>div{background:linear-gradient(180deg,#0F2A22,#0B1F19)!important;border:1px solid rgba(217,180,106,.24)!important;border-radius:16px!important;box-shadow:0 24px 60px rgba(3,10,8,.45)!important;padding:8px!important;animation:brandDrop .28s cubic-bezier(.2,.8,.2,1)}
@keyframes brandDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
html body header .site-submenu a,html body>header .nav-drop>div a{color:#E9E1CF!important;border-radius:10px!important;font-size:14px!important}
html body header .site-submenu a:hover,html body header .site-submenu a:focus-visible,html body>header .nav-drop>div a:hover{background:rgba(217,180,106,.1)!important;color:var(--b-gold-3)!important}
html body header .site-submenu-label{color:var(--b-gold)!important;border-color:rgba(217,180,106,.15)!important}
/* actions */
html body header .site-language{min-height:40px!important;min-width:44px!important;padding:0 13px!important;border:1px solid rgba(217,180,106,.45)!important;background:transparent!important;color:#F4EEDF!important;font:700 12px/1 Inter,Vazirmatn,sans-serif!important;letter-spacing:.08em;border-radius:999px!important;display:inline-flex;align-items:center;justify-content:center;transition:background-color .25s,border-color .25s,color .25s}
html body header .site-language:hover{background:rgba(217,180,106,.12)!important;border-color:var(--b-gold)!important;color:var(--b-gold-3)!important}
html body header .site-social-links .social-link,html body>header .social-links>a:not(.site-language){height:40px!important;min-height:40px!important;border-radius:999px!important;box-shadow:none!important;transition:transform .25s,filter .25s,background-color .25s!important}
html body header .site-social-links .social-wa,html body>header .social-links>a.wa{background:linear-gradient(135deg,var(--b-gold-3),var(--b-gold) 55%,var(--b-gold-2))!important;color:#0B1F19!important;border:0!important;padding:0 16px!important;font-weight:700!important;box-shadow:0 6px 18px rgba(217,180,106,.25)!important}
html body header .site-social-links .social-ig,html body>header .social-links>a.ig,html body>header .social-links>a[href*="instagram"]{background:transparent!important;color:#F4EEDF!important;border:1px solid rgba(244,238,223,.28)!important;width:40px!important;min-width:40px!important;padding:0!important;justify-content:center}
html body header .site-social-links .social-ig span,html body header .site-social-links .social-ig .polish-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html body header .site-social-links .social-link:hover,html body>header .social-links>a:hover{transform:translateY(-1px);filter:brightness(1.07)}
html body header .site-menu-button,html body header .polish-menu-button{background:transparent!important;border:1px solid rgba(217,180,106,.45)!important;color:var(--b-gold-3)!important;box-shadow:none!important}
/* live ticker under the header: same family */
html body .site-world-clock{background:#081712!important;border-bottom:1px solid rgba(217,180,106,.14)!important;color:#D8CFBC}
html body .site-world-clock-label{color:rgba(217,180,106,.85)!important}
html body .site-world-clock-value,html body .site-world-clock b,html body .site-world-clock bdi{color:#F4EEDF!important}
html body .site-world-clock .site-exchange-rate,html body .site-world-clock .site-gold-rate{background:rgba(217,180,106,.07)!important;border-color:rgba(217,180,106,.25)!important;color:#E9E1CF!important}
/* collapse the site-header menu below 1180px (no more two-row header) */
@media (max-width:1180px){
  html body header.site-header .site-bar{flex-wrap:nowrap!important;padding-block:0!important;position:relative}
  html body header.site-header .site-menu-button{display:inline-flex!important;align-items:center;justify-content:center;order:3;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%!important;font-size:19px}
  html body header.site-header .site-menu{display:none!important;position:absolute!important;top:100%;inset-inline:0;order:9;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:10px 18px 22px!important;background:linear-gradient(180deg,#0E2820,#0B1F19)!important;border-bottom:1px solid rgba(217,180,106,.22);box-shadow:0 30px 60px rgba(3,10,8,.5)!important;max-height:calc(100svh - 80px);overflow:auto}
  html body header.site-header .site-menu.open{display:flex!important;animation:brandDrop .3s cubic-bezier(.2,.8,.2,1)}
  html body header.site-header .site-menu>a,html body header.site-header .site-menu>details>summary{justify-content:flex-start;min-height:50px!important;border-radius:0!important;border-bottom:1px solid rgba(217,180,106,.1)!important;font-size:16px!important}
  html body header.site-header .site-menu>a::before,html body header.site-header .site-menu>details>summary::before{display:none}
  html body header.site-header .site-menu .site-nav-offplan{justify-content:center;border-radius:999px!important;margin:10px 0 4px;border:0!important}
  html body header.site-header .site-submenu{position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 10px 10px!important;animation:none}
  html body header.site-header .site-actions{margin-inline-start:auto}
}
@media (max-width:760px){
  html body header.site-header .site-bar,html body>header>.wrap{min-height:66px}
  html body header a.site-brand,html body header a.brand{gap:9px!important}
  html body header a.site-brand>.site-brand-mark,html body header a.brand>.site-brand-mark,html body header a.site-brand>.site-mark,html body header a.brand>.brand-mark{width:36px!important;height:36px!important;flex-basis:36px}
  html body header .site-brand-word,html body header .site-brand-name,html body header .brand-copy b{font-size:16px!important;letter-spacing:.14em!important}
  html body header .site-brand-sub,html body header .site-brand-copy small,html body header .brand-copy small{font-size:9.5px!important}
  html body header .site-social-links .social-wa{width:40px!important;min-width:40px!important;padding:0!important;justify-content:center}
  html body header .site-social-links .social-wa span,html body header .site-social-links .social-wa .polish-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
  html body header .site-social-links .social-ig{display:inline-flex!important;width:40px!important;min-width:40px!important}
}
@media (max-width:380px){html body header .site-brand-sub,html body header .site-brand-copy small{display:none!important}}
@media (prefers-reduced-motion:reduce){html body header.site-header::after,html body>header::after{animation:none}}
/* footer brand line (brand v2) */
html body .site-footer-brand{display:flex;align-items:center;gap:14px;margin:0 0 26px;color:#F4EEDF;text-decoration:none}
html body .site-footer-brand img{width:52px;height:52px}
html body .site-footer-brand b{display:block;font:600 24px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.2em;direction:ltr}
html body .site-footer-brand small{display:block;margin-top:6px;color:#D9B46A;font-size:12px;letter-spacing:.06em}
html body>header .social-links>a[href*="instagram"]{font-size:0!important;gap:0!important}
html body>header .social-links>a[href*="instagram"] svg{width:17px;height:17px}
html body .site-top-control,html body .site-home-control{background:linear-gradient(135deg,#17473A,#0B1F19)!important;border:1px solid rgba(217,180,106,.45)!important;color:#F1D79A!important}


/* ==========================================================================
   BRAND V2 — inner pages (3 Nov 2026): deep green + gold instead of navy,
   real developer-listing photos on heroes and project cards.
   ========================================================================== */
html body main section.hero,html body>section.hero,html body .ops-cta,html body .developer-section,html body .mortgage-result{background:radial-gradient(700px 360px at 88% 0%,rgba(217,180,106,.16),transparent 60%),linear-gradient(150deg,#17473A,#0B1F19 72%)!important;border:1px solid rgba(217,180,106,.18)}
html body main section.hero{border-width:0 0 1px}
html body section.hero .section-kicker,html body section.hero .kicker,html body .ops-cta h2{color:#E9CB8A!important}
/* page heroes with a real project photo */
.ops-hero.has-photo{position:relative;isolation:isolate;overflow:hidden;margin:18px 0 8px;padding:clamp(40px,6vw,84px) clamp(22px,4vw,56px)!important;border-radius:28px;background:#0B1F19;color:#F7F3EA;box-shadow:0 30px 70px rgba(11,31,25,.22)}
.ops-hero.has-photo::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--hero-photo) center/cover no-repeat;transform:scale(1.04);animation:opsHeroZoom 22s ease-in-out infinite alternate}
.ops-hero.has-photo::after{content:attr(data-credit);position:absolute;inset:0;z-index:-1;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px 18px;font-size:11px;color:rgba(247,243,234,.6);background:linear-gradient(90deg,rgba(6,18,14,.92),rgba(6,18,14,.72) 50%,rgba(6,18,14,.35))}
html[dir="rtl"] .ops-hero.has-photo::after{background:linear-gradient(270deg,rgba(6,18,14,.92),rgba(6,18,14,.72) 50%,rgba(6,18,14,.35));justify-content:flex-start}
@keyframes opsHeroZoom{to{transform:scale(1.13)}}
.ops-hero.has-photo h1{color:#FBF7EE!important;max-width:820px}
.ops-hero.has-photo>p,.ops-hero.has-photo .guide-byline{color:rgba(247,243,234,.86)!important;max-width:760px}
.ops-hero.has-photo a:not(.ops-wa){color:#F1D79A!important}
.ops-hero.has-photo .section-kicker{color:#F1D79A!important;letter-spacing:.14em}
.ops-hero.has-photo .ops-actions a:not(.ops-wa){border-color:rgba(247,243,234,.45)!important;background:rgba(247,243,234,.08)!important}
.ops-hero.has-photo .ops-wa{background:linear-gradient(135deg,#F1D79A,#D9B46A 50%,#C8A15A)!important;color:#0B1F19!important;border:0!important}
/* project cards with photos */
.ops-card.has-media{padding:0 0 18px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.ops-card.has-media>:not(.ops-media){margin-inline:18px}
.ops-card.has-media:hover{transform:translateY(-5px);box-shadow:0 26px 56px rgba(16,32,26,.13);border-color:rgba(200,161,90,.6)}
.ops-media{position:relative;display:block;aspect-ratio:16/10;margin:0 0 14px;overflow:hidden;background:#EFE8DA}
.ops-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.ops-card:hover .ops-media img{transform:scale(1.07)}
.ops-media span{position:absolute;top:12px;inset-inline-start:12px;padding:6px 12px;border-radius:999px;background:rgba(7,21,15,.58);backdrop-filter:blur(8px);border:1px solid rgba(241,215,154,.4);color:#F1D79A;font-size:12px;font-weight:700;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ops-card .ops-wa{background:linear-gradient(135deg,#17473A,#0B1F19)!important;color:#F1D79A!important;border:1px solid rgba(217,180,106,.35)!important}
/* developer gallery (guide) */
.guide-dev-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.guide-dev-tile{position:relative;display:block;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#0B1F19;text-decoration:none!important}
.guide-dev-tile img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .4s}
.guide-dev-tile:hover img{transform:scale(1.08);opacity:1}
.guide-dev-tile span{position:absolute;inset:auto 0 0 0;padding:40px 16px 14px;background:linear-gradient(180deg,transparent,rgba(7,21,15,.9));color:#FBF7EE;display:flex;flex-direction:column;gap:2px}
.guide-dev-tile strong{font-size:17px}.guide-dev-tile small{color:#F1D79A;font-size:12.5px}
@media (prefers-reduced-motion:reduce){.ops-hero.has-photo::before{animation:none}.ops-card.has-media,.ops-media img,.guide-dev-tile img{transition:none}}
/* our own illustrations (scripts/build-artwork.py) */
.market-project-placeholder[data-art]{position:relative;background-size:cover!important;background-position:center!important;color:transparent!important;font-size:0!important;min-height:180px}
.market-art-tag,.ops-media em{position:absolute;bottom:10px;inset-inline-start:10px;padding:4px 10px;border-radius:999px;background:rgba(7,21,15,.62);border:1px solid rgba(241,215,154,.35);color:#F1D79A;font:600 11px/1.3 Vazirmatn,Inter,sans-serif;font-style:normal;letter-spacing:.02em}
.market-news-art{height:132px;margin:-1px -1px 12px;border-radius:14px;background-size:cover;background-position:center}
.opp-figure.is-art img{border-radius:18px}

/* Availability badge on project cards (listing status from developer data) */
.ops-status{margin:.15rem 0 .4rem;font-size:.78rem;font-weight:600;display:inline-block;padding:.15rem .55rem;border-radius:999px;background:rgba(15,94,70,.1);color:#0f5e46}
.ops-status.is-limited{background:rgba(201,162,77,.16);color:#8a6416}
.ops-status.is-soldout{background:rgba(120,120,120,.14);color:#555}
.guide-callout{margin:0 0 1.2rem;padding:.85rem 1rem;border-radius:12px;background:rgba(201,162,77,.12);border-inline-start:4px solid #c9a24d;line-height:1.9}
.guide-sources{line-height:1.9}
.ops-card .ops-status,.offplan-seo .ops-card p.ops-status{font-size:.8rem!important;line-height:1.5!important;padding:.2rem .7rem!important;margin-top:.1rem!important;margin-bottom:.55rem!important;font-weight:700;width:fit-content;max-width:calc(100% - 2.4rem)}
/* Mobile: compact icon-only floating controls so they never cover card buttons */
@media (max-width:760px){
.site-floating-controls .site-control-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-floating-controls a,.site-floating-controls button{width:44px!important;height:44px!important;min-width:0!important;padding:0!important;border-radius:50%!important;justify-content:center!important;gap:0!important}
.site-floating-controls{gap:8px!important}
}

/* ===== READABILITY V3 (3 Nov 2026): no body text under 13px, darker small text ===== */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.market-date,.market-project-dev,.market-project-area,.market-project-status,.market-project-detail,.market-project-actions a,.market-slider-controls p,
.market-news-card time,.market-news-card small,.market-news-card p,.market-news-card a,.market-currency p,.qeymato-widget a,.market-currency-note,
.offplan-intro,.offplan-quick-links a,.offplan-card-links a,.offplan-details,.offplan-details summary,.offplan-details dt,.offplan-details dd,
.offplan-filter,.offplan-results,.offplan-developer,.offplan-specs dt,.offplan-specs dd,.offplan-plan,.offplan-search-row button,.offplan-reset,
.ops-src,.ops-meta,.opp-crumbs,.lux-badge,.lux-area span,.lux-why-photo figcaption span,.market-art-tag,.featured-brand,.guide-byline,.ops-note{font-size:13px!important}
.market-project-detail,.market-news-card p,.market-currency p,.offplan-details,.offplan-plan,.offplan-intro,.offplan-results,.offplan-filter,.ops-note,.lux-area span{color:#3f4652!important;line-height:1.85}
.market-project-dev,.offplan-developer,.offplan-specs dt,.offplan-details dt,.market-project-area,.market-date{color:#5b5547!important}
.market-news-card strong{font-size:14px!important}
.offplan-specs dd,.offplan-details dd{font-size:13.5px!important}
.lux-eyebrow,.lux-kicker,.section-kicker{font-size:13px!important;letter-spacing:.04em}
html[lang^="fa"] .ops-card p,html[lang^="fa"] .ops-card li,html[lang^="fa"] .lux-card p{font-weight:500}
.site-world-clock-label{font-size:11px!important}

/* ===== MOBILE V3: practical phone layout ===== */
@media (max-width:760px){
html{-webkit-text-size-adjust:100%}
.site-home-control{display:none!important}
.site-floating-controls{bottom:calc(88px + env(safe-area-inset-bottom))!important}
.site-floating-controls .site-top-control{width:40px!important;height:40px!important;opacity:.92}
.lux-section{padding-top:44px!important}
.lux-head{gap:10px!important;margin-bottom:18px!important}
.lux-head h2,.lux-why h2,.lux-visit h2{font-size:clamp(24px,7vw,30px)!important;line-height:1.35!important}
.lux-lead,[data-lux="hero"]>p,[data-lux="hero"] .home-hero-copy>p{font-size:15.5px!important;line-height:1.95!important}
.lux-why-photo{width:100%!important;max-width:300px!important;margin-inline:auto!important;justify-self:center}
.lux-why-photo img{display:block;width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-position:center 15%!important}
.home-about img{height:auto!important;max-height:300px;object-fit:cover;width:100%}
.site-footer-directory{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.site-footer-directory>*{min-width:0;padding:12px 14px!important}
.site-footer-directory h2{margin:0 0 6px!important;font-size:15px!important}
.site-footer-directory ul{display:flex!important;flex-wrap:wrap;gap:2px 16px;margin:0!important;padding:0!important}
.site-footer-directory li{margin:0!important;padding:0!important;border:0!important}
.site-footer-directory a{font-size:13.5px!important;padding:5px 0!important;display:inline-block}
.market-news-card p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.market-news-card{min-height:0!important}
.lux-why-points{gap:10px!important}
.lux-areas{grid-template-columns:1fr 1fr!important;gap:10px!important}
.lux-area{padding:16px 14px!important;border-radius:16px!important;min-height:0!important}
.lux-area strong{font-size:16px!important;line-height:1.35!important;overflow-wrap:anywhere}
.lux-area b{font-size:13.5px!important}
.lux-marquee{padding:22px 0 10px!important}
.lux-marquee-row span{font-size:19px!important}
.home-photo img{max-height:62vh;object-fit:cover}
.ops-grid{gap:14px!important}
.ops-card h3{font-size:17px!important;line-height:1.5}
.ops-card .ops-price{font-size:17px!important}
.ops-card ul{font-size:14.5px!important;line-height:1.85}
.ops-card .ops-actions{flex-wrap:wrap;gap:8px}
.ops-card .ops-actions .ops-wa{flex:1 1 100%;justify-content:center;min-height:48px}
.ops-hero h1,.opp-hero h1{font-size:clamp(24px,7.2vw,32px)!important;line-height:1.45!important}
.ops-hero p,.opp-hero p{font-size:15.5px!important;line-height:1.95!important}
.opp-facts{grid-template-columns:1fr 1fr!important;gap:8px!important}
.opp-facts dt{font-size:13px!important}.opp-facts dd{font-size:15px!important}
.guide-toc ol{columns:1!important}
.ops-section{padding-block:22px!important}
}
.site-footer-directory a,.site-footer a{font-size:14px}
.site-world-clock-label{font-size:12px!important}.site-world-clock-value{font-size:13px!important}

/* Instagram icon visible in every header */
html body header .site-social-links{display:inline-flex!important;align-items:center;gap:8px}
html body header .site-social-links .social-ig svg,html body>header .social-links>a[href*="instagram"] svg{width:19px;height:19px}
html body header .site-social-links .social-ig{display:inline-flex!important;align-items:center;justify-content:center}
@media (max-width:380px){html body header .site-language{min-width:38px!important;padding:0 9px!important}}
/* Phone header fit: logo + EN + WhatsApp + Instagram + menu on one row */
@media (max-width:760px){
html body header.site-header .site-bar{gap:6px!important;padding-inline:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
html body header .site-actions{gap:6px!important;flex:none}
html body header .site-social-links{gap:6px!important}
html body header .site-language,html body header .site-social-links .social-link,html body header.site-header .site-menu-button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important}
html body header a.site-brand{min-width:0!important;flex:1 1 auto!important;overflow:hidden}
html body header a.site-brand>.site-brand-mark{width:32px!important;height:32px!important;flex-basis:32px}
html body header .site-brand-word,html body header .site-brand-name{font-size:14px!important;letter-spacing:.08em!important}
html body header .site-brand-sub{font-size:10px!important;letter-spacing:0!important}
}
@media (max-width:374px){
html body header .site-brand-word,html body header .site-brand-name{font-size:12.5px!important;letter-spacing:.05em!important}
html body header .site-brand-sub{display:none!important}
}