/* Smooth Drive Rentals — public website styles (same design as the original site) */
:root{
  color-scheme:dark;
  --red:#D71D24;--red-hi:#E2252C;--night:#101828;--black:#05070B;--gold:#C9A961;--gold-soft:#E3CF9C;--ivory:#F8F6F2;--wa:#25D366;--muted:#98A2B3;
  --line:rgba(201,169,97,.18);
  --f-display:"Playfair Display",Georgia,serif;--f-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"Space Grotesk",ui-monospace,monospace;--f-ar:"Tajawal",system-ui,sans-serif;
  --t-display:clamp(2.35rem,1.2rem + 4.6vw,5.4rem);--t-h1:clamp(1.95rem,1.25rem + 2.8vw,3.4rem);--t-h2:clamp(1.65rem,1.15rem + 2vw,2.8rem);--t-lead:clamp(1rem,.95rem + .3vw,1.15rem);
  --gutter:clamp(1rem,.5rem + 2.5vw,3rem);--section:clamp(3.25rem,2.25rem + 5vw,6.5rem);--r:20px;--ease:cubic-bezier(.22,1,.36,1);
  --sh-red:0 0 0 1px rgba(215,29,36,.5),0 10px 40px -8px rgba(215,29,36,.55);--sh-gold:0 0 0 1px rgba(201,169,97,.35),0 10px 40px -10px rgba(201,169,97,.35);--sh-wa:0 0 0 1px rgba(37,211,102,.4),0 8px 30px -6px rgba(37,211,102,.5);
}
*{box-sizing:border-box}
html{background:var(--black)}
body{background:var(--black);color:var(--ivory);font:15px/1.6 var(--f-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
[dir=rtl] body{font-family:var(--f-ar)}
[dir=rtl] .display,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--f-ar)!important;font-weight:800;letter-spacing:0;font-style:normal!important}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
h1,h2,h3,p{margin:0}
img{display:block}
.eyebrow{font:500 .7rem/1.35 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
[dir=rtl] .eyebrow{letter-spacing:.04em}
.display{font-family:var(--f-display);font-weight:500}
.muted{color:var(--muted)}
.c{text-align:center}
.wrap{max-width:1280px;margin:0 auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section)}
.glass{background:linear-gradient(180deg,rgba(16,24,40,.68),rgba(5,7,11,.6));backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--line);border-radius:var(--r)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:0 1.3rem;border-radius:999px;font-weight:600;font-size:.92rem;border:1px solid transparent;cursor:pointer;background:none;transition:background .3s,box-shadow .3s,border-color .3s,transform .2s;text-align:center}
.btn:active{transform:scale(.98)}
.btn-red{background:var(--red);box-shadow:var(--sh-red)}.btn-red:hover{background:var(--red-hi)}
.btn-ghost{border-color:rgba(201,169,97,.4)}.btn-ghost:hover{border-color:var(--gold);background:rgba(201,169,97,.1)}
.btn-wa{border-color:rgba(37,211,102,.45)}.btn-wa:hover{background:rgba(37,211,102,.14)}
.btn-wa-solid{background:var(--wa);color:#05170c}
.btn-sm{min-height:40px;padding:0 1rem;font-size:.86rem}
.link-gold{color:var(--gold);font-weight:600;font-size:.88rem}
.arr{display:inline-block}[dir=rtl] .arr{transform:scaleX(-1)}
.sh{max-width:42rem;margin:0 auto;text-align:center}
.sh h2{font:500 var(--t-h2)/1.08 var(--f-display);margin-top:.7rem;text-wrap:balance}
.sh p.i{margin-top:.8rem;color:rgba(248,246,242,.72);font-size:var(--t-lead);text-wrap:balance}
.center-row{display:flex;justify-content:center;margin-top:2rem}

/* NAV */
[hidden]{display:none!important}
.nav{position:fixed;inset-inline:0;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px)}
.nav-in{max-width:1440px;margin:.5rem .375rem 0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .375rem .45rem .875rem;border-radius:999px;border:1px solid transparent;transition:all .5s var(--ease)}
[dir=rtl] .nav-in{padding:.45rem .875rem .45rem .375rem}
@media(min-width:640px){.nav-in{margin:.75rem .75rem 0;padding-inline-start:1.25rem}}
@media(min-width:1500px){.nav-in{margin:.75rem auto 0}}
.nav.solid .nav-in{background:linear-gradient(180deg,rgba(16,24,40,.82),rgba(5,7,11,.74));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.wm{display:grid;line-height:1;direction:ltr;flex-shrink:0}
.wm b{font:600 17px/1 var(--f-display)}.wm b i{font-style:normal;color:var(--red)}
.wm small{font:500 9px/1 var(--f-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-left:.35rem}
.wm em{font:500 8px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-style:normal;margin-top:.3rem}
@media(min-width:640px){.wm b{font-size:20px}.wm em{font-size:8.5px;letter-spacing:.2em}}
.nav-links{display:none;gap:1.25rem;font-size:.86rem}
.nav-links a{color:rgba(248,246,242,.8)}.nav-links a:hover,.nav-links a.on{color:var(--gold)}
@media(min-width:1200px){.nav-links{display:flex}}
.nav-r{display:flex;gap:.375rem;align-items:center;flex-shrink:0}
@media(max-width:399px){.nav-in{padding-inline-start:.625rem;gap:.25rem}.nav-r{gap:.25rem}.wm b{font-size:15px}.wm small{letter-spacing:.18em;margin-left:.25rem}.wm em{font-size:7px;letter-spacing:.1em}.nav-r .btn-red{padding:0 .65rem;font-size:.78rem}}
.nav-r .btn-wa{display:none}@media(min-width:1024px){.nav-r .btn-wa{display:inline-flex}}
.nav-r .btn-red{padding:0 .875rem}@media(min-width:640px){.nav-r .btn-red{padding:0 1rem}}
.burger{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,169,97,.3);background:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
@media(min-width:1200px){.burger{display:none}}
.burger i{display:block;width:16px;height:1px;background:var(--ivory);box-shadow:0 5px 0 var(--ivory);transform:translateY(-2.5px)}
.langs{display:none;gap:2px;font:500 .7rem/1 var(--f-mono);text-transform:uppercase}
@media(min-width:768px){.langs{display:flex}}
.langs a,.lang-pills a{display:inline-block;background:none;border:0;color:var(--muted);padding:.45rem .5rem;border-radius:6px;cursor:pointer;font:inherit;text-transform:uppercase}
.langs a[aria-current=true],.lang-pills a[aria-current=true]{color:var(--gold);background:rgba(201,169,97,.15)}
.lang-pills{display:flex;justify-content:center;gap:2px;font:500 .72rem/1 var(--f-mono)}
.lang-menu{position:relative}@media(min-width:768px){.lang-menu{display:none}}
.lang-menu>button{height:40px;min-width:40px;padding:0 .625rem;border-radius:999px;border:1px solid rgba(201,169,97,.3);background:none;font:500 11px/1 var(--f-mono);text-transform:uppercase;display:flex;align-items:center;gap:.375rem;cursor:pointer}
.lang-menu>button svg{width:16px;height:16px;color:var(--gold);display:none}@media(min-width:400px){.lang-menu>button svg{display:block}}
.lang-menu ul{position:absolute;inset-inline-end:0;top:48px;list-style:none;margin:0;padding:.375rem;min-width:10rem;border-radius:16px;border:1px solid var(--line);background:#0b111c;box-shadow:0 20px 50px rgba(0,0,0,.6);z-index:70}
.lang-menu li a{display:flex;width:100%;justify-content:space-between;gap:1rem;padding:.6rem .75rem;border-radius:12px;border:0;background:none;color:rgba(248,246,242,.85);cursor:pointer;font-size:.9rem}
.lang-menu li a[aria-current=true]{background:rgba(201,169,97,.15);color:var(--ivory)}
.lang-menu li span{font:500 10px/1.6 var(--f-mono);text-transform:uppercase;color:var(--muted)}
.menu{position:fixed;inset:0;z-index:60;background:rgba(5,7,11,.97);backdrop-filter:blur(16px);padding:calc(env(safe-area-inset-top,0px) + 1rem) 1.5rem calc(env(safe-area-inset-bottom,0px) + 1.5rem);display:flex;flex-direction:column;overflow-y:auto}
.menu ul{list-style:none;margin:1.5rem 0 0;padding:0;flex:1;perspective:1200px}
.menu li{animation:flipIn .55s var(--ease) both;transform-origin:50% 100%}
@keyframes flipIn{from{opacity:0;transform:rotateX(-70deg) translateY(24px)}}
.menu li a{display:block;padding:.3rem 0;font:500 1.75rem/1.25 var(--f-display)}
.menu .row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}
.menu .row .btn{min-height:54px}

/* FLOATING */
.fab{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom,0px));inset-inline-end:.75rem;z-index:40;display:flex;flex-direction:column;align-items:center;gap:.6rem}
@media(min-width:640px){.fab{inset-inline-end:1.25rem}}
.fab a{display:grid;place-items:center;border-radius:50%}
.fab .s{width:44px;height:44px;border:1px solid var(--line);background:rgba(16,24,40,.84);backdrop-filter:blur(10px);color:rgba(248,246,242,.86);box-shadow:0 8px 24px -10px rgba(0,0,0,.8)}
.fab .w{width:52px;height:52px;background:var(--wa);color:#fff;box-shadow:var(--sh-wa);animation:glow 3.2s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 0 9px rgba(37,211,102,0),var(--sh-wa)}}
.fab svg{width:18px;height:18px}.fab .w svg{width:24px;height:24px}

/* ZELLIGE BG */
.bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg-g{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 30%,#18233B 0%,#101828 35%,#070A11 70%,#05070B 100%)}
.bg svg{position:absolute;inset:-20%;width:140%;height:140%;animation:drift 90s linear infinite alternate}
@keyframes drift{to{transform:translate3d(-96px,-48px,0) rotate(.6deg)}}
.bg-h{position:absolute;inset:0;background:radial-gradient(40% 26% at 50% 62%,rgba(201,169,97,.14),transparent 70%),radial-gradient(100% 70% at 50% 50%,transparent 55%,rgba(5,7,11,.85))}

/* HERO PHOTO */
.hero{background:#05070b;position:relative}
.hvis{position:relative;isolation:isolate;overflow:hidden}
@media(min-width:1024px){.hvis{min-height:100svh;display:flex;flex-direction:column}}
.hero-in{flex:1;width:100%;text-shadow:0 2px 22px rgba(0,0,0,.6)}
.hero .sub{color:rgba(248,246,242,.88)}.hero .meta-row{color:rgba(248,246,242,.78)}
.hero .btn-ghost,.hero .btn-wa{background:rgba(0,0,0,.32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hbg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hbg .kb{position:absolute;inset:0;animation:kenburns 28s ease-in-out infinite alternate}
.hbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 100%;filter:saturate(.9) contrast(1.06) brightness(.78)}
@media(min-width:1024px){.hbg img{object-position:50% 60%}}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.09) translate3d(-1%,-.6%,0)}}
.hbg i{position:absolute;inset:0}
.hbg .tint{background:rgba(16,24,40,.28);mix-blend-mode:multiply}
.hbg .glow{background:radial-gradient(60% 40% at 70% 70%,rgba(201,169,97,.2),transparent 70%);mix-blend-mode:screen}
.hbg .fade{background:linear-gradient(180deg,rgba(5,7,11,.82) 0%,rgba(5,7,11,.5) 30%,rgba(5,7,11,.08) 58%,rgba(5,7,11,.2) 80%,#05070b 100%)}
.hbg .vig{background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(5,7,11,.7))}
.dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero-in{position:relative;z-index:1}
.hspace{flex:1;min-height:38vh}@media(min-width:1024px){.hspace{min-height:22vh}}
.hsearch{position:relative;z-index:2;padding:0 var(--gutter) 2rem;margin-top:-2.5rem;display:flex;justify-content:center}
@media(min-width:1024px){.hsearch{position:absolute;inset-inline:0;bottom:0;margin:0;padding-bottom:2.25rem}}
.search-wrap{text-shadow:none}
/* LONGUE DURÉE */
.lt{position:relative;overflow:hidden;padding:var(--section) 0;background:radial-gradient(60% 50% at 50% 0%,rgba(201,169,97,.14),transparent 70%)}
.lt-in{max-width:1180px;margin:0 auto;padding:0 var(--gutter);display:grid;gap:2rem}
@media(min-width:1024px){.lt-in{grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem}}
.lt-txt{text-align:center}@media(min-width:1024px){.lt-txt{text-align:start}}
.lt-txt .h2{margin-top:.75rem;font:500 var(--t-h2)/1.06 var(--f-display);text-wrap:balance}
.lt-txt .lead{margin:1rem auto 0;max-width:36rem;font-size:var(--t-lead);color:rgba(248,246,242,.7);text-wrap:balance}@media(min-width:1024px){.lt-txt .lead{margin-inline:0}}
.lt-perks{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;text-align:start}
.lt-perks li{padding:1rem;display:grid;gap:.4rem;align-content:start}
.lt-perks svg{width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lt-perks h3{font:600 .92rem/1.25 var(--f-sans)}.lt-perks p{font-size:.78rem;line-height:1.5;color:rgba(248,246,242,.65)}
@media(min-width:640px){.lt-perks{gap:1rem}.lt-perks li{padding:1.25rem}.lt-perks h3{font-size:1rem}.lt-perks p{font-size:.86rem}}
.lt-for{margin-top:1.4rem;font-size:.86rem;color:var(--muted)}.lt-for span{color:rgba(248,246,242,.85)}
.lt-form{padding:1.25rem;display:grid;gap:1.1rem}@media(min-width:640px){.lt-form{padding:1.75rem}}
.lt-form fieldset{border:0;margin:0;padding:0;min-width:0}
.lt-chips{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(min-width:640px){.lt-chips{grid-template-columns:repeat(4,1fr)}}
.lt-chips button{min-height:44px;border-radius:999px;border:1px solid var(--line);background:none;color:rgba(248,246,242,.8);font:600 .86rem/1 var(--f-sans);cursor:pointer;transition:all .2s}
.lt-chips button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#05070b}
.lt-2{display:grid;gap:.75rem}@media(min-width:640px){.lt-2{grid-template-columns:1fr 1fr}}
/* HERO */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-in{position:relative;max-width:1280px;margin:0 auto;padding:clamp(6.25rem,12vh,8.5rem) var(--gutter) 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}
@media(min-width:1024px){.hero-in{min-height:100svh}}
.hero h1{margin-top:1rem;font-size:var(--t-display);line-height:.98;letter-spacing:-.02em;font-weight:500}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.08em}
.hero h1 .ln>span{display:block;animation:reveal 1.1s var(--ease) both}
.hero h1 .ln:nth-child(1)>span{animation-delay:.3s}.hero h1 .ln:nth-child(2)>span{animation-delay:.46s;font-style:italic;color:var(--gold-soft)}
@keyframes reveal{from{opacity:0;transform:translateY(.45em);filter:blur(14px)}}
.fu{animation:fu .9s var(--ease) both}@keyframes fu{from{opacity:0;transform:translateY(14px)}}
.slogan{margin-top:1rem;font:italic 500 1.1rem/1.4 var(--f-display);color:rgba(248,246,242,.86)}
@media(min-width:640px){.slogan{font-size:1.25rem}}
.hero .sub{margin-top:.6rem;max-width:38rem;font-size:var(--t-lead);color:rgba(248,246,242,.74);text-wrap:balance}
.ctas{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}
.meta-row{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;font-size:.86rem;color:var(--muted)}
.meta-row b{color:var(--ivory)}

@media(min-width:1024px){}

.search-wrap{position:relative;z-index:2;width:100%;max-width:1100px}
.search{padding:.75rem;display:grid;gap:.75rem}
@media(min-width:640px){.search{padding:1rem}}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:end}
.sgrid .span2{grid-column:span 2}
@media(min-width:900px){.sgrid{grid-template-columns:1.4fr 1fr 1fr 1fr auto}.sgrid .span2{grid-column:auto}}
.fl{display:block;margin-bottom:.35rem;font:500 .6rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:start}
.in{width:100%;min-width:0;border:1px solid var(--line);background:rgba(0,0,0,.45);border-radius:12px;padding:.62rem .75rem;font-size:15px;color:var(--ivory);outline:none;transition:border-color .2s}
.in:focus{border-color:var(--gold)}
.in.bad{border-color:rgba(215,29,36,.7)}
.in.time{width:6.25rem}
.search .note{font-size:.74rem;color:var(--muted);text-align:center}

/* GOOGLE */
.gbar{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(16,24,40,.2),rgba(16,24,40,.75),rgba(16,24,40,.2))}
.gbar .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-block:1.4rem}
@media(min-width:640px){.gbar .wrap{flex-direction:row;gap:2rem}}
.gbadge{display:inline-flex;align-items:center;gap:.9rem;text-align:start}
.gbadge .gi{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.gbadge .gi svg{width:28px;height:28px}
.gbadge b{font-size:1.5rem;font-weight:600;line-height:1}
.gbadge .r1{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}
.gbadge small{display:block;margin-top:.3rem;font-size:.76rem;color:rgba(248,246,242,.7)}
.stars{display:inline-flex;gap:2px;color:#FBBC04}.stars svg{width:16px;height:16px}
.gcard{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:16px;padding:.75rem 1rem;transition:background .3s}
.gcard:hover{background:rgba(255,255,255,.08)}
.ginline{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;color:rgba(248,246,242,.9)}
.ginline svg.g{width:16px;height:16px}.ginline .stars svg{width:13px;height:13px}
.gpill{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);font-size:.86rem;font-weight:600}
.gpill:hover{background:rgba(255,255,255,.1)}

/* CATEGORIES */
.grid4{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.grid4{gap:1.25rem}}
@media(min-width:1024px){.grid4{grid-template-columns:repeat(4,1fr)}}
.cat{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);padding:1rem;transition:box-shadow .5s}
@media(min-width:640px){.cat{aspect-ratio:3/4;padding:1.25rem}}
.cat:hover{box-shadow:var(--sh-gold)}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s var(--ease)}
.cat:hover img{transform:scale(1.05)}
.cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,7,11,0) 30%,rgba(5,7,11,.92))}
.cat h3{font:500 1.25rem/1.15 var(--f-display)}@media(min-width:640px){.cat h3{font-size:1.5rem}}
.cat p{font-size:.78rem;color:rgba(248,246,242,.8);margin-top:.2rem}
.cat .m{margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem .6rem;font-size:.7rem;color:rgba(248,246,242,.75)}
.cat .m b{color:var(--ivory)}

