html{overflow-x:hidden}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
:root{
  --gold:#c9a227;--gold-dk:#a8841e;--gold-light:#fef9ec;--gold-border:#fde68a;--gold-mid:#f5c842;
  --bg:#f8f9fa;--card:#ffffff;--border:#e8edf2;--text:#0f172a;--muted:#64748b;--sidebar:#1e293b;
  --success:#10b981;--danger:#ef4444;--warn:#f59e0b;
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --hh:64px;--r-lg:16px;--r-md:10px;--r-sm:8px;--r-pill:999px;
  --shadow:0 1px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.03);
  --shadow-md:0 4px 24px rgba(0,0,0,.09);--shadow-lg:0 8px 40px rgba(0,0,0,.14);
  --shadow-gold:0 4px 20px rgba(201,162,39,.25);
  --dur:.15s;--ease:cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden;max-width:100vw}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--gold-dk);text-decoration:none;transition:color var(--dur) var(--ease)}
a:hover{color:var(--gold)}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{line-height:1.15;font-weight:700;letter-spacing:-.3px}
input,textarea,select,button{font-family:var(--font)}
::selection{background:var(--gold);color:#000}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}
.c{width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px}
.c--sm{max-width:860px}.c--xs{max-width:620px}
#ay-main{min-height:60vh;padding-top:var(--hh)}
@media(max-width:480px){.c{padding-inline:16px}}
.g2{display:grid;grid-template-columns:1fr;gap:20px}
.g3{display:grid;grid-template-columns:1fr;gap:16px}
.g4{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.g-split{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:640px){.g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:800px){.g2{grid-template-columns:1fr 1fr}.g-split{grid-template-columns:1fr 1fr;gap:64px}}
@media(min-width:900px){.g3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:700px){.g4{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){[style*="grid-template-columns:repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){[style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr!important}[style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important}}
#ay-hdr{position:fixed;top:0;left:0;right:0;z-index:9000;height:var(--hh);background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background .3s,box-shadow .3s,border-color .3s}
#ay-hdr.scrolled{background:rgba(15,23,42,.97);box-shadow:0 4px 24px rgba(0,0,0,.28);border-bottom-color:rgba(255,255,255,.06)}
.ay-hdr-inner{display:flex;align-items:center;height:100%;max-width:1280px;margin-inline:auto;padding-inline:20px;gap:16px}
.ay-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
/* Dual logo system - light/dark header states */
.ay-logo-img{height:44px;width:auto;max-width:180px;object-fit:contain}
/* Both logos stacked in position: only one visible at a time */
.ay-logo-for-light{display:block;position:relative}
.ay-logo-for-dark{display:none;position:relative}
/* Scrolled = dark header: swap logos */
#ay-hdr.scrolled .ay-logo-for-light{display:none!important}
#ay-hdr.scrolled .ay-logo-for-dark{display:block!important}

.ay-logo-img{height:34px;width:auto}
.ay-logo-txt{display:flex;flex-direction:column;gap:1px;line-height:1}
.ay-logo-name{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar);transition:color .3s}
.ay-logo-sub{font-size:7.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
#ay-hdr.scrolled .ay-logo-name{color:#fff}
.ay-logo-icon{width:34px;height:34px;background:var(--sidebar);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ay-logo-icon svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.75;stroke-linecap:round}
.ay-nav{flex:1;display:none;justify-content:center}
@media(min-width:960px){.ay-nav{display:flex}}
.ay-nav ul,.ay-nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.ay-nav ul li a,.ay-nav-list li a{display:block;padding:7px 12px;font-size:12.5px;font-weight:500;color:var(--muted);border-radius:var(--r-sm);text-decoration:none;transition:color .18s,background .18s}
.ay-nav ul li a:hover,.ay-nav-list li a:hover{color:var(--text);background:var(--gold-light)}
.ay-nav ul li.current-menu-item>a,.ay-nav-list li.current-menu-item>a{color:var(--gold-dk);font-weight:600;background:var(--gold-light)}
#ay-hdr.scrolled .ay-nav ul li a,#ay-hdr.scrolled .ay-nav-list li a{color:rgba(255,255,255,.7)}
#ay-hdr.scrolled .ay-nav ul li a:hover,#ay-hdr.scrolled .ay-nav-list li a:hover{color:#fff;background:rgba(255,255,255,.08)}
#ay-hdr.scrolled .ay-nav ul li.current-menu-item>a{color:var(--gold);background:rgba(201,162,39,.1)}
.ay-hdr-acts{margin-left:auto;display:flex;align-items:center;gap:8px}
.ay-hdr-cta{display:inline-flex!important;align-items:center;gap:6px;padding:7px 14px!important;background:transparent!important;border:1px solid rgba(15,23,42,.18)!important;border-radius:6px!important;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--sidebar)!important;text-decoration:none;white-space:nowrap;transition:all .2s}
.ay-hdr-cta svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;flex-shrink:0}
.ay-hdr-cta:hover{border-color:var(--gold)!important;color:var(--gold)!important;background:var(--gold-light)!important}
#ay-hdr.scrolled .ay-hdr-cta{border-color:rgba(255,255,255,.3)!important;color:#fff!important;background:rgba(255,255,255,.08)!important}
#ay-hdr.scrolled .ay-hdr-cta:hover{border-color:var(--gold)!important;color:var(--gold)!important;background:rgba(201,162,39,.12)!important}
.ay-ham{display:none;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:none;cursor:pointer;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent}
@media(max-width:959px){.ay-ham{display:flex}}
.ay-ham>span{display:none!important}
.ay-ham-icon{display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:20px;pointer-events:none}
.ay-ham-line{display:block;height:1.5px;background:var(--sidebar);border-radius:99px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s,width .28s}
.ay-ham-line:nth-child(1){width:20px}.ay-ham-line:nth-child(2){width:13px}.ay-ham-line:nth-child(3){width:20px}
.ay-ham.open .ay-ham-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.ay-ham.open .ay-ham-line:nth-child(2){opacity:0;width:0}
.ay-ham.open .ay-ham-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
#ay-hdr.scrolled .ay-ham-line{background:#fff}
.ay-overlay{position:fixed!important;inset:0;background:rgba(5,10,20,.58);z-index:9800!important;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(2px)}
.ay-overlay.open{opacity:1;pointer-events:all}
@media(min-width:960px){.ay-overlay{display:none!important}}
.ay-drawer{position:fixed!important;top:0!important;right:-320px!important;bottom:0!important;left:auto!important;width:300px!important;max-width:88vw!important;background:var(--sidebar)!important;z-index:9900!important;display:flex!important;flex-direction:column!important;border-left:1px solid rgba(255,255,255,.06)!important;transition:right .32s cubic-bezier(.4,0,.2,1),box-shadow .32s,visibility .32s!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:0!important;visibility:hidden!important;pointer-events:none!important}
.ay-drawer.open{right:0!important;box-shadow:-16px 0 48px rgba(0,0,0,.45)!important;visibility:visible!important;pointer-events:auto!important}
@media(min-width:960px){.ay-drawer{display:none!important}}
.ay-drawer-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}
.ay-drawer-brand{display:flex;flex-direction:column;gap:3px}
.ay-drawer-brand-name{font-size:11px;font-weight:900;letter-spacing:.14em;color:#fff;text-transform:uppercase;line-height:1}
.ay-drawer-brand-sub{font-size:7px;font-weight:700;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;line-height:1}
.ay-drawer-close{width:34px;height:34px;background:rgba(255,255,255,.07);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.6);transition:background .2s,color .2s;flex-shrink:0}
.ay-drawer-close:hover{background:rgba(255,255,255,.14);color:#fff}
.ay-drawer-close svg{pointer-events:none;width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.ay-drawer-nav{padding:10px 10px 0;flex-shrink:0}
.ay-drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ay-drawer-link{display:flex;align-items:center;gap:11px;padding:12px 10px;border-radius:9px;text-decoration:none;color:rgba(255,255,255,.78);transition:background .18s,color .18s}
.ay-drawer-link:hover{background:rgba(255,255,255,.07);color:#fff}
.ay-dl-ic{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:7px;flex-shrink:0;color:var(--gold)}
.ay-dl-ic svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;pointer-events:none}
.ay-dl-ic--wa{background:rgba(37,211,102,.15)!important;color:#25D366!important}
.ay-dl-ic--wa svg{fill:currentColor;stroke:none;width:16px;height:16px}
.ay-dl-txt{flex:1;font-size:14px;font-weight:600}
.ay-dl-arr{color:rgba(255,255,255,.25);flex-shrink:0}
.ay-dl-arr svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;pointer-events:none}
.ay-drawer-link:hover .ay-dl-arr{color:rgba(255,255,255,.55)}
.ay-drawer-divider{height:1px;background:rgba(255,255,255,.07);margin:12px 18px;flex-shrink:0}
.ay-drawer-wa{padding:0 18px 22px;flex-shrink:0}
.ay-drawer-wa p{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:10px}
.ay-wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;border:none;border-radius:8px;padding:12px;font-size:13px;font-weight:700;cursor:pointer;width:100%;text-decoration:none;transition:background .2s;font-family:var(--font)}
.ay-wa-btn:hover{background:#1db954;color:#fff}
.ay-wa-btn svg{width:17px;height:17px;fill:currentColor;stroke:none;flex-shrink:0}
body.ay-drawer-open{overflow:hidden}
/* iOS Safari: when drawer open, body is fixed via JS, prevent width change */
body.ay-drawer-open{width:100%;overflow:hidden}
.ay-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -2px 16px rgba(0,0,0,.06);padding-bottom:env(safe-area-inset-bottom);overflow:visible}
@media(max-width:959px){.ay-bar{display:block}}
.ay-bar-inner{display:flex;align-items:flex-end;justify-content:space-around;max-width:520px;margin-inline:auto;height:56px;min-height:56px;overflow:visible}
.ay-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;flex:1;padding-bottom:8px;text-decoration:none;color:var(--muted);border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ay-bar-item::before{display:none}
.ay-bar-item svg{width:21px;height:21px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.ay-bar-item span{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.02em;line-height:1;white-space:nowrap}
.ay-bar-item.active svg{stroke:var(--gold)}
.ay-bar-item.active span{color:var(--gold)}
.ay-bar-cta{flex:0 0 68px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:6px;position:relative;overflow:visible}
.ay-bar-cta::before{display:none}
.ay-bar-cta-inner{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#25D366;border-radius:50%;border:3px solid var(--card);box-shadow:0 6px 20px rgba(37,211,102,.4),0 2px 6px rgba(0,0,0,.1);transition:transform .18s,box-shadow .18s;text-decoration:none}
.ay-bar-cta-inner:hover{transform:translateX(-50%) scale(1.06)}
.ay-bar-cta-inner svg{width:24px!important;height:24px!important;fill:#fff!important;stroke:none!important}
.ay-bar-cta-lbl{font-size:9px;font-weight:700;color:var(--muted);white-space:nowrap;line-height:1;position:relative;z-index:1;margin-top:1px}
.ay-bar-cta:active .ay-bar-cta-inner{transform:translateX(-50%) scale(.92)}

@media(max-width:959px){#ay-main{padding-bottom:56px}}
.sec{padding:72px 0;overflow-x:hidden}
.sec--sm{padding:48px 0}.sec--lg{padding:100px 0}
.sec--card{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sec--dark{background:var(--sidebar);color:#fff}
.sec--dark .sec-title{color:#fff}.sec--dark .sec-desc{color:rgba(255,255,255,.6)}.sec--dark .kicker{color:var(--gold)}
.sec--gold{background:var(--gold-light);border-top:1px solid var(--gold-border);border-bottom:1px solid var(--gold-border)}
.sec-hd{margin-bottom:40px}
.sec-hd--center{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:48px}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.kicker::before{content:'';display:block;width:20px;height:1.5px;background:var(--gold);border-radius:99px;flex-shrink:0}
.sec-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1.1;margin-bottom:12px}
.sec-title--lg{font-size:clamp(2rem,5vw,3rem)}
.sec-desc{font-size:14px;color:var(--muted);line-height:1.75;max-width:520px}
.sec-hd--center .sec-desc{margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;font-size:13px;font-weight:600;border-radius:var(--r-md);border:1.5px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--dur) var(--ease);letter-spacing:.01em;-webkit-tap-highlight-color:transparent}
.btn--gold{background:var(--gold);color:#000;border-color:var(--gold);box-shadow:var(--shadow-gold)}
.btn--gold:hover{background:var(--gold-dk);border-color:var(--gold-dk);color:#000;transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,162,39,.35)}
.btn--dark{background:var(--sidebar);color:#fff;border-color:var(--sidebar)}
.btn--dark:hover{background:#263548;color:#fff;transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--gold-dk);border-color:var(--gold);font-weight:700}
.btn--outline:hover{background:var(--gold-light);border-color:var(--gold-dk);color:var(--gold-dk)}
.btn--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn--outline-light:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.6)}
.btn--ghost{background:transparent;color:var(--muted);border-color:transparent}
.btn--ghost:hover{color:var(--text);background:var(--bg)}
.btn--lg{padding:13px 26px;font-size:14px;border-radius:12px}
.btn--xl{padding:15px 30px;font-size:15px;font-weight:700;border-radius:12px}
.btn--sm{padding:7px 14px;font-size:12px}.btn--xs{padding:5px 10px;font-size:11px}.btn--full{width:100%;justify-content:center}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--shadow);transition:box-shadow var(--dur)}
.card:hover{box-shadow:var(--shadow-md)}
.card--gold{border-top:3px solid var(--gold)}.card--dark{border-top:3px solid var(--sidebar)}.card--success{border-top:3px solid var(--success)}
.feat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;transition:all .3s var(--ease)}
.feat-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-border);transform:translateY(-2px)}
.feat-icon-wrap{width:44px;height:44px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);flex-shrink:0}
.feat-icon-wrap svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.75;stroke-linecap:round}
.feat-title{font-size:14px;font-weight:700;color:var(--text)}.feat-desc{font-size:13px;color:var(--muted);line-height:1.65}
.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;transition:box-shadow var(--dur),transform var(--dur)}
.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.kpi-card--gold{border-top:3px solid var(--gold);background:var(--gold-light)}
.kpi-card--dark{border-top:3px solid var(--sidebar)}.kpi-card--success{border-top:3px solid var(--success);background:#f0fdf4}
.kpi-card--accent{border-top:3px solid var(--gold-dk);background:var(--gold-light)}
.kpi-lbl{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.kpi-val{font-size:28px;font-weight:900;letter-spacing:-.05em;color:var(--text);line-height:1}
.kpi-val em{color:var(--gold);font-style:normal}.kpi-note{font-size:12px;color:var(--muted)}
.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}
@media(min-width:600px){.stats-row{grid-template-columns:repeat(4,1fr)}}
.stat-item{padding:24px 20px;background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background var(--dur)}
.stat-item:hover{background:var(--gold-light)}
.stat-item:nth-child(2n){border-right:none}
@media(min-width:600px){.stat-item{border-bottom:none}.stat-item:nth-child(2n){border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}}
.stat-val{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:900;letter-spacing:-.05em;color:var(--text);line-height:1;margin-bottom:6px}
.stat-val span{color:var(--gold)}.stat-lbl{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.unit-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);transition:all .3s var(--ease)}
.unit-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--gold-border)}
.unit-card--featured{border-color:var(--gold-border)}
.unit-card-img{aspect-ratio:16/10;overflow:hidden;background:var(--bg);position:relative}
.unit-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.unit-card:hover .unit-card-img img{transform:scale(1.04)}
.unit-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg),#e2e8f0)}
.unit-card-img-placeholder svg{width:48px;height:48px;stroke:var(--muted);fill:none;stroke-width:1;opacity:.35}
.unit-card-badge{position:absolute;top:12px;left:12px;z-index:2}
.unit-card-badge-type{position:absolute;top:12px;right:12px;z-index:2}
.unit-card-body{padding:18px 20px}
.unit-card-type{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.unit-card-name{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.1;margin-bottom:4px}
.unit-card-name a{color:inherit}
.unit-card:hover .unit-card-name a{color:var(--gold-dk)}
.unit-card-sub{font-size:11px;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:4px}
.unit-card-sub svg{width:11px;height:11px;stroke:var(--gold);fill:none;stroke-width:2;flex-shrink:0}
.unit-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}
.unit-spec{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 11px}
.unit-spec span{display:block;font-size:9px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.unit-spec strong{font-size:14px;font-weight:800;color:var(--text)}
.unit-spec strong.val-gold{color:var(--gold-dk)}.unit-spec strong.val-success{color:var(--success)}
.unit-card-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:14px;padding-top:12px;border-top:1px solid var(--border)}
.unit-card-price{font-size:26px;font-weight:900;letter-spacing:-.04em;color:var(--text);line-height:1}
.unit-card-price span{font-size:12px;font-weight:500;color:var(--muted)}
.unit-card-deposit{font-size:10px;color:var(--success);font-weight:700;background:#d1fae5;border:1px solid #a7f3d0;padding:2px 7px;border-radius:var(--r-pill);margin-top:3px;display:inline-block}
.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-pill);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;white-space:nowrap}
.badge--gold{background:var(--gold-light);color:#92400e;border:1px solid var(--gold-border)}
.badge--success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}
.badge--dark{background:var(--sidebar);color:#fff;border:1px solid var(--sidebar)}
.badge--neutral{background:var(--bg);color:var(--muted);border:1px solid var(--border)}
.badge--warn{background:#fef3c7;color:#92400e;border:1px solid var(--gold-border)}
.dl-form{display:flex;flex-direction:column;gap:13px}
.dl-label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer}

.dl-label .dl-input,.dl-label input,.dl-label select,.dl-label textarea{margin-top:6px;display:block}
.dl-input{border:1.5px solid var(--border);border-radius:var(--r-md);padding:10px 14px;font-size:14px;color:var(--text);background:var(--card);font-family:var(--font);width:100%;transition:border-color var(--dur),box-shadow var(--dur)}
.dl-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,39,.1)}
.dl-input::placeholder{color:#94a3b8}
textarea.dl-input{min-height:120px;resize:vertical}
select.dl-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.dl-req{color:var(--gold)}.dl-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.dl-row-2{grid-template-columns:1fr}}
.checklist{display:flex;flex-direction:column;gap:10px}
.checklist li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text);line-height:1.5}
.check-dot{width:20px;height:20px;flex-shrink:0;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}
.check-dot svg{width:11px;height:11px;stroke:#065f46;fill:none;stroke-width:3;stroke-linecap:round}
.page-hero{background:var(--card);border-bottom:1px solid var(--border);padding:48px 0 40px}
.ay-page-hero-dark{background:var(--sidebar);padding:56px 0 48px;position:relative;overflow:hidden}
.ay-page-hero-dark::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.06),transparent 65%);pointer-events:none}
.ay-page-hero-dark .kicker{color:var(--gold)}.ay-page-hero-dark .kicker::before{background:var(--gold)}
.ay-page-hero-dark .sec-title{color:#fff}.ay-page-hero-dark .sec-desc{color:rgba(255,255,255,.55)}
.img-card{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
.img-card img{width:100%;height:100%;object-fit:cover}
.img-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.7),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.img-card-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.img-card-title{font-size:18px;font-weight:800;color:#fff;line-height:1.2}.img-card-sub{font-size:13px;color:rgba(255,255,255,.7);margin-top:4px}
.quote-block{background:var(--sidebar);border-radius:var(--r-lg);padding:48px;text-align:center;position:relative;overflow:hidden}
.quote-block::before{content:'"';position:absolute;top:-20px;left:32px;font-size:160px;font-weight:900;line-height:1;color:rgba(255,255,255,.04);font-family:Georgia,serif;pointer-events:none}
.quote-text{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;color:#fff;line-height:1.6;margin-bottom:20px;font-style:italic}
.quote-author{font-size:12px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.12em}
.contact-grid{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:800px){.contact-grid{grid-template-columns:5fr 4fr}}
.contact-info-list{display:flex;flex-direction:column;gap:16px}
.contact-info-item{display:flex;align-items:flex-start;gap:14px}
.contact-info-icon{width:42px;height:42px;flex-shrink:0;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.contact-info-icon svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.75;stroke-linecap:round}
.contact-info-lbl{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.contact-info-val{font-size:14px;font-weight:600;color:var(--text)}.contact-info-val a{color:var(--text)}.contact-info-val a:hover{color:var(--gold)}
.booking-widget{background:var(--sidebar);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.2),0 0 0 1px rgba(201,162,39,.15);position:sticky;top:calc(var(--hh)+16px)}
.booking-widget-head{background:linear-gradient(135deg,var(--gold-dk),var(--gold));padding:20px 22px;display:flex;justify-content:space-between;align-items:center}
.booking-widget-label{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.5);margin:0 0 3px}
.booking-widget-price{font-size:34px;font-weight:900;color:#000;line-height:1;letter-spacing:-.04em}
.booking-widget-price span{font-size:12px;color:rgba(0,0,0,.5);font-weight:600}
.booking-widget-badge{background:rgba(0,0,0,.12);color:#000;padding:5px 11px;border-radius:var(--r-sm);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.booking-widget-body{padding:20px 22px}
.booking-price-summary{background:rgba(201,162,39,.08);border:1px solid rgba(201,162,39,.2);border-radius:var(--r-sm);padding:14px;margin-bottom:14px;display:none}
.booking-price-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;color:rgba(255,255,255,.5)}
.booking-price-total{border-top:1px solid rgba(201,162,39,.2);margin-top:8px;padding-top:10px!important;color:rgba(255,255,255,.9)!important;font-weight:700!important;font-size:14px!important}
.booking-price-total strong{color:var(--gold);font-size:22px;font-weight:900}
.booking-form .dl-label{color:rgba(255,255,255,.4)}
.booking-form .dl-input{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
.booking-form .dl-input::placeholder{color:rgba(255,255,255,.25)!important}
.booking-form .dl-input:focus{border-color:var(--gold)!important;background:rgba(255,255,255,.11)!important;box-shadow:0 0 0 3px rgba(201,162,39,.12)!important}
.booking-msg-err{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--r-sm);padding:10px 13px;color:#fca5a5;font-size:12px;margin-bottom:11px}
.booking-msg-ok{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:var(--r-sm);padding:10px 13px;color:#6ee7b7;font-size:12px;margin-bottom:11px}
.booking-note{font-size:11px;color:rgba(255,255,255,.3);text-align:center;margin:10px 0 0}
.booking-wa{padding:16px 22px;border-top:1px solid rgba(255,255,255,.07);text-align:center}
.booking-wa p{font-size:12px;color:rgba(255,255,255,.35);margin:0 0 10px}
.spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ay-breadcrumb-bar{background:var(--card);padding:12px 0;border-bottom:1px solid var(--border)}
.ay-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.ay-breadcrumb a{color:var(--muted)}.ay-breadcrumb a:hover{color:var(--gold)}
.ay-breadcrumb svg{width:12px;height:12px;stroke:var(--border);fill:none;stroke-width:2;flex-shrink:0}
.ay-breadcrumb span{color:var(--text);font-weight:600}
.vehicle-detail-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;padding:28px 0 72px}
@media(max-width:1080px){.vehicle-detail-layout{grid-template-columns:1fr}}
.vehicle-detail-layout .booking-widget{position:static}
@media(min-width:1081px){.vehicle-detail-layout .booking-widget{position:sticky}}
.ay-gallery-main{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);position:relative}
.ay-gallery-main img{width:100%;height:100%;object-fit:cover}
.ay-gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ay-gallery-placeholder svg{width:64px;height:64px;stroke:var(--muted);opacity:.3;fill:none;stroke-width:1}
.ay-gallery-thumbs{display:flex;gap:8px;margin-top:8px;overflow-x:auto;padding-bottom:2px}
.ay-gallery-thumb{width:72px;height:50px;flex-shrink:0;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s}
.ay-gallery-thumb img{width:100%;height:100%;object-fit:cover}
.ay-gallery-thumb.active,.ay-gallery-thumb:hover{border-color:var(--gold)}
.vehicle-header{margin-bottom:20px}
.vehicle-title{font-size:clamp(26px,5vw,42px);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--text);margin:8px 0 4px}
.vehicle-location{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-bottom:12px}
.vehicle-location svg{width:12px;height:12px;stroke:var(--gold);fill:none;stroke-width:2;flex-shrink:0}
.vehicle-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:22px}
.vehicle-spec-item{background:var(--card);padding:13px 15px;display:flex;align-items:center;gap:10px}
.vehicle-spec-icon{width:32px;height:32px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vehicle-spec-icon svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:1.75;stroke-linecap:round}
.vehicle-spec-lbl{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.vehicle-spec-val{font-size:13px;font-weight:700;color:var(--text)}
.vehicle-features{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:22px}
.feature-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r-sm);font-size:12px;font-weight:500}
.feature-item--yes{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
.feature-item--no{background:var(--bg);border:1px solid var(--border);color:var(--muted)}
.feature-item svg{width:12px;height:12px;fill:none;stroke-width:2.5;stroke-linecap:round;flex-shrink:0}
.feature-item--yes svg{stroke:#16a34a}.feature-item--no svg{stroke:var(--muted)}
.vehicle-unavailable{padding:20px 22px;text-align:center}
.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;padding-top:24px;padding-bottom:72px}
@media(max-width:880px){.catalog-layout{grid-template-columns:1fr}}
.catalog-sidebar{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;height:fit-content;position:sticky;top:calc(var(--hh)+12px);box-shadow:var(--shadow)}
@media(max-width:880px){.catalog-sidebar{position:static}}
.filter-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1.5px solid var(--border)}
.filter-hd h3{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.filter-reset{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--gold-dk);background:none;border:none;cursor:pointer;font-family:var(--font);text-decoration:none}
.filter-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.filter-group:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}
.filter-group h4{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.filter-chips{display:flex;flex-wrap:wrap;gap:5px}
.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1.5px solid var(--border);border-radius:var(--r-pill);font-size:11px;font-weight:600;color:var(--muted);background:var(--card);text-decoration:none;transition:all .2s;cursor:pointer}
.filter-chip:hover,.filter-chip--active{border-color:var(--gold);background:var(--gold-light);color:var(--gold-dk);font-weight:700}
.filter-chip small{color:var(--muted);font-size:10px}
.filter-search-wrap{position:relative;margin-bottom:16px}
.filter-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:13px;height:13px;stroke:var(--muted);fill:none;stroke-width:2;pointer-events:none}
.filter-search{width:100%;padding:9px 12px 9px 32px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13px;font-family:var(--font);background:var(--bg);transition:border-color .2s}
.filter-search:focus{outline:none;border-color:var(--gold)}
.catalog-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow)}
.catalog-count{flex:1;font-size:12px;color:var(--muted);font-weight:600}
.catalog-sort{padding:7px 30px 7px 10px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:12px;font-weight:600;background:var(--card);color:var(--muted);cursor:pointer;font-family:var(--font);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}
.catalog-sort:focus{outline:none;border-color:var(--gold)}
.vehicles-grid{display:grid;gap:16px}
.vehicles-grid--3{grid-template-columns:repeat(3,1fr)}.vehicles-grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:1060px){.vehicles-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.vehicles-grid--3,.vehicles-grid--2{grid-template-columns:1fr}}
.catalog-no-results{grid-column:1/-1;text-align:center;padding:56px 24px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg)}
.catalog-no-results svg{width:44px;height:44px;stroke:var(--muted);fill:none;stroke-width:1;margin:0 auto 14px;opacity:.35}
.catalog-pagination{display:flex;gap:5px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.catalog-page-btn{padding:8px 15px;border:1.5px solid var(--border);background:var(--card);border-radius:var(--r-sm);font-size:12px;font-weight:700;color:var(--muted);text-decoration:none;transition:all .2s;cursor:pointer}
.catalog-page-btn:hover,.catalog-page-btn--active{background:var(--gold);border-color:var(--gold);color:#000}
.confirmation-wrap{max-width:860px;margin:0 auto;padding:48px 24px 72px}
.confirmation-header{text-align:center;margin-bottom:36px}
.confirmation-icon{width:68px;height:68px;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.confirmation-icon svg{width:30px;height:30px;stroke:#065f46;fill:none;stroke-width:2.5;stroke-linecap:round}
.confirmation-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:22px}
@media(max-width:640px){.confirmation-grid{grid-template-columns:1fr}}
.confirm-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow)}
.confirm-card h3{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.confirm-table{width:100%;border-collapse:collapse;font-size:13px}
.confirm-table th{text-align:left;padding:7px 0;color:var(--muted);font-weight:500;width:44%;font-size:12px}
.confirm-table td{padding:7px 0;color:var(--text);font-weight:700;border-bottom:1px solid var(--bg)}
.confirm-table-total th,.confirm-table-total td{padding-top:14px;font-size:15px;border-bottom:none}
.confirm-table-total td{font-size:22px;font-weight:900;color:var(--gold-dk)}
.confirm-steps{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.confirm-steps h4{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.confirm-steps ol{counter-reset:step;display:flex;flex-direction:column;gap:9px}
.confirm-steps li{font-size:12px;color:var(--muted);counter-increment:step;display:flex;gap:8px;align-items:flex-start}
.confirm-steps li::before{content:counter(step);width:20px;height:20px;border-radius:50%;background:var(--gold);color:#000;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;flex-shrink:0;margin-top:1px}
.confirmation-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#ay-ftr{background:var(--sidebar);color:rgba(255,255,255,.7);padding:60px 0 0;margin-top:auto}
@media(max-width:959px){#ay-ftr{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}
.ftr-grid{display:grid;grid-template-columns:1fr;gap:36px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.08)}
@media(min-width:600px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media(min-width:860px){.ftr-grid{grid-template-columns:1.8fr 1fr 1fr 1fr}}
.ftr-brand{display:flex;flex-direction:column;gap:12px}
.ftr-logo-name{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.ftr-logo-sub{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:2px}
.ftr-desc{font-size:12px;line-height:1.7;color:rgba(255,255,255,.45);max-width:260px}
.ftr-social{display:flex;gap:7px;margin-top:4px}
.ftr-social a{width:32px;height:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:all var(--dur)}
.ftr-social a:hover{background:var(--gold);border-color:var(--gold);color:#000}
.ftr-social a svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
.ftr-social a.ftr-wa-link svg{fill:currentColor;stroke:none;width:15px;height:15px}
.ftr-social a.ftr-wa-link:hover{background:#25D366;border-color:#25D366;color:#fff}
.ftr-col-title{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:14px}
.ftr-links{display:flex;flex-direction:column;gap:7px}
.ftr-links li a{font-size:12px;color:rgba(255,255,255,.5);text-decoration:none;transition:color var(--dur)}
.ftr-links li a:hover{color:var(--gold)}
.ftr-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:18px 0;font-size:12px;color:rgba(255,255,255,.3)}
.ftr-legal{display:flex;gap:14px}
.ftr-legal a{color:rgba(255,255,255,.3);font-size:12px}.ftr-legal a:hover{color:rgba(255,255,255,.7)}
.ay-scroll-top{position:fixed;bottom:76px;right:18px;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .3s;box-shadow:var(--shadow-gold);z-index:100}
.ay-scroll-top.visible{opacity:1;transform:none;pointer-events:all}.ay-scroll-top:hover{background:var(--gold-dk);transform:translateY(-2px)}
.ay-scroll-top svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5}
@media(min-width:960px){.ay-scroll-top{bottom:22px}}
@keyframes fadeUp{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.anim{opacity:1;transform:none;transition:none}.anim.visible{animation:fadeUp .5s var(--ease) both}
.anim-d1.visible{animation-delay:.08s}.anim-d2.visible{animation-delay:.16s}.anim-d3.visible{animation-delay:.24s}
.ay-reveal{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.ay-reveal.visible{opacity:1;transform:none}
.ay-reveal-d1{transition-delay:.1s}.ay-reveal-d2{transition-delay:.2s}.ay-reveal-d3{transition-delay:.3s}.ay-reveal-d4{transition-delay:.4s}
.ay-hover-lift{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.ay-hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.ay-entry p{margin-bottom:1.4em;color:var(--muted);font-size:14px;line-height:1.75}
.ay-entry h2,.ay-entry h3{margin:2em 0 .8em;color:var(--text)}.ay-entry ul{margin:0 0 1.4em 1.2em;list-style:disc}.ay-entry ul li{margin-bottom:.4em;color:var(--muted)}
.ay-hl-card{background:var(--sidebar);border-radius:var(--r-lg);padding:28px;display:flex;align-items:flex-start;gap:18px;border-left:4px solid var(--gold)}
.ay-hl-card-icon{width:42px;height:42px;flex-shrink:0;background:rgba(201,162,39,.15);border-radius:12px;display:flex;align-items:center;justify-content:center}
.ay-hl-card-icon svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.75;stroke-linecap:round}
.ay-hl-card h3{color:#fff;font-size:15px;font-weight:800;margin-bottom:6px}.ay-hl-card p{color:rgba(255,255,255,.55);font-size:13px;line-height:1.7;margin:0}
@media print{#ay-hdr,#ay-ftr,.ay-bar,.ay-drawer{display:none!important}body{padding-bottom:0!important}}

/* ============================================================
   MOBILE FIXES v4 — All grids 1 col, FAB fix, visibility fix
   ============================================================ */

/* Ensure ay-reveal is always visible — Safari mobile fallback */
.ay-reveal,
.ay-reveal.anim,
[class*="ay-reveal"] {
  opacity: 1 !important;
  transform: none !important;
}
/* Only animate when JS adds .visible AND user hasn't reduced motion */
@media (prefers-reduced-motion: no-preference) {
  .ay-reveal-animate { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
  .ay-reveal-animate.visible { opacity: 1; transform: none; }
}

/* FAB WhatsApp — never clip */
.ay-bar { overflow: visible !important; }
.ay-bar-inner { overflow: visible !important; }

/* Dark FAB button for WhatsApp — dark bg, white icon */
.ay-bar-cta-inner {
  background: var(--sidebar) !important;
  border-color: var(--card) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.3), 0 0 0 3px rgba(201,162,39,.3) !important;
}
.ay-bar-cta-inner svg {
  fill: var(--gold) !important;
  stroke: none !important;
}

/* Mobile: ALL multi-column grids collapse to 1 column */
@media (max-width: 540px) {
  /* Override ALL inline grid-template-columns styles */
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  /* Except 2-col grids which can stay 2 on larger phones */
  .g4,
  .kpi-card + .kpi-card,
  .unit-specs {
    grid-template-columns: 1fr 1fr !important;
  }
  .dl-row-2,
  .vehicle-specs,
  .vehicle-features {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  /* KPI grid: 1 col on small screens */
  .g4[style*="repeat(4"] {
    grid-template-columns: 1fr 1fr !important;
  }
  /* All 3-col grids → 1 col */
  .g3[style*="repeat(3"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
  /* About stats, about highlights */
  [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
  }
  /* Advantages dark section 4-col */
  [style*="repeat(4,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 480px) {
  /* Everything 1 col on very small screens */
  .g4, [style*="repeat(4,1fr)"] {
    grid-template-columns: 1fr !important;
  }
  [style*="1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  /* Confirmation grid */
  .confirmation-grid {
    grid-template-columns: 1fr !important;
  }
  /* About stat numbers */
  [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Process steps — 1 col on mobile */
@media (max-width: 640px) {
  .ay-process {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .ay-process-line { display: none !important; }
  .ay-process-step { align-items: center; }
  .ay-process-num { width: 64px; height: 64px; margin-bottom: 14px; }
  .ay-process-title { font-size: 16px; }
  .ay-process-detail { max-height: 100px !important; opacity: 1 !important; }
  .ay-process-detail-inner { margin-top: 8px; }
}

/* Timeline — better mobile spacing */
@media (max-width: 640px) {
  .ay-timeline-step {
    grid-template-columns: 44px 1fr !important;
    gap: 14px !important;
    padding-bottom: 36px !important;
  }
  .ay-tl-node {
    width: 44px !important;
    height: 44px !important;
  }
  .ay-tl-node svg { width: 18px !important; height: 18px !important; }
  .ay-tl-title { font-size: 17px !important; }
  .ay-tl-desc { font-size: 13px !important; }
  .ay-timeline-line { left: 22px !important; }
}

/* Sec overflow — never block the FAB */
.sec { overflow-x: hidden; overflow-y: visible; }

/* Advantages dark section — proper overflow on mobile */
.sec--dark { overflow: hidden; }

/* ── RESPONSIVE GRID HELPERS ────────────────────────────────── */
/* 4-col KPI grid */
.ay-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 900px) { .ay-grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .ay-grid-4 { grid-template-columns: 1fr 1fr; } }

/* 4-col advantages dark */
.advantages-grid-dark {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 900px) { .advantages-grid-dark { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .advantages-grid-dark { grid-template-columns: 1fr; } }

/* 3-col vehicles grid - explicit breakpoints */
.vehicles-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1060px) { .vehicles-grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .vehicles-grid--3 { grid-template-columns: 1fr; } }

/* Testimonials 3-col */
@media (max-width: 640px) {
  .g3 { grid-template-columns: 1fr !important; }
}

/* ── 3-COLUMN GRID HELPER ──────────────────────────────────── */
.ay-grid-3col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 900px) { .ay-grid-3col { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .ay-grid-3col { grid-template-columns: 1fr; } }

/* Home assistance steps 3-col */
.ay-steps-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 760px) { .ay-steps-3 { grid-template-columns: 1fr; gap: 20px; } }

/* About stats 4-col */
.ay-about-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 900px) { .ay-about-stats { grid-template-columns: 1fr 1fr; } }

/* ── 2-COLUMN GRID HELPERS ──────────────────────────────────── */
.ay-grid-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 560px) { .ay-grid-2col { grid-template-columns: 1fr; } }

.ay-grid-2col-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 420px) { .ay-grid-2col-stats { grid-template-columns: 1fr; } }

/* FAQ layout: sidebar disappears on mobile */
.ay-faq-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 900px) {
  .ay-faq-layout { grid-template-columns: 1fr; }
  .ay-faq-layout > div:last-child { position: static !important; }
}

/* ── DARK SECTION CARDS MOBILE ──────────────────────────────── */
.sec--dark .feat-card {
  min-width: 0;
  word-break: break-word;
}
.sec--dark {
  overflow: hidden;
}

/* KPI grid on mobile — 1 col on very small */
@media (max-width: 420px) {
  .kpi-grid,
  .ay-grid-4 {
    grid-template-columns: 1fr !important;
  }
}

/* About stats 4-col → 2 → 1 */
.ay-about-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 900px) { .ay-about-stats { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px) { .ay-about-stats { grid-template-columns: 1fr; } }

/* ── LOGO — no icon square ──────────────────────────────────── */
.ay-logo-icon { display: none !important; }
.ay-logo-txt { display: flex; flex-direction: column; gap: 1px; line-height: 1; }
.ay-logo-name { font-size: 16px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.ay-logo-sub  { font-size: 8px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); }
#ay-hdr.scrolled .ay-logo-sub { color: var(--gold); }

/* ── Header icon buttons — same height as text buttons ──────── */
.ay-hdr-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}
.ay-hdr-icon-btn svg {
  width: 16px !important;
  height: 16px !important;
}
/* Make Ver coches and icon btn same box height */
.ay-hdr-cta {
  height: 34px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: inline-flex;
  align-items: center;
}

/* ── Day Pass header button — desktop only ──────────────────── */
.ay-hdr-acts .ay-hdr-cta:has(svg path[d*="M20 12V22"]) {
  /* Day Pass btn — show on desktop, hide on mobile */
}
@media (max-width: 959px) {
  /* Hide Day Pass from mobile header top bar — it lives in the drawer */
  .ay-hdr-acts a.ay-hdr-cta[href*="daypass"],
  .ay-hdr-acts a.ay-hdr-cta[title*="Day"] {
    display: none !important;
  }
}

/* ── Drawer Day Pass — minimal premium redesign ──────────────── */
.ay-drawer-dp-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: rgba(201,162,39,.06) !important;
  border: 1px solid rgba(201,162,39,.18) !important;
  margin-bottom: 10px !important;
  transition: background .18s, border-color .18s !important;
}
.ay-drawer-dp-item:hover {
  background: rgba(201,162,39,.12) !important;
  border-color: rgba(201,162,39,.35) !important;
}
.ay-drawer-dp-ic {
  width: 36px !important;
  height: 36px !important;
  background: rgba(201,162,39,.12) !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.ay-drawer-dp-ic svg {
  width: 17px !important;
  height: 17px !important;
  stroke: var(--gold) !important;
}
.ay-drawer-dp-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.ay-drawer-dp-txt {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--gold) !important;
  display: block !important;
  letter-spacing: -.01em !important;
}
.ay-drawer-dp-sub {
  font-size: 10px !important;
  color: rgba(255,255,255,.35) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ay-drawer-dp-arr {
  width: 14px !important;
  height: 14px !important;
  stroke: rgba(201,162,39,.5) !important;
  flex-shrink: 0 !important;
}

/* Kill the old pill styles since we replaced them */
.ay-hdr-dp-pill { display: none !important; }

/* ── Portal section titles ───────────────────────────────────── */
.ay-portal-section-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--muted);
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.ay-portal-section-title svg {
  width: 16px; height: 16px;
  stroke: var(--gold);
  fill: none; stroke-width: 2; stroke-linecap: round;
  flex-shrink: 0;
}

/* ── Drawer WhatsApp button — premium green ─────────────────── */
.ay-drawer-wa-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: rgba(37,211,102,.08) !important;
  border: 1px solid rgba(37,211,102,.2) !important;
  margin-bottom: 10px !important;
  transition: background .18s, border-color .18s !important;
}
.ay-drawer-wa-item:hover {
  background: rgba(37,211,102,.15) !important;
  border-color: rgba(37,211,102,.4) !important;
}
.ay-drawer-wa-ic {
  width: 36px !important;
  height: 36px !important;
  background: rgba(37,211,102,.15) !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.ay-drawer-wa-ic svg {
  width: 18px !important;
  height: 18px !important;
  fill: #25D366 !important;
}
.ay-drawer-wa-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.ay-drawer-wa-txt {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #25D366 !important;
  display: block !important;
}
.ay-drawer-wa-sub {
  font-size: 10px !important;
  color: rgba(255,255,255,.35) !important;
  font-weight: 500 !important;
}
.ay-drawer-wa-arr {
  width: 14px !important;
  height: 14px !important;
  stroke: rgba(37,211,102,.5) !important;
  flex-shrink: 0 !important;
}

/* ── Portal login form spacing ──────────────────────────────── */
.ay-portal-login-box .dl-form .dl-label {
  margin-bottom: 4px;
}

/* Portal: drawer WA button on light background */
.ay-portal-section .ay-drawer-wa-item {
  background: rgba(37,211,102,.06) !important;
  border-color: rgba(37,211,102,.2) !important;
}
.ay-portal-section .ay-drawer-wa-sub {
  color: #64748b !important;
}

/* ── Marrakech drawer button ── */
.ay-drawer-mk-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: rgba(239,118,62,.07) !important;
  border: 1px solid rgba(239,118,62,.2) !important;
  margin-bottom: 10px !important;
  transition: background .18s, border-color .18s !important;
}
.ay-drawer-mk-item:hover {
  background: rgba(239,118,62,.14) !important;
  border-color: rgba(239,118,62,.38) !important;
}
.ay-drawer-mk-ic {
  width: 36px !important;
  height: 36px !important;
  background: rgba(239,118,62,.12) !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.ay-drawer-mk-ic svg {
  width: 17px !important;
  height: 17px !important;
  stroke: #ef763e !important;
}
.ay-drawer-mk-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.ay-drawer-mk-txt {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ef763e !important;
  display: block !important;
  letter-spacing: -.01em !important;
}
.ay-drawer-mk-sub {
  font-size: 10px !important;
  color: rgba(255,255,255,.35) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ay-drawer-mk-arr {
  width: 14px !important;
  height: 14px !important;
  stroke: rgba(239,118,62,.5) !important;
  flex-shrink: 0 !important;
}
/* Bottom bar Marrakech active state */
.ay-bar-mkk.active svg { stroke: #ef763e; }
.ay-bar-mkk.active span { color: #ef763e; }