/* MARQUEE */
.marq{padding-block:2.5rem 1rem;overflow:hidden}
.marq-mask{perspective:900px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marq-track{display:flex;width:max-content;align-items:center;list-style:none;margin:0;padding:.5rem 0 1.2rem;animation:marquee 45s linear infinite;transform:rotateX(8deg)}
.marq-mask:hover .marq-track{animation-play-state:paused}
@keyframes marquee{to{transform:rotateX(8deg) translateX(-50%)}}
.marq-track li{margin-right:1rem;width:128px;height:80px;flex-shrink:0;display:grid;place-items:center;border-radius:16px;background:#fff;padding:0 1rem;box-shadow:0 10px 30px -12px rgba(0,0,0,.8)}
@media(min-width:640px){.marq-track li{width:160px;height:96px;margin-right:1.5rem}}
.marq-track img{max-height:48px;max-width:100%;width:auto;object-fit:contain}
@media(min-width:640px){.marq-track img{max-height:56px}}

/* CAR CARD */
.car{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,rgba(24,35,59,.55),rgba(5,7,11,.92));transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.car:hover{box-shadow:var(--sh-gold)}
.car .shine{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(227,207,156,.12),transparent 40%);opacity:0;transition:opacity .3s}
.car:hover .shine{opacity:1}
.cimg{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e9e9ea}
.cimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.cimg.fit{background:#efefef}.cimg.fit img{object-fit:contain;mix-blend-mode:multiply}
.car .body{flex:1;display:flex;flex-direction:column;gap:.8rem;padding:1rem}
@media(min-width:640px){.car .body{padding:1.15rem}}
.car .brand{font:500 .62rem/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.car h3{font:600 1.25rem/1.15 var(--f-display);margin-top:.3rem}
.chips{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}
.chips li{font-size:.72rem;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--line);color:rgba(248,246,242,.82)}
.car .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:.6rem;border-top:1px solid var(--line);padding-top:.85rem}
.price{font-size:.72rem;color:var(--muted)}
.price b{display:block;font-size:1.12rem;color:var(--ivory);font-variant-numeric:tabular-nums}
.por{font-size:.9rem;font-weight:600;color:var(--gold)}
.car .acts{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}
.grid3{display:grid;gap:1rem}
@media(min-width:640px){.grid3{grid-template-columns:repeat(2,1fr);gap:1.25rem}}
@media(min-width:1024px){.grid3{grid-template-columns:repeat(3,1fr)}}

/* CAROUSEL */
.car3d{position:relative}
.ctrack{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:1.5rem;scrollbar-width:none;overscroll-behavior-x:contain}
.ctrack::-webkit-scrollbar{display:none}
@media(min-width:640px){.ctrack{gap:1.5rem}}
.ctrack .sp{flex-shrink:0;flex-basis:calc(50% - min(41vw,180px) - 1rem)}
@media(min-width:640px){.ctrack .sp{flex-basis:calc(50% - 180px - 1.5rem)}}
.slide{width:82vw;max-width:360px;flex-shrink:0;scroll-snap-align:center}
@media(min-width:640px){.slide{width:360px}}
.slide>div{height:100%;transition:opacity .3s;will-change:transform}
.cnav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.25rem}
.cnav button.arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(201,169,97,.4);background:none;color:var(--gold);cursor:pointer;font-size:1rem}
.dots{display:flex;gap:6px}
.dots button{height:6px;width:6px;border-radius:999px;border:0;background:rgba(255,255,255,.25);cursor:pointer;padding:0;transition:all .3s}
.dots button[aria-selected=true]{width:24px;background:var(--gold)}

/* WHY / SERVICES / REVIEWS / CTA */
.why{border-block:1px solid var(--line);background:rgba(16,24,40,.3)}
.why ul{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:2rem;text-align:center}
@media(min-width:640px){.why ul{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.why ul{grid-template-columns:repeat(4,1fr)}}
.why li{display:grid;justify-items:center;gap:.6rem}
.why .n{font:500 .75rem/1 var(--f-mono);color:var(--gold)}
.why .ln{width:40px;height:1px;background:rgba(201,169,97,.5)}
.why h3{font:500 1.2rem/1.25 var(--f-display)}
.why p{font-size:.88rem;color:rgba(248,246,242,.7);max-width:18rem}
.svcs{display:grid;gap:1rem;margin-top:2.5rem}
@media(min-width:640px){.svcs{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.svcs{grid-template-columns:repeat(4,1fr)}}
.svcs.all{}@media(min-width:1024px){.svcs.all{grid-template-columns:repeat(3,1fr)}}
.svc{padding:1.4rem;display:grid;gap:.6rem;align-content:start;text-align:center}
.svc h3{font:500 1.12rem/1.25 var(--f-display)}
.svc p{font-size:.86rem;color:rgba(248,246,242,.7)}
.revcard{max-width:46rem;margin:2.5rem auto 0;display:grid;justify-items:center;gap:1.25rem;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);background:radial-gradient(80% 120% at 50% 0%,rgba(255,255,255,.06),transparent);padding:2rem 1.25rem}
@media(min-width:640px){.revcard{padding:2.5rem}}
.revcard .gi{width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center}.revcard .gi svg{width:36px;height:36px}
.revcard .big{font:500 3.75rem/1 var(--f-display)}
.revcard .stars svg{width:24px;height:24px}
.revcard .gbtn{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:0 1.5rem;border-radius:999px;background:#fff;color:#1f1f1f;font-weight:600;font-size:.9rem}
.revcard .gbtn svg{width:20px;height:20px}
.cta{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--line);text-align:center}
.cta .wrap{display:grid;justify-items:center;gap:1.1rem}
.cta h2{font:500 var(--t-h2)/1.06 var(--f-display)}
.cta p{color:rgba(248,246,242,.72)}

/* PAGE HEADER */
.ph-head{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}
.ph-head .wrap{padding-top:clamp(7rem,13vh,9rem);padding-bottom:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;align-items:center;text-align:center}
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;list-style:none;margin:0 0 1.25rem;padding:0;font-size:.74rem;color:var(--muted)}
.crumbs li+li::before{content:"/";color:rgba(201,169,97,.5);margin-inline-end:.45rem}
.crumbs a:hover{color:var(--ivory)}
.crumbs li:last-child{color:rgba(248,246,242,.8)}
.ph-head h1{font:500 var(--t-h1)/1.06 var(--f-display);margin-top:.8rem;max-width:56rem;text-wrap:balance}
.ph-head p.i{margin-top:1rem;max-width:42rem;font-size:var(--t-lead);color:rgba(248,246,242,.72);text-wrap:balance}
.ph-head .extra{margin-top:1.5rem;display:grid;justify-items:center;gap:.75rem}

/* FLEET FILTERS */
.filters{padding:.75rem;display:grid;gap:.9rem;margin-bottom:1.25rem}
@media(min-width:640px){.filters{padding:1.25rem}}
.fchips{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}
@media(min-width:640px){.fchips{flex-wrap:wrap;justify-content:center}}
.fchip{min-height:40px;padding:0 1rem;border-radius:999px;border:1px solid var(--line);background:none;color:rgba(248,246,242,.72);cursor:pointer;font-size:.86rem;flex-shrink:0}
.fchip[aria-pressed=true]{border-color:var(--gold);background:rgba(201,169,97,.15);color:var(--ivory)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.86rem}
@media(min-width:640px){.frow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem}}
.frow select{min-height:40px;min-width:0;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.4);padding:0 .75rem}
.frow .rng{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted)}
.frow .rng input{accent-color:var(--gold);width:100%;max-width:10rem}
.frow .rng b{width:5rem;text-align:end;color:var(--ivory);font-variant-numeric:tabular-nums;flex-shrink:0}
.frow .sort{grid-column:span 2}@media(min-width:640px){.frow .sort{grid-column:auto}}

/* CAR DETAIL */
.detail{display:grid;gap:2rem}
@media(min-width:1024px){.detail{grid-template-columns:1.5fr 1fr;align-items:start;gap:2.5rem}}
.gal{display:grid;gap:.75rem}
.gal .cimg{border-radius:var(--r)}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.thumbs .cimg{aspect-ratio:4/3;border-radius:12px}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:1rem 0 0}
@media(min-width:640px){.specs{grid-template-columns:repeat(3,1fr)}}
.specs div{background:var(--black);padding:.9rem}
.specs dt{font:500 .6rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.specs dd{margin:.45rem 0 0}.specs dd.tbc{color:var(--muted)}
.cond{list-style:none;margin:1rem 0 0;padding:0;border:1px solid var(--line);border-radius:var(--r)}
.cond li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;font-size:.88rem}
.cond li+li{border-top:1px solid var(--line)}
.cond span:last-child{color:var(--muted)}
.pricecard{padding:1.25rem;display:grid;gap:1rem}
@media(min-width:640px){.pricecard{padding:1.5rem}}
@media(min-width:1024px){.pricecard{position:sticky;top:6.5rem}}
.pricecard .big{font:500 2.4rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.pricecard .big small{font:400 .95rem var(--f-sans);color:var(--muted);margin-inline-start:.4rem}
.h2s{font:500 1.5rem/1.2 var(--f-display)}
@media(min-width:640px){.h2s{font-size:1.85rem}}

/* ARTICLE / CITY */
.prose{max-width:48rem;margin:0 auto;display:grid;gap:2.25rem}
.prose section{display:grid;gap:.75rem}
.prose p{font-size:17px;line-height:1.75;color:rgba(248,246,242,.82)}
.hero-img{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);aspect-ratio:16/9}
@media(min-width:640px){.hero-img.wide{aspect-ratio:21/9}}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.ctabox{display:grid;justify-items:center;gap:.9rem;text-align:center;border:1px solid rgba(201,169,97,.3);background:rgba(16,24,40,.5);border-radius:var(--r);padding:1.5rem}

@media(min-width:640px){}@media(min-width:1024px){}
@media(min-width:1024px){}
.phx{display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 45%,#18233B,#05070B)}
.phx span{font:500 .6rem/1 var(--f-mono);letter-spacing:.3em;text-transform:uppercase;color:rgba(201,169,97,.75)}
.bloggrid{display:grid;gap:2.5rem 1.5rem}
@media(min-width:640px){.bloggrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bloggrid{grid-template-columns:repeat(3,1fr)}}
.post{display:grid;gap:.75rem;align-content:start}
.post .im{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r);border:1px solid var(--line)}
.post .im img,.post .im .phx{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.post:hover .im img{transform:scale(1.04)}
.post h2{font:500 1.25rem/1.25 var(--f-display)}
.post p.d{font-size:.88rem;color:rgba(248,246,242,.7);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:640px){.post.feat{grid-column:span 2}}
@media(min-width:1024px){.post.feat{grid-column:span 3;grid-template-columns:1.4fr 1fr;align-items:center;gap:2.5rem}.post.feat h2{font-size:2.2rem}}

/* FAQ */
.faq{max-width:48rem;margin:0 auto;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.9rem 0;cursor:pointer;font:500 1.05rem/1.35 var(--f-display);text-align:start}
details summary::-webkit-details-marker{display:none}
details summary span{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(201,169,97,.4);color:var(--gold);display:grid;place-items:center;transition:transform .3s}
details[open] summary span{transform:rotate(45deg)}
details .ans{padding:0 0 1.25rem;padding-inline-end:2.5rem;font-size:.92rem;line-height:1.7;color:rgba(248,246,242,.8)}

/* CONTACT */
.cgrid{display:grid;gap:2rem}
@media(min-width:1024px){.cgrid{grid-template-columns:1fr 1.1fr;align-items:start}}
.channels{display:grid;gap:.9rem;list-style:none;margin:0;padding:0}
@media(min-width:560px){.channels{grid-template-columns:1fr 1fr}}
.ch{position:relative;display:grid;gap:.7rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(16,24,40,.4);padding:1.1rem;min-width:0;transition:border-color .3s,box-shadow .3s}
.ch:hover{border-color:rgba(201,169,97,.55)}
.ch.wa{border-color:rgba(37,211,102,.4)}.ch.wa:hover{box-shadow:var(--sh-wa)}
.ch .top{display:flex;gap:.75rem;align-items:center}
.ch .ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(201,169,97,.4);color:var(--gold);flex:none}
.ch.wa .ic{background:var(--wa);border:0;color:#fff}
.ch .ic svg{width:19px;height:19px}
.ch h3{font:500 1.05rem/1.2 var(--f-display)}
.ch small{font-size:.74rem;color:var(--muted)}
.ch .val{font-weight:600;font-size:1rem;direction:ltr;text-align:start;overflow-wrap:anywhere}
.ch .val::after{content:"";position:absolute;inset:0}
.copy-b{position:relative;z-index:2;width:fit-content;border:1px solid var(--line);border-radius:999px;background:none;color:var(--muted);font-size:.72rem;padding:.25rem .7rem;cursor:pointer}
.info2{display:grid;gap:.9rem;margin-top:.9rem}
@media(min-width:560px){.info2{grid-template-columns:1fr 1fr}}
.info2 section{border:1px solid var(--line);border-radius:var(--r);background:rgba(16,24,40,.4);padding:1.1rem}
.info2 p{margin-top:.6rem}
.form{padding:1.1rem;display:grid;gap:.9rem}
@media(min-width:560px){.form{grid-template-columns:1fr 1fr;padding:1.5rem}.form .full{grid-column:1/-1}}
.err{margin-top:.3rem;font-size:.74rem;color:#ff7b80}
.ok{color:var(--wa);font-size:.86rem}
.map{overflow:hidden;border:1px solid var(--line);border-radius:var(--r)}
.map .bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;background:rgba(16,24,40,.6)}
.map .canvas{position:relative;height:320px;background:#0a0f1a}
.map .canvas svg{position:absolute;inset:0;width:100%;height:100%}
.map .canvas p{position:absolute;inset-inline:1rem;bottom:.8rem;text-align:center;font-size:.74rem;color:var(--muted)}

/* MODAL */
.modal{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}
@media(min-width:640px){.modal{align-items:center;padding:1.5rem}}
.modal .scrim{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);border:0;animation:fadein .3s both}
@keyframes fadein{from{opacity:0}}
.modal .panel{position:relative;display:flex;flex-direction:column;width:100%;max-height:100dvh;overflow:hidden;background:#0a0e16;border:1px solid var(--line);border-radius:24px 24px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:up .45s var(--ease) both}
@media(min-width:640px){.modal .panel{max-width:920px;max-height:92vh;border-radius:24px}}
@keyframes up{from{opacity:0;transform:translateY(40px) scale(.98)}}
.modal header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
@media(min-width:640px){.modal header{padding:1rem 1.75rem}}
.modal header h2{font:500 1.5rem/1.2 var(--f-display);margin-top:.25rem}
.xbtn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,169,97,.3);background:none;color:var(--ivory);font-size:1.25rem;cursor:pointer;flex-shrink:0}
.modal .scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.bform{display:grid;gap:1.5rem;padding:1.25rem}
@media(min-width:640px){.bform{padding:1.75rem}}
@media(min-width:1024px){.bform{grid-template-columns:1.5fr 1fr;align-items:start}}
.bform.page{padding:0}
.bform fieldset{border:0;margin:0;padding:0;display:grid;gap:.75rem;min-width:0}
@media(min-width:640px){.bform fieldset.two{grid-template-columns:1fr 1fr}.bform .full{grid-column:1/-1}}
.step{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}
@media(min-width:640px){.step{grid-column:1/-1}}
.step i{width:24px;height:24px;border-radius:50%;border:1px solid rgba(201,169,97,.5);display:grid;place-items:center;font:500 10px/1 var(--f-mono);font-style:normal}
.pair{display:grid;grid-template-columns:1fr auto;gap:.5rem;min-width:0}
.carsel{display:flex;align-items:center;gap:.75rem}
.carsel .thumb{display:none;width:96px;height:64px;border-radius:10px;background:#eef0f3;flex-shrink:0;overflow:hidden}
.carsel .thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
@media(min-width:640px){.carsel .thumb{display:block}}
.summ{display:grid;gap:.75rem;border:1px solid var(--line);border-radius:18px;background:rgba(16,24,40,.7);padding:1rem}
@media(min-width:640px){.summ{padding:1.25rem}}
@media(min-width:1024px){.summ{position:sticky;top:1rem}}
.modal .summ{position:sticky;bottom:0;margin:0 -1.25rem -1.25rem;border-radius:0;border-inline:0;border-bottom:0;background:rgba(13,19,32,.96);backdrop-filter:blur(12px)}
@media(min-width:640px){.modal .summ{margin:0;border-radius:18px;border:1px solid var(--line)}}
@media(min-width:1024px){.modal .summ{bottom:auto;top:1rem}}
.summ .row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem}
.summ .tot{font:500 1.9rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.summ label.acc{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;color:rgba(248,246,242,.85)}
.summ label.acc input{margin-top:.2rem;accent-color:var(--gold);width:16px;height:16px;flex-shrink:0}
.summ @media(min-width:640px){.summ }

/* FOOTER */
footer{position:relative;border-top:1px solid var(--line);background:#03050A;padding-bottom:6rem}
@media(min-width:640px){footer{padding-bottom:2rem}}
footer .wrap{display:grid;gap:1.75rem;padding-top:2.5rem}
.f1{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}
@media(min-width:768px){.f1{flex-direction:row;justify-content:space-between;text-align:start}}
.f1 .b{display:grid;justify-items:center;gap:.5rem}@media(min-width:768px){.f1 .b{justify-items:start}}
.f1 p{font-size:.86rem;color:rgba(248,246,242,.6);max-width:24rem}
.flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;list-style:none;margin:0;padding:1.25rem 0;border-block:1px solid var(--line);font-size:.88rem;color:rgba(248,246,242,.75)}
@media(min-width:768px){.flinks{justify-content:flex-start}}
.flinks a:hover{color:var(--gold)}
.f3{display:flex;flex-direction:column;align-items:center;gap:1.25rem}
@media(min-width:768px){.f3{flex-direction:row;justify-content:space-between}}
.ficons{display:flex;align-items:center;gap:.6rem}
.ficons a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:rgba(248,246,242,.8)}
.ficons a:hover{border-color:rgba(201,169,97,.6);color:var(--ivory)}
.ficons a.wa{border-color:rgba(37,211,102,.4);color:var(--wa)}
.ficons svg{width:18px;height:18px}
.ficons .num{display:none;margin-inline-start:.5rem;font-size:.86rem;color:rgba(248,246,242,.7)}@media(min-width:640px){.ficons .num{display:inline}}
.f4{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.74rem;color:var(--muted);text-align:center}
@media(min-width:768px){.f4{flex-direction:row;justify-content:space-between}}
.f4 nav{display:flex;gap:1rem}
.gold-line{position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold) 70%,transparent);opacity:.6}

.toast{position:fixed;left:50%;bottom:calc(6rem + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:95;padding:.7rem 1.1rem;font-size:.85rem;transition:all .4s var(--ease);pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important}}

/* ===== CMS additions ===== */
.skip{position:absolute;top:1rem;inset-inline-start:1rem;z-index:100;background:var(--ivory);color:#000;padding:.5rem 1rem;border-radius:999px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip:focus{clip-path:none;width:auto;height:auto}
.hp{position:absolute!important;width:1px!important;height:1px!important;opacity:0;clip-path:inset(50%);pointer-events:none}
.wm-img img{height:40px;width:auto;max-width:180px;object-fit:contain}
.lang-menu ul{list-style:none}
.avail{position:absolute;top:.6rem;inset-inline-start:.6rem;z-index:1;border-radius:999px;padding:.28rem .65rem;font:600 .62rem/1 var(--f-sans);letter-spacing:.04em;background:rgba(5,7,11,.78);color:var(--ivory);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12)}
.avail-available{color:#6ee7a1;border-color:rgba(37,211,102,.45)}
.avail-unavailable{color:#ff9a9e;border-color:rgba(215,29,36,.5)}
.avail-on_request{color:var(--gold-soft)}
details .ans p{font-size:.92rem;line-height:1.7;color:rgba(248,246,242,.8)}
.svc h2.h3{font:500 1.12rem/1.25 var(--f-display)}
.why ul.w3{}@media(min-width:1024px){.why ul.w3{grid-template-columns:repeat(3,1fr)}}
.bloggrid.b3 .post.feat{grid-column:auto;grid-template-columns:none}
.pager{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}
.bcats .fchip{display:inline-flex;align-items:center}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.8rem}
.tag{border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;color:rgba(248,246,242,.8)}
.rich{display:grid;gap:1rem;font-size:17px;line-height:1.75;color:rgba(248,246,242,.84)}
.rich h2{font:500 1.6rem/1.2 var(--f-display);margin-top:1rem;color:var(--ivory)}
.rich h3{font:500 1.2rem/1.3 var(--f-display);margin-top:.5rem;color:var(--ivory)}
.rich ul,.rich ol{margin:0;padding-inline-start:1.3rem;display:grid;gap:.4rem}
.rich a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.rich blockquote{margin:0;padding-inline-start:1rem;border-inline-start:2px solid var(--gold);color:rgba(248,246,242,.75)}
.rich>:first-child{margin-top:0}
.lead-rich{font-size:var(--t-lead)}
.about-grid{display:grid;gap:2rem;align-items:center}@media(min-width:1024px){.about-grid{grid-template-columns:1.1fr 1fr}}
.stats{list-style:none;margin:0;padding:2.5rem 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;text-align:center}
@media(min-width:768px){.stats{grid-template-columns:repeat(4,1fr)}}
.stats .display{font-size:3rem}
.air{display:grid;overflow:hidden;padding:0}
@media(min-width:900px){.air{grid-template-columns:1fr 1.1fr;align-items:center}}
.air-img{position:relative;aspect-ratio:16/10;min-height:100%}
.air-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.air-txt{display:grid;gap:1rem;padding:1.5rem;text-align:start}@media(min-width:640px){.air-txt{padding:2.25rem}}
.air-txt p{color:rgba(248,246,242,.75)}
.tgrid{display:grid;gap:1rem;margin-top:1.5rem}@media(min-width:640px){.tgrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tgrid{grid-template-columns:repeat(3,1fr)}}
.tcard{margin:0;padding:1.25rem;display:grid;gap:.9rem;align-content:start}
.tcard blockquote{margin:0;font-size:.92rem;line-height:1.65;color:rgba(248,246,242,.85)}
.tcard figcaption{display:flex;align-items:center;gap:.7rem}
.tcard figcaption small{display:block;color:var(--muted);font-size:.74rem}
.tav{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;background:rgba(201,169,97,.15);color:var(--gold);font-weight:700}
.tav img{width:100%;height:100%;object-fit:cover}
.pextra{list-style:none;margin:.75rem 0 0;padding:.75rem 0 0;border-top:1px solid var(--line);display:grid;gap:.3rem;font-size:.9rem;color:var(--muted)}
.pextra b{color:var(--ivory)}
.feats{margin-top:1rem}
.thumbs button.cimg{border:1px solid var(--line);padding:0;cursor:pointer}
.thumbs button.cimg[aria-current=true]{border-color:var(--gold)}
.map .canvas iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.35) contrast(1.05)}
.gal .cimg{background:#e9e9ea}
/* ===== v2: booking states, availability, seasons, empty states, map consent ===== */
.avail-booked{color:#ffb4a8;border-color:rgba(215,29,36,.45)}
.avail-msg{font-size:.8rem;line-height:1.45;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.avail-msg.ok{color:#8ff0b6;border-color:rgba(37,211,102,.35)}
.avail-msg.bad{color:#ffb0b4;border-color:rgba(215,29,36,.45);background:rgba(215,29,36,.08)}
.avail-msg.wait{color:var(--muted)}
.form-err{font-size:.84rem;line-height:1.45;color:#ffb0b4;background:rgba(215,29,36,.1);border:1px solid rgba(215,29,36,.45);border-radius:10px;padding:.6rem .75rem}
.btn:disabled{opacity:.6;cursor:progress}
.bk-done{display:grid;justify-items:center;gap:1rem;text-align:center;padding:2.5rem 1.5rem 3rem;outline:none}
.bk-done h3{font:500 1.7rem/1.2 var(--f-display)}
.bk-done p{max-width:34rem;color:rgba(248,246,242,.82)}
.bk-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(37,211,102,.14);border:1px solid rgba(37,211,102,.5);color:var(--wa);font-size:1.8rem}
.seasons{border-top:1px solid var(--line);padding-top:.8rem}
.seasons ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.45rem}
.seasons li{display:flex;justify-content:space-between;gap:.75rem;font-size:.86rem}
.seasons small{display:block;color:var(--muted);font-size:.74rem}
.note-warn{font-size:.86rem;color:#ffd7a8;border:1px solid rgba(201,169,97,.4);border-radius:12px;padding:.75rem .9rem;background:rgba(201,169,97,.08)}
.empty{display:grid;justify-items:center;gap:1rem;text-align:center;padding:2.5rem 1rem;border:1px dashed var(--line);border-radius:var(--r);color:rgba(248,246,242,.8);margin-bottom:1rem}
.cimg .phx,.car .phx{position:absolute;inset:0}
.map-gate{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.75rem;text-align:center;padding:1rem;background:radial-gradient(80% 80% at 50% 40%,#18233B,#0a0f1a)}
.map-gate small{max-width:22rem}
.legal-info{margin-top:2.5rem;border:1px solid var(--line);border-radius:var(--r);padding:1.25rem;background:rgba(16,24,40,.4)}
.legal-info h2{font:500 1.3rem/1.2 var(--f-display);margin-bottom:.8rem}
.legal-info dl{display:grid;gap:.6rem;margin:0}@media(min-width:640px){.legal-info dl{grid-template-columns:1fr 1fr}}
.legal-info dt{font:500 .62rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.legal-info dd{margin:.3rem 0 0}