:root{color-scheme:light;--bg:#f8f9fa;--panel:#ffffff;--ink:#0f172a;--text:#334155;--muted:#64748b;--accent:#1e293b;--gold:#b69b62;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);--radius:12px;--radius-lg:16px;--max:1400px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
picture{display:block;line-height:0}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes cardIn{from{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes videoSweep{0%,58%{transform:translateX(-125%) skewX(-10deg)}78%,100%{transform:translateX(125%) skewX(-10deg)}}
@keyframes softPulse{0%,100%{box-shadow:0 24px 80px rgba(20,27,34,.17)}50%{box-shadow:0 30px 92px rgba(20,27,34,.23)}}
@keyframes heroVideoDrift{from{transform:scale(1.02)}to{transform:scale(1.08) translate3d(-1.5%,1%,0)}}
@keyframes statGlow{0%,100%{border-color:rgba(17,20,23,.1);background:rgba(255,255,255,.62)}50%{border-color:rgba(182,155,98,.45);background:rgba(255,255,255,.86)}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}
body{margin:0;min-width:0;width:100%;max-width:100%;background:var(--bg);color:var(--ink);font-family:'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;line-height:1.7;overflow-x:hidden;background-color:#f8f9fa;color:#0f172a;}
main,.site-header,footer,.page,.shell{max-width:100vw}
main,.page{overflow-x:hidden}
main,section,div,article,form,aside,nav,header,footer{min-width:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img,svg,video,canvas{display:block;max-width:100%}
img[hidden]{display:none!important}
h1,h2,h3,p{margin-top:0}
.shell{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.page{display:none;min-height:calc(100vh - 72px);padding:80px 0 100px;position:relative;overflow:hidden}
.page.active{display:block}
.eyebrow{display:block;margin-bottom:12px;color:#64748b;font-size:0.75rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #111417;border-radius:999px;background:#111417;color:#fff;padding:0 18px;font-size:.73rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 10px 24px rgba(17,20,23,.18);transition:transform .24s ease,box-shadow .24s ease,background .24s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(17,20,23,.22)}
.btn.secondary{background:#fff;color:#111417;border-color:var(--line2);box-shadow:0 8px 18px rgba(20,27,34,.07)}
.btn.tiny{min-height:36px;padding:0 13px;font-size:.66rem}
.btn.full{width:100%}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.82);border-bottom:1px solid transparent;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}
.site-header.is-stuck{background:rgba(255,255,255,.94);border-bottom-color:var(--line);box-shadow:0 18px 44px rgba(20,27,34,.12)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(182,155,98,.75),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}
.site-header.is-stuck::after{opacity:1}
.header-inner{position:relative;min-height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.header-actions{display:flex;align-items:center;gap:8px;justify-self:end}
.brand{border:0;background:none;padding:0}
.brand img{width:205px;height:auto}
.desktop-nav{display:flex;justify-content:center;gap:6px;min-width:0;align-items:center}
.nav-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:999px;background:transparent;color:#303942;padding:0 11px;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;min-width:0;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.nav-link:hover{background:linear-gradient(180deg,#fff,#f7f8fa);border-color:var(--line);box-shadow:0 8px 20px rgba(20,27,34,.07);transform:translateY(-1px)}
.nav-link.active{background:linear-gradient(180deg,#fff,#eef1f4);color:#111820;border-color:rgba(15,19,23,.12);box-shadow:0 10px 24px rgba(20,27,34,.10),inset 0 -2px 0 rgba(170,142,85,.74)}
.nav-link.active .nav-icon{filter:none}
.nav-link.active span{color:#111820}
.nav-icon{width:24px;height:24px;object-fit:contain;flex:0 0 auto}
@keyframes globeBounce{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-3px) scale(1.08)}60%{transform:translateY(1px) scale(.97)}}
@keyframes globeGlow{0%,100%{box-shadow:0 8px 20px rgba(20,27,34,.07),0 0 0 0 rgba(182,155,98,0)}50%{box-shadow:0 8px 20px rgba(20,27,34,.07),0 0 18px 4px rgba(182,155,98,.22)}}
.region-button{min-height:44px;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#fff,#f7f8fa);padding:0 16px;color:#242d36;font-size:.72rem;font-weight:850;text-transform:uppercase;box-shadow:0 8px 20px rgba(20,27,34,.07);white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative}
.region-button::before{content:'';display:inline-block;width:20px;height:20px;flex-shrink:0;background:url('../world-globe-earth-map-png.webp') center/contain no-repeat;animation:globeBounce 2.4s ease-in-out infinite,globeGlow 3s ease-in-out infinite;border-radius:50%}
.region-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(20,27,34,.12);border-color:rgba(182,155,98,.5)}
.region-button:hover::before{animation-duration:1.2s,1.5s}
.region-button span{min-width:0}
.button-flag{width:24px;height:16px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:white}
.button-flag img{width:100%;height:100%;object-fit:cover}
.menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fff,#f7f8fa);align-items:center;justify-content:center;flex-direction:column;gap:4px;transition:all .22s ease}
.menu-button span{width:20px;height:2px;background:#64748b;border-radius:2px;transition:all .22s ease}
.menu-button.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-button.open span:nth-child(2){opacity:0}
.menu-button.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu{display:none}
.page[data-page=home]{padding-top:0}
.home-hero{position:relative;min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);padding:clamp(46px,7vw,92px) 0 52px;display:grid;align-items:center;background:#111417;color:#fff;border-bottom:0;overflow:hidden}
.hero-bg-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.04)}
.hero-scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.12),transparent 26%),linear-gradient(90deg,rgba(7,10,13,.9) 0%,rgba(10,14,18,.72) 43%,rgba(10,14,18,.3) 74%,rgba(10,14,18,.62) 100%),linear-gradient(180deg,rgba(7,10,13,.18) 0%,rgba(7,10,13,.9) 100%);pointer-events:none}
.home-hero::before{content:"";position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 78%);pointer-events:none}
.home-hero>.shell{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);gap:44px;align-items:center}
.hero-copy{padding:28px 0 18px;max-width:850px}
.hero-copy h1{max-width:880px;color:#fff;font-size:clamp(3.1rem,6vw,6.5rem);line-height:.9;margin-bottom:18px;letter-spacing:0;text-transform:uppercase;text-shadow:0 14px 42px rgba(0,0,0,.42)}
.hero-copy>.eyebrow{color:rgba(255,255,255,.74);animation:fadeUp .68s ease both}
.hero-copy h1{animation:fadeUp .78s .08s ease both}
.home-story p{animation:fadeUp .68s ease both}
.home-story p:nth-child(1){animation-delay:.18s}
.home-story p:nth-child(2){animation-delay:.26s}
.home-story p:nth-child(3){animation-delay:.34s}
.home-story p:nth-child(4){animation-delay:.42s}
.hero-actions{animation:fadeUp .68s .52s ease both}
.home-feature-line{animation:fadeUp .68s .6s ease both}
.hero-lead{max-width:700px;color:rgba(255,255,255,.9);font-size:clamp(1.03rem,1.35vw,1.28rem);font-weight:720;margin-bottom:20px}
.home-story{max-width:760px;color:#e2e8f0;font-size:1.125rem;line-height:1.7;margin-bottom:32px;padding-left:0;border:none;text-shadow:none}
.home-story p{margin-bottom:24px;opacity:0.95}
.home-story p:last-child{margin-bottom:0}
.home-story strong{color:#fff;font-weight:600}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px}
.home-hero .btn{background:#fff!important;color:#111417!important;border-color:#fff!important;box-shadow:0 18px 44px rgba(0,0,0,.26);opacity:1!important;font-weight:900!important}
.home-hero .btn:hover{box-shadow:0 24px 58px rgba(0,0,0,.34)}
.home-hero .f90-jump-link{text-decoration:none;background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.48)!important;backdrop-filter:blur(14px)}
.home-feature-line{display:inline-flex;max-width:100%;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);padding:10px 14px;color:rgba(255,255,255,.9);font-weight:850;letter-spacing:.02em}
.feature-strip{display:flex;gap:8px;flex-wrap:wrap}
.feature-strip span{min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0 10px;color:#4d5964;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.hero-product{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:#111417;padding:0;box-shadow:none;backdrop-filter:none;animation:fadeUp .82s .2s ease both,cardFloat 7s 1.2s ease-in-out infinite}
.hero-logo{width:min(252px,78%);margin:0 auto 10px;filter:drop-shadow(0 8px 18px rgba(20,27,34,.12))}
.hero-feature-card{position:relative;z-index:4;width:100%;display:grid;grid-template-columns:1fr;gap:0;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);text-align:left;box-shadow:0 20px 50px -15px rgba(20,27,34,.3), inset 0 1px 0 rgba(255,255,255,.4);animation:cardIn .72s .55s ease both;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease}
.hero-feature-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.12);box-shadow:0 28px 56px -18px rgba(20,27,34,.4), inset 0 1px 0 rgba(255,255,255,.5), inset 0 0 0 1px rgba(255,255,255,.3);border-color:rgba(255,255,255,.25)}
.hero-feature-media{
  display:grid;place-items:center;overflow:hidden;
  border-radius:24px;
  background:radial-gradient(circle at 50% 45%,#fff 0 22%,#eef2f5 48%,#dce3e8 72%,#d0d8de 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1);
  aspect-ratio:4/5;
  margin:0;
  padding:0;
  position:relative;
}
.hero-feature-media::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:20px;
  background:radial-gradient(ellipse at 50% 50%,rgba(182,155,98,0.04),transparent 65%);
  pointer-events:none;
  z-index:0;
}
.hero-feature-media img{
  width:100%;height:100%;object-fit:contain;object-position:center;
  filter:drop-shadow(0 8px 20px rgba(20,27,34,.15));
  transition:opacity .3s ease, transform .3s cubic-bezier(.2,.8,.2,1);
  border-radius:18px;mix-blend-mode:multiply;
}
.hero-feature-media::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 50%, rgba(255,255,255,.02) 100%);
  pointer-events:none;
}
.hero-feature-media::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:20px;
  background:linear-gradient(to bottom, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%);
  pointer-events:none;
}
.hero-feature-media img.swatch-fade,.build-image img.swatch-fade,.checkout-image img.swatch-fade,.sheet-image img.swatch-fade{opacity:0;transform:scale(.96)}
.hero-feature-media img,.build-image img,.checkout-image img,.sheet-image img{transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1),filter .32s ease}
.hero-feature-body{display:grid;gap:3px;padding:14px 4px 2px;text-align:center}
.hero-feature-tag{font-size:.6rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.hero-feature-body strong{font-size:1.05rem;font-weight:800;color:#111417;line-height:1.15}
.hero-feature-body small{font-size:.74rem;color:#5b6670;line-height:1.3}
.hero-feature-body b{font-size:.92rem;font-weight:800;color:#111417;margin-top:2px}
.hero-feature-body .price-note{font-size:.6rem;color:#8a949d;font-style:normal;letter-spacing:.02em}
.hero-feature-body{display:grid;gap:4px;min-width:0}
.hero-feature-body span{color:var(--muted);font-size:.62rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.hero-feature-body strong{font-size:.82rem;line-height:1.16;letter-spacing:.06em;text-transform:uppercase}
.hero-feature-body small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#63707c;font-size:.72rem;line-height:1.28}
.hero-feature-body b{font-size:1rem;line-height:1.1}
.hero-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.hero-stat-grid span{min-height:36px;display:grid;place-items:center;border:1px solid rgba(17,20,23,.1);border-radius:7px;background:rgba(255,255,255,.7);color:#48535d;font-size:.58rem;font-weight:950;letter-spacing:.08em;text-align:center;text-transform:uppercase;animation:statGlow 4.8s ease-in-out infinite}
.hero-stat-grid span:nth-child(2){animation-delay:.45s}
.hero-stat-grid span:nth-child(3){animation-delay:.9s}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.promise-grid article,.panel,.support-grid article,.faq-card,.warranty-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px;box-shadow:var(--shadow)}
.promise-grid strong{display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.07em}
.promise-grid span,.support-grid p,.panel p{color:var(--muted)}
.home-trust{margin-top:48px;padding:0 20px}
.home-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.home-trust-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px 20px;box-shadow:var(--shadow);text-align:left}
.home-trust-icon{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(135deg,#f5f0e8,#ede6d8);border:1px solid rgba(182,155,98,.2);border-radius:10px;color:#b69b62;margin-bottom:14px}
.home-trust-card h3{font-size:.88rem;font-weight:700;color:#111417;margin:0 0 8px;letter-spacing:.01em}
.home-trust-card p{font-size:.78rem;line-height:1.6;color:#64717c;margin:0}
.home-faq{margin-top:80px;padding:0 20px}
.home-guides{margin-top:80px;padding:0 20px}
.home-guides-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;flex-wrap:wrap}
.home-guides-head div{display:flex;flex-direction:column;gap:12px}
.home-guides-head h2{font-size:2.25rem;font-weight:800;line-height:1.2;letter-spacing:-0.5px;color:#0f172a;margin:0;display:flex;align-items:center;gap:16px}
.home-guides-head h2::before{content:'';display:inline-block;width:4px;height:24px;background:linear-gradient(180deg,transparent,#b69b62,transparent)}
.home-guides-head p{font-size:1.125rem;line-height:1.7;color:#64748b;max-width:500px;margin:0}.home-guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.home-guide-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e7ec;border-radius:16px;padding:22px;text-decoration:none;color:inherit;box-shadow:0 4px 6px -1px rgba(0,0,0,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-guide-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,27,34,.12);border-color:#d8c89a}
.home-guide-card span{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a681e;margin-bottom:8px}
.home-guide-card strong{font-size:1.05rem;font-weight:800;line-height:1.35;color:#111417;margin-bottom:8px}
.home-guide-card p{font-size:.85rem;line-height:1.6;color:#64748b;margin:0 0 12px}
.home-guide-card em{font-style:normal;font-weight:700;font-size:.8rem;color:#b69b62;margin-top:auto}
.home-promise{margin-top:80px;padding:0 20px}
.promise-card{position:relative;border-radius:20px;background:linear-gradient(135deg,#0f1520 0%,#181e2e 50%,#0f1520 100%);border:1px solid rgba(182,155,98,.2);overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.promise-card:hover{transform:translateY(-3px);border-color:rgba(182,155,98,.4)}
.promise-glow{position:absolute;top:-80px;right:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(182,155,98,.12) 0%,transparent 70%);pointer-events:none}
.promise-inner{display:flex;align-items:center;gap:50px;padding:52px 50px;position:relative;z-index:1}
.promise-content{flex:1;min-width:0}
.promise-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b69b62;margin-bottom:8px}
.promise-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.2;color:#fff;margin:0 0 18px}
.promise-text{margin:0 0 14px;font-size:.95rem;line-height:1.75;color:rgba(255,255,255,.65);max-width:680px}
.promise-text:last-of-type{margin-bottom:24px}
.promise-partner{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.55);font-size:.78rem;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(4px)}
.promise-partner img{height:22px;width:auto;border-radius:3px;filter:brightness(0) invert(1) opacity(.6)}
.promise-badge{flex-shrink:0;position:relative;width:140px;height:140px;display:grid;place-items:center}
.promise-badge-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(182,155,98,.25);animation:pulseRing 3s ease-in-out infinite}
.promise-badge-img{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(182,155,98,.25))}
@keyframes pulseRing{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.5}}
@media(max-width:900px){.promise-inner{flex-direction:column;gap:36px;padding:40px 36px;text-align:center}.promise-content{display:flex;flex-direction:column;align-items:center}.promise-text{text-align:center}.promise-badge-img{width:110px;height:110px}}
@media(max-width:760px){.home-promise{margin-top:40px;padding:0 14px}.promise-inner{padding:32px 24px}.promise-badge-img{width:100px;height:100px}}
.home-faq-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;flex-wrap:gap}
.home-faq-head div{display:flex;flex-direction:column;gap:12px}
.home-faq-head h2{font-size:2.25rem;font-weight:800;line-height:1.2;letter-spacing:-0.5px;color:#0f172a;margin:0;display:flex;align-items:center;gap:16px}
.home-faq-head h2::before{content:'';display:inline-block;width:4px;height:24px;background:linear-gradient(180deg,transparent,#b69b62,transparent)}
.home-faq-head p{font-size:1.125rem;line-height:1.7;color:#64748b;max-width:500px;margin:0}
.home-policy{margin-top:80px;padding:0 20px}
.home-policy-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;flex-wrap:gap}
.home-policy-head div{display:flex;flex-direction:column;gap:12px}
.home-policy-head h2{font-size:2.25rem;font-weight:800;line-height:1.2;letter-spacing:-0.5px;color:#0f172a;margin:0;display:flex;align-items:center;gap:16px}
.home-policy-head h2::before{content:'';display:inline-block;width:4px;height:24px;background:linear-gradient(180deg,transparent,#b69b62,transparent)}
.home-policy-head p{font-size:1.125rem;line-height:1.7;color:#64748b;max-width:500px;margin:0}
.home-policy-head .home-head-row,.home-guides-head .home-head-row,.section-head .home-head-row,.faq-contact-head .home-head-row{display:flex;flex-direction:row;align-items:flex-start;gap:16px;flex-wrap:nowrap;min-width:0;}
.home-head-row h2,.home-head-row h3{min-width:0;flex:1 1 auto;}
.home-policy-symbol{max-height:96px;width:auto;flex:0 0 auto;margin-top:4px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(20,27,34,.1));animation:symbolFloat 3.4s ease-in-out infinite;}
@keyframes symbolFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.home-policy-symbol{animation:none;filter:none}}
.home-policy-sub{margin-top:40px}
.home-policy-subhead{margin-bottom:20px;display:flex;align-items:center;gap:14px}
.home-policy-subhead::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.home-policy-subhead h3{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b69b62}
.home-policy-note{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:36px;padding:22px 26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fbfcfe,#f7f8fa)}
.home-policy-note p{margin:0;font-size:.95rem;line-height:1.7;color:var(--muted)}
.home-policy-note a{color:#b69b62;font-weight:700;text-decoration:none}
.home-policy-note a:hover{text-decoration:underline}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.faq-card{background:white;border-radius:16px;padding:28px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid rgba(226, 232, 240, 0.5);transition:all 0.3s ease;position:relative;overflow:hidden}
.faq-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);border-color:rgba(226, 232, 240, 0.8)}
.faq-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,transparent,#b69b62,transparent)}
.faq-card h3{font-size:1.125rem;font-weight:600;line-height:1.5;color:#0f172a;margin-bottom:20px;display:flex;align-items:center;gap:12px}
.faq-card h3::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#b69b62}
.faq-card p{font-size:1rem;line-height:1.7;color:#475569;margin:0}
.warranty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.warranty-card h3{margin-bottom:8px;font-size:.96rem;line-height:1.28;text-transform:uppercase;letter-spacing:.05em}
.warranty-card p{margin:0 0 10px;color:#53606c;font-size:.94rem}
.warranty-card p:last-child{margin-bottom:0}
.warranty-card strong{color:#111417}
.section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.6fr);gap:24px;align-items:end;margin-bottom:24px}
.section-head h2{font-size:clamp(2rem,4.3vw,4.3rem);line-height:.94;margin:0;text-transform:uppercase}
.section-head p{margin:0;color:#596672}
.brand-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;margin-bottom:20px}
.brand-rail div{height:62px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px}
.brand-rail img{max-width:84%;max-height:34px;object-fit:contain;filter:grayscale(1)}
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.filter-bar button{min-height:38px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#2f3942;padding:0 13px;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.filter-bar button.active{background:#111417;color:#fff;border-color:#111417}
.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:white;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease;position:relative;overflow:hidden;cursor:pointer}
.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);border-color:rgba(226,232,240,0.5)}
.product-card:active{transform:translateY(-2px)}
.product-card:focus-visible{outline:2px solid #b69b62;outline-offset:2px}
.product-media{aspect-ratio:4/3;display:grid;place-items:center;background:transparent;border-bottom:1px solid rgba(226,232,240,0.2);position:relative;overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform 0.4s ease}
.product-card:hover .product-media img{transform:scale(1.05)}
.badge{position:absolute;top:16px;left:16px;background:rgba(182,155,98,0.9);color:white;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.product-body{display:flex;flex-direction:column;flex:1;padding:24px;gap:16px}
.product-body h3{font-size:1.25rem;font-weight:700;line-height:1.3;color:#0f172a;margin:0}
.product-body p{font-size:1rem;line-height:1.7;color:#475569;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(226,232,240,0.2)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f8fafc;border-radius:20px;font-size:0.875rem;font-weight:500;color:#64748b;border:1px solid rgba(226,232,240,0.3)}
.mini-thumbs{display:flex;gap:8px;margin-top:16px}
.mini-thumbs img{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid rgba(226,232,240,0.3);background:#f8fafc;transition:all 0.2s ease}
.mini-thumbs img:hover{transform:scale(1.05);border-color:#e2e8f0}
.product-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid rgba(226,232,240,0.2)}
.price-block{display:flex;flex-direction:column;gap:4px}
.price-block span{font-size:0.875rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:0.5px}
.price-block strong{font-size:1.5rem;font-weight:700;color:#0f172a}
.price-block small{font-size:0.875rem;color:#64748b;text-transform:uppercase;letter-spacing:0.5px}
.view-seat{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;border:1px solid rgba(226,232,240,0.3);border-radius:12px;font-size:0.875rem;font-weight:600;color:#0f172a;transition:all 0.2s ease}
.view-seat:hover{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}
.view-seat:active{transform:scale(0.98)}
.parts-modal{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;background:rgba(17,20,23,0.55);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .3s ease}
.parts-modal.active{opacity:1;pointer-events:auto}
.parts-card{background:#fff;border-radius:20px;padding:32px;max-width:540px;width:92%;max-height:85vh;overflow-y:auto;box-shadow:0 40px 100px rgba(20,27,34,0.25);position:relative}
.parts-card h2{font-size:1.4rem;color:#0f172a;margin:8px 0 6px}
.parts-card p{color:#64748b;font-size:.88rem;line-height:1.5;margin:0 0 16px}
.parts-step label,.parts-result label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:6px}
.parts-step select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem;background:#f8fafc;color:#0f172a;margin-bottom:16px}
.parts-list{display:grid;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}
.part-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}
.part-item:hover{border-color:#b69b5e;background:rgba(182,155,98,0.04)}
.part-item.active{border-color:#b69b5e;background:rgba(182,155,98,0.08);box-shadow:0 0 0 2px rgba(182,155,98,0.15)}
.part-item span{font-size:.9rem;font-weight:600;color:#0f172a}
.part-item em{font-style:normal;font-size:.85rem;color:#b69b5e;font-weight:700}
.parts-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}
.parts-summary p{margin:0;font-size:.9rem;color:#0f172a}
.parts-summary strong{color:#b69b5e}
.parts-result input,.parts-result textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;margin-bottom:12px;box-sizing:border-box;font-family:inherit}
.parts-result textarea{resize:vertical}
.parts-note{text-align:center;font-size:.78rem;color:#94a3b8;margin-top:12px}
.parts-success{text-align:center;padding:20px 0}
.parts-success h3{color:#0f172a;margin-bottom:8px}
.parts-success p{color:#64748b}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .64s ease,transform .64s ease;transition-delay:var(--reveal-delay,0ms)}
.reveal.in-view{opacity:1;transform:translateY(0)}
.brand-rail div,.faq-card,.warranty-card,.panel,.gallery img{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,opacity .64s ease}
.brand-rail div:hover,.faq-card:hover,.warranty-card:hover,.panel:hover{transform:translateY(-3px);box-shadow:var(--shadow2);border-color:var(--line2)}
.configurator{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow2);overflow:hidden}
.build-preview{padding:20px;background:#f8f9fb}
.build-image{height:clamp(430px,48vw,560px);display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 45%,#fff 0 22%,#eef2f5 48%,#dce3e8 72%,#d0d8de 100%);padding:24px;box-sizing:border-box;overflow:hidden;position:relative}
.build-image::before{content:'';position:absolute;left:50%;top:45%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.4) 40%,rgba(255,255,255,0.08) 65%,transparent 80%);pointer-events:none;z-index:0}
.build-image::after{content:'';position:absolute;left:12%;right:12%;bottom:10%;height:50%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(176,142,72,0.06),transparent 70%);pointer-events:none;z-index:0}
.build-image img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center center;padding:0;box-sizing:border-box;position:relative;z-index:1;filter:drop-shadow(0 12px 20px rgba(20,27,34,0.12));mix-blend-mode:multiply}
.build-caption{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:16px}
.build-caption span,.build-total span{display:block;color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.build-caption p{margin:0;color:var(--muted)}
.build-total{text-align:right}
.build-total strong{font-size:2.4rem}
.build-controls{padding:20px;border-left:1px solid var(--line)}
.build-finish-inline{display:none}
.control-group{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.control-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.control-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.control-title svg{width:16px;height:16px;flex-shrink:0;opacity:.55;margin-right:4px}
.control-title span{color:var(--muted)}
.choice-grid{display:flex;flex-wrap:wrap;gap:9px}
.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:10px}
.choice{position:relative}
.choice input{position:absolute;opacity:0}
.choice span{min-height:40px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fbfcfd;padding:0 12px;font-size:.8rem}
.choice input:checked+span{background:#111417;color:#fff;border-color:#111417}
.swatch{display:grid;justify-items:center;align-content:start;gap:7px;min-width:0;text-align:center;cursor:pointer}
.swatch span{width:44px;height:44px;min-height:44px;border-radius:999px;padding:0;background:linear-gradient(145deg,rgba(255,255,255,.65),transparent 45%),var(--swatch)}
.swatch input:checked+span{background:linear-gradient(145deg,rgba(255,255,255,.65),transparent 45%),var(--swatch);border-color:#111417;box-shadow:0 0 0 3px #111417 inset,0 0 0 5px #fff inset}
.swatch small{width:100%;min-height:30px;color:#4b5560;font-size:.62rem;font-weight:800;line-height:1.18;letter-spacing:0;text-transform:none;overflow:visible}
.swatch input:checked+span+small{color:#111417}
select,input,textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:11px 12px;outline:none}
label{display:grid;gap:8px;color:#242d35;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
textarea{min-height:128px;resize:vertical}
.summary-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.85rem}
.summary-row span{color:var(--muted)}
.summary-row strong{text-align:right}
.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:40px}
.gallery img{width:100%;height:100%;object-fit:cover;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);border:1px solid rgba(226,232,240,0.3);transition:all 0.3s ease;position:relative;overflow:hidden}
.gallery img:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);border-color:rgba(226,232,240,0.5)}
.gallery img:nth-child(1){grid-column:span 2}
.gallery img:nth-child(2){grid-column:span 2}
.gallery img:nth-child(3){grid-column:span 1}
.gallery img:nth-child(4){grid-column:span 1}
.gallery img:nth-child(5){grid-column:span 2}
.gallery img:nth-child(6){grid-column:span 2}
.gallery img:nth-child(7){grid-column:span 1}
.gallery img:nth-child(8){grid-column:span 1}
.track-grid,.checkout-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:20px}
.timeline{display:grid;gap:12px}
.timeline div{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfd;padding:14px}
.timeline strong{display:block}
.timeline span{color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.form-grid .full{grid-column:1/-1}
.checkout-section{margin-bottom:28px}
.checkout-section:last-child{margin-bottom:0}
.checkout-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f2f5}
.checkout-section-head svg{flex-shrink:0;color:var(--gold,#b69b62)}
.checkout-section-head span{font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink,#0f172a)}
.checkout-form label{display:grid;gap:6px;font-size:.76rem;color:#5a6577;font-weight:700;letter-spacing:.02em}
.checkout-form label .lbl{color:#5a6577}
.checkout-form input,.checkout-form select,.checkout-form textarea{height:48px;border-radius:10px;border:1.5px solid #e3e8ee;padding:0 14px;font-size:.95rem;background:#fafbfc;color:#1a1f36;width:100%;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.checkout-form textarea{height:auto;min-height:80px;padding:12px 14px;resize:vertical;line-height:1.5}
.checkout-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7a8691 50%),linear-gradient(135deg,#7a8691 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus{outline:none;border-color:var(--gold,#b69b62);box-shadow:0 0 0 3px rgba(182,155,98,.12);background:#fff}
.checkout-form input::placeholder,.checkout-form textarea::placeholder{color:#aab0bc}
.checkout-product{display:grid;align-content:start;gap:12px}
.checkout-product h2,.checkout-panel h2{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1;margin:0;text-transform:uppercase}
.checkout-image{height:340px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 45%,#fff 0 22%,#eef2f5 48%,#dce3e8 72%,#d0d8de 100%);overflow:hidden;padding:20px;box-sizing:border-box;position:relative}
.checkout-image::before{content:'';position:absolute;left:50%;top:45%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.4) 40%,rgba(255,255,255,0.08) 65%,transparent 80%);pointer-events:none;z-index:0}
.checkout-image::after{content:'';position:absolute;left:10%;right:10%;bottom:12%;height:55%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(182,155,98,0.05),transparent 70%);pointer-events:none;z-index:0}
.checkout-image img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center center;padding:0;box-sizing:border-box;position:relative;z-index:1;filter:drop-shadow(0 10px 18px rgba(20,27,34,0.10));mix-blend-mode:multiply}
.checkout-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #f0f2f5}
.order-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}
.order-numbers div{border:1px solid #e3e8ee;border-radius:12px;background:linear-gradient(135deg,#fafbfc,#f5f7f9);padding:14px 16px;box-shadow:0 2px 6px rgba(0,0,0,.03)}
.order-numbers span{display:block;color:#8898aa;font-size:.64rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.order-numbers strong{display:block;margin-top:5px;font-size:1rem;font-weight:800;color:var(--ink,#0f172a);letter-spacing:.02em}
.checkout-costs{margin:18px 0 12px;border-top:1px solid #e3e8ee;padding-top:14px}
.checkout-costs .summary-row{font-size:.9rem;color:var(--text,#334155)}
.checkout-costs .total-row{border-bottom:0;padding-top:14px}
.checkout-costs .total-row span,.checkout-costs .total-row strong{color:var(--ink,#0f172a);font-size:1.08rem;font-weight:950}
.terms-card{border:1px solid rgba(15,19,23,.12);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,248,250,.92)),#fff;padding:18px;box-shadow:0 16px 40px rgba(20,27,34,.10), inset 0 1px 0 rgba(255,255,255,.86)}
.terms-card h3{margin:0 0 10px;font-size:1.02rem;font-weight:950;text-transform:uppercase;letter-spacing:.02em;color:#111417}
.terms-body{font-size:.85rem;line-height:1.55;color:#36424c}
.terms-body p{margin:0 0 8px}
.terms-body ol{margin:0 0 4px;padding-left:20px}
.terms-body li{margin:0 0 7px}
.terms-check{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,19,23,.10);font-size:.84rem;line-height:1.45;color:#36424c;cursor:pointer}
.terms-check input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:#111417;cursor:pointer}
  .region-modal,.product-modal,.auth-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(17,20,23,.42);padding:18px}
  .region-modal.active,.product-modal.active,.auth-modal.active{display:flex}
.modal-lock{overflow:hidden}
.modal-head{padding:28px 28px 0;text-align:center}
.modal-head h2{font-size:1.3rem;font-weight:800;color:var(--ink);margin:0 0 4px}
.modal-head p{font-size:.82rem;color:var(--muted);margin:0}
.auth-switch{text-align:center;margin-top:16px;font-size:.82rem;color:var(--muted)}
.auth-switch-btn{background:none;border:none;color:var(--gold);font-weight:700;cursor:pointer;text-decoration:underline;font-size:.82rem;padding:0}
.swatch-price{display:block;font-size:.6rem;color:var(--gold);font-weight:700;margin-top:1px;white-space:nowrap}
.region-card,.product-sheet{position:relative;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2);border-radius:var(--radius);overflow:hidden}
.icon-close{position:absolute;right:12px;top:12px;z-index:5;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#111417;font-weight:900;box-shadow:0 10px 24px rgba(20,27,34,.12)}
.region-card{width:min(900px,100%);max-height:92vh;display:grid;grid-template-rows:auto auto minmax(220px,1fr) auto}
.region-head{padding:22px 72px 12px 24px}
.region-head h2{font-size:clamp(1.5rem,3vw,2.3rem);margin:0;text-transform:uppercase;line-height:1.04}
.region-head p{margin:8px 0 0;color:var(--muted);font-size:.9rem}
.region-tools{display:grid;grid-template-columns:1fr auto;gap:10px;padding:0 24px 14px}
.region-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 24px 18px;overflow:auto;min-height:220px;max-height:56vh;overscroll-behavior:contain}
.region-option{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;min-height:62px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfd;padding:10px;text-align:left}
.region-option.selected{border-color:#111417;background:#fff}
.flag{width:42px;height:30px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}
.flag img{width:100%;height:100%;object-fit:cover}
.region-option strong{display:block;font-size:.9rem}
.region-option small{display:block;color:var(--muted);font-size:.76rem}
.region-check{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.region-foot{display:flex;justify-content:space-between;gap:10px;padding:12px 24px;border-top:1px solid var(--line);background:#f8f9fb}
.product-sheet{width:min(1120px,calc(100% - 24px));max-height:92dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)}
.sheet-media{display:grid;grid-template-rows:minmax(360px,1fr) auto;background:#f8f9fb}
.sheet-image{display:grid;place-items:center;min-height:430px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff 0 22%,#eef2f5 48%,#dce3e8 72%,#d0d8de 100%)}
.sheet-image::before{content:'';position:absolute;left:50%;top:45%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.4) 40%,rgba(255,255,255,0.08) 65%,transparent 80%);pointer-events:none;z-index:0}
.sheet-image::after{content:'';position:absolute;left:8%;right:8%;bottom:10%;height:55%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(182,155,98,0.05),transparent 70%);pointer-events:none;z-index:0}
.sheet-image img{width:100%;height:100%;object-fit:contain;padding:18px;position:relative;z-index:1;filter:drop-shadow(0 12px 20px rgba(20,27,34,0.10));mix-blend-mode:multiply}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.92);color:#111417;font-size:1.05rem;font-weight:900;box-shadow:0 12px 28px rgba(20,27,34,.14)}
.gallery-nav:hover{background:#fff;border-color:var(--line2)}
.gallery-prev{left:12px}
.gallery-next{right:12px}
.sheet-thumbs{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px;background:#fff;border-top:1px solid var(--line)}
.thumb{height:82px;min-width:94px;scroll-snap-align:center;border:1px solid var(--line);border-radius:var(--radius);background:#f8f9fb;padding:3px}
.thumb.active{border-color:#111417;box-shadow:0 0 0 2px rgba(17,20,23,.1)}
.thumb img{width:100%;height:100%;object-fit:contain}
.sheet-info{padding:24px;overflow:auto}
.sheet-actions-top{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-start;gap:10px;padding-bottom:12px;background:#fff}
.sheet-actions-bottom{display:flex;justify-content:center;margin-top:16px}
.modal-price{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:14px}
.modal-warranty-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f0f7f0,#e6f2e6);border:1px solid #c3dfc3;border-radius:6px;font-size:.7rem;font-weight:700;color:#2d6a3f;margin-top:12px}
.modal-warranty-badge svg{flex-shrink:0}
footer{padding:36px 0;background:#fff;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.3fr .6fr .6fr .6fr .6fr .6fr .6fr .8fr;gap:24px}
.footer-grid img{width:220px}
.footer-grid button{display:block;border:0;background:transparent;padding:0;margin:0 0 8px;color:#333b43;text-align:left}
.footer-grid a{display:block;margin:0 0 8px;color:#333b43;text-decoration:none}
.footer-grid a:hover{text-decoration:underline}
.footer-grid .footer-social{display:flex;align-items:center;gap:8px}
.footer-grid .footer-social svg{width:16px;height:16px;flex:0 0 auto}
.footer-shipping{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);color:#6b7680;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.footer-shipping img{width:auto;height:26px;flex:0 0 auto;border-radius:4px}
@media(max-width:980px){.header-inner{min-height:66px;grid-template-columns:1fr auto}
.brand img{width:148px}
.desktop-nav{display:none}
.header-actions{display:flex}
.menu-button{display:flex}
.mobile-menu{position:absolute;left:12px;right:12px;top:66px;display:none;grid-template-columns:1fr;gap:7px;width:auto;max-width:calc(100vw - 24px);padding:10px;background:#fff;border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow2);overflow:hidden}
.mobile-menu.open{display:grid}
.mobile-menu .nav-link,.mobile-menu .region-button{width:100%;justify-content:flex-start;text-align:left;background:#f8f9fb;border-radius:var(--radius)}
.mobile-menu .nav-icon{width:34px;height:34px}
}

/* 20260618 shipping carriers and InfinityRamper hosted-checkout polish. */
.checkout-carriers{
  display:grid;
  gap:12px;
  margin:20px 0 16px;
  padding-top:18px;
  border-top:1px solid #f0f2f5;
}
.checkout-carriers .control-title{
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ink,#0f172a);
}
.checkout-carriers .control-title::before{
  content:'';
  display:inline-block;
  width:18px;
  height:18px;
  flex-shrink:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b69b62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") no-repeat center;
}
.carrier-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.shipping-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  border:2px solid #e2e5e9;
  border-radius:10px;
  background:#fff;
  padding:14px 16px;
  color:#111417;
  text-align:left;
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.shipping-card::before{
  content:"○";
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  border:2px solid #d1d5db;
  font-size:14px;
  color:#d1d5db;
  transition:border-color .2s,color .2s,background .2s;
}
.shipping-card:hover{
  border-color:#b5965e;
}
.shipping-card.active{
  border-color:#111417;
  background:#f9fafb;
  box-shadow:0 0 0 1px #111417;
}
.shipping-card.active::before{
  content:"✓";
  border-color:#111417;
  color:#fff;
  background:#111417;
}
.carrier-logo-wrap{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.carrier-logo-wrap img{
  max-width:112px;
  max-height:42px;
  object-fit:contain;
  display:block;
}
.shipping-card[data-carrier="dsv-air"] .carrier-logo-wrap img,
.shipping-card[data-carrier="dsv-sea"] .carrier-logo-wrap img{
  max-width:64px;
  max-height:48px;
}
.shipping-card span:nth-child(2){
  display:grid;
  gap:4px;
}
.shipping-card strong{
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.shipping-card small{
  color:#69747e;
  font-size:.66rem;
  font-weight:740;
  line-height:1.35;
}
.shipping-card em{
  position:relative;
  z-index:1;
  font-style:normal;
  color:#9b7f43;
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.04em;
}
.paygate-status{
  min-height:22px;
  margin:.6rem 0 0;
  color:#5d6974;
  font-size:.82rem;
  line-height:1.45;
  text-align:center;
}
.paygate-status[data-status="ok"]{
  color:#286746;
}
.paygate-status[data-status="warn"]{
  color:#8a681e;
}
.paygate-status[data-status="error"]{
  color:#9d2727;
}
#paygateCheckoutButton:disabled{
  cursor:not-allowed;
  opacity:.62;
  transform:none;
  box-shadow:none;
}
@media(max-width:760px){
  .carrier-options{
    grid-template-columns:1fr;
  }
  .shipping-card{
    min-height:92px;
    grid-template-columns:98px minmax(0,1fr) auto;
    grid-template-rows:auto;
    column-gap:12px;
    padding:12px;
  }
  .carrier-logo-wrap{
    min-height:48px;
  }
  .carrier-logo-wrap img{
    max-width:88px;
  }
  .shipping-card[data-carrier="ups"] .carrier-logo-wrap img{
    max-width:42px;
  }
  .shipping-card em{
    justify-self:end;
  }
}

/* ---- iKhokha secure card checkout (ported from VendPlay) ---- */
.ik-card-form { display: flex; flex-direction: column; gap: .7rem; }
.ik-field { display: flex; flex-direction: column; gap: .3rem; }
.ik-field label { font-size: .76rem; font-weight: 600; color: var(--muted); letter-spacing: .02em; }
.ik-card-form input {
  width: 100%; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: 10px;
  background: #fff; color: var(--ink); font-size: .95rem; outline: none; box-sizing: border-box;
}
.ik-card-form input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(182,155,98,.18); }
.ik-row { display: flex; gap: .7rem; }
.ik-row .ik-field { flex: 1; }
.ik-card-error { color: #c0392b; font-size: .78rem; background: #fdecea; border: 1px solid #f5c2bb; padding: .5rem .7rem; border-radius: 8px; }

/* Paystack on-site Charge flow: inline card fields + bank-issuer
   verification steps (PIN / OTP / phone / birthday / address). */
.paystep-section { display: flex; flex-direction: column; gap: .7rem; margin-top: .4rem; padding-top: .9rem; border-top: 1px dashed var(--line); }
.paystep-section[hidden] { display: none; }
.paystep-title { font-size: .82rem; font-weight: 700; color: var(--ink); margin: 0; line-height: 1.4; }
.paystep-fields { display: flex; flex-direction: column; gap: .6rem; }
.paystep-fields .ik-field { flex: 1; }
.paystep-section input { width: 100%; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); font-size: .95rem; outline: none; box-sizing: border-box; }
.paystep-section input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(182,155,98,.18); }
.paystep-actions { display: flex; gap: .6rem; }
.paystep-actions .btn { flex: 1; }
#cardFields.step-active > .ik-field,
#cardFields.step-active > .ik-row,
#cardFields.step-active > .btn { display: none; }

/* ---- payment method selector (card / crypto) ---- */
.payment-method-selector { display: flex; gap: .5rem; margin: .8rem 0 .5rem; }
.payment-method-tab {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .65rem .8rem; border: 1px solid var(--line); border-radius: 10px;
  background: #fff; color: var(--muted); font-size: .82rem; font-weight: 600;
  cursor: pointer; transition: all .2s ease;
}
.payment-method-tab:hover { border-color: var(--gold); color: var(--ink); }
.payment-method-tab.active {
  border-color: var(--gold); background: rgba(182,155,98,.06); color: var(--ink);
  box-shadow: 0 2px 8px rgba(182,155,98,.12);
}
.payment-method-tab svg { flex-shrink: 0; }

/* ---- crypto payment panel ---- */
.crypto-panel {
  margin: .5rem 0 .4rem; padding: 1.2rem; border: 1px solid var(--line);
  border-radius: 14px; background: linear-gradient(180deg, #fff 0%, #fafbfc 100%);
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
.crypto-panel-head {
  display: flex; align-items: center; gap: .5rem; margin-bottom: .8rem;
  font-size: .82rem; font-weight: 700; color: var(--ink);
}
.crypto-panel-head svg { color: var(--gold); flex-shrink: 0; }
.crypto-asset-select { margin-bottom: .8rem; }
.crypto-asset-select label { font-size: .74rem; font-weight: 600; color: var(--muted); display: block; margin-bottom: .4rem; }
.crypto-asset-options { display: flex; gap: .35rem; flex-wrap: wrap; }
.crypto-asset-btn {
  padding: .4rem .7rem; border: 1px solid var(--line); border-radius: 8px;
  background: #fff; color: var(--muted); font-size: .78rem; font-weight: 600;
  cursor: pointer; transition: all .15s ease;
}
.crypto-asset-btn:hover { border-color: var(--gold); color: var(--ink); }
.crypto-asset-btn.active {
  border-color: var(--gold); background: rgba(182,155,98,.08); color: var(--ink);
}
.crypto-create { text-align: center; }
.crypto-waiting { text-align: center; }
.crypto-qr-wrap {
  display: flex; justify-content: center; margin-bottom: .6rem;
}
.crypto-qr {
  display: flex; align-items: center; justify-content: center;
}
.crypto-qr:empty { display: none; }
.crypto-details {
  margin-bottom: .8rem; padding: 0; background: none;
  border: none;
}
.crypto-detail-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: .5rem .6rem; border-bottom: 1px solid rgba(0,0,0,.05); gap: .5rem;
}
.crypto-detail-row:last-child { border-bottom: none; }
.crypto-detail-row:first-child { border-top: 1px solid rgba(0,0,0,.05); }
.crypto-detail-label { font-size: .74rem; color: var(--muted); font-weight: 500; flex-shrink: 0; }
.crypto-detail-value { font-size: .78rem; color: var(--ink); font-weight: 600; text-align: right; word-break: break-all; flex: 1; min-width: 0; }
.crypto-copy-inline {
  flex-shrink: 0; padding: 3px 8px; font-size: .65rem; font-weight: 600;
  border: 1px solid rgba(0,0,0,.12); border-radius: 6px; background: rgba(0,0,0,.04);
  color: var(--muted); cursor: pointer; transition: all .15s ease; white-space: nowrap;
}
.crypto-copy-inline:hover { background: rgba(0,0,0,.08); color: var(--ink); }
.crypto-copy-inline.copied { background: rgba(39,174,96,.1); color: #27ae60; border-color: rgba(39,174,96,.25); }
.crypto-address { font-family: monospace; font-size: .68rem; max-width: 200px; }
.crypto-timer { color: var(--gold); font-variant-numeric: tabular-nums; }
.crypto-timer-urgent { color: #c0392b; animation: crypto-pulse 1s ease-in-out infinite; }
@keyframes crypto-pulse { 0%,100%{opacity:1} 50%{opacity:.5} }
.crypto-status {
  font-size: .78rem; font-weight: 600; color: var(--muted); margin-bottom: .6rem;
  padding: .5rem .8rem; border-radius: 8px; background: rgba(39,174,96,.06);
  border: 1px solid rgba(39,174,96,.12); display: flex; align-items: center; justify-content: center; gap: .4rem;
}
.crypto-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); animation: crypto-pulse 1.5s ease-in-out infinite; }
.crypto-status-success { color: #27ae60; background: rgba(39,174,96,.08); border-color: rgba(39,174,96,.15); }
.crypto-status-success::before { background: #27ae60; }
.crypto-actions { display: flex; gap: .5rem; margin-top: .4rem; }
.crypto-actions .btn { flex: 1; }
.crypto-expired { text-align: center; padding: 1rem 0; }
.crypto-expired p { font-size: .82rem; color: var(--muted); margin-bottom: .8rem; }
.crypto-trust-note {
  display: flex; align-items: center; justify-content: center; gap: .4rem;
  margin-top: .6rem; padding: .4rem .6rem; border-radius: 8px;
  background: rgba(0,0,0,.02); font-size: .68rem; color: var(--muted); font-weight: 500;
}
.crypto-trust-note svg { flex-shrink: 0; color: #27ae60; }

/* ---- crypto coming soon modal ---- */
.crypto-coming-soon-overlay {
  position: fixed; inset: 0; z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  background: rgba(15,23,42,.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  animation: fadeIn .2s ease;
}
.crypto-coming-soon-overlay[hidden] { display: none; }
.crypto-coming-soon-modal {
  position: relative;
  max-width: 400px; width: 90%;
  background: #fff; border-radius: 20px; padding: 2.4rem 2rem 2rem;
  text-align: center; box-shadow: 0 25px 60px rgba(0,0,0,.18);
  animation: cardIn .3s ease;
}
.crypto-coming-soon-close {
  position: absolute; top: .8rem; right: .8rem;
  width: 32px; height: 32px; border-radius: 50%; border: none;
  background: rgba(0,0,0,.06); color: var(--muted); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.crypto-coming-soon-close:hover { background: rgba(0,0,0,.12); }
.crypto-coming-soon-icon { margin-bottom: 1rem; border-radius: 12px; }
.crypto-coming-soon-title {
  font-size: 1.15rem; font-weight: 800; color: var(--ink); margin: 0 0 .5rem;
}
.crypto-coming-soon-text {
  font-size: .88rem; color: var(--muted); line-height: 1.55; margin: 0 0 1.4rem;
}
.crypto-coming-soon-btn {
  width: 100%; padding: .75rem 1.2rem; font-size: .9rem; font-weight: 700;
  border-radius: 12px; border: none; cursor: pointer;
  background: linear-gradient(135deg, var(--gold), #d4af6a); color: #fff;
  box-shadow: 0 4px 14px rgba(182,155,98,.35);
  transition: transform .15s, box-shadow .15s;
}
.crypto-coming-soon-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(182,155,98,.45); }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ---- checkout region / currency selector trigger ---- */
@keyframes checkoutGlobeBounce{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-3px) scale(1.1)}60%{transform:translateY(1px) scale(.96)}}
@keyframes checkoutGlobeGlow{0%,100%{box-shadow:0 6px 18px rgba(20,27,34,.08),0 0 0 0 rgba(182,155,98,0)}50%{box-shadow:0 6px 18px rgba(20,27,34,.08),0 0 20px 5px rgba(182,155,98,.2)}}
.checkout-region {
  display: inline-flex; align-items: center; gap: .5rem; margin: 0;
  padding: .45rem .8rem .45rem 2.4rem; border: 1px solid var(--line); border-radius: 999px;
  background: #fff; color: var(--ink); font-size: .82rem; font-weight: 700; cursor: pointer;
  box-shadow: 0 6px 18px rgba(20,27,34,.08); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  position: relative;
}
.checkout-region::before{content:''!important;position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url('../world-globe-earth-map-png.webp') center/contain no-repeat;border-radius:50%;animation:checkoutGlobeBounce 2.4s ease-in-out infinite,checkoutGlobeGlow 3s ease-in-out infinite;pointer-events:none}
.checkout-region:hover { border-color: var(--gold); box-shadow: 0 10px 26px rgba(20,27,34,.14); transform: translateY(-1px); }
.checkout-region:hover::before{animation-duration:1.2s,1.5s}
.checkout-region img{width:20px;height:14px;border-radius:2px;object-fit:cover}
.checkout-region strong{font-size:.82rem}
.checkout-region small{display:block;font-size:.68rem;color:var(--muted);font-weight:500}
.checkout-region:empty::after{content:'Select your country';color:var(--ink)}
.checkout-region[data-required="true"]{border-color:#e53e3e;animation:pulse-required 2s ease-in-out infinite}
@keyframes pulse-required{0%,100%{border-color:#e53e3e}50%{border-color:rgba(229,62,62,0.4)}}

/* ---- checkout validation ---- */
.checkout-field-error{border-color:#e53e3e!important;box-shadow:0 0 0 3px rgba(229,62,62,.15)!important;animation:shake .35s ease-in-out;scroll-margin-top:140px}
.checkout-field-error:focus{outline:none;border-color:#e53e3e!important;box-shadow:0 0 0 3px rgba(229,62,62,.25)!important}
.phone-split .checkout-field-error{width:auto}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.field-error-msg{display:block;font-size:.7rem;color:#e53e3e;font-weight:500;margin-top:2px}
.checkout-region.checkout-field-error{animation:shake .35s ease-in-out,pulse-required 2s ease-in-out infinite}

/* ---- hero colour-change gimmick ---- */
.hero-colour {
  margin-top: 14px; padding: 13px 15px 14px; display: grid; gap: 11px;
  background: rgba(255,255,255,.72); border: 1px solid rgba(17,20,23,.07); border-radius: 16px;
  box-shadow: 0 16px 40px -26px rgba(20,27,34,.5), inset 0 1px 0 rgba(255,255,255,.7);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.hero-colour-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hero-colour-label {
  font-size: .58rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase;
  color: #8a949d;
}
.hero-colour-active {
  display: inline-flex; align-items: center; gap: 7px; font-size: .76rem; color: #111417;
  font-weight: 600; letter-spacing: .01em; opacity: 0; transform: translateY(2px);
  transition: opacity .25s ease, transform .25s ease;
}
.hero-colour-active.show { opacity: 1; transform: translateY(0); }
.hero-colour-active strong { font-weight: 800; }
.hero-colour-dot {
  width: 13px; height: 13px; border-radius: 50%; background: #111417;
  box-shadow: 0 0 0 2px #fff, 0 2px 5px rgba(20,27,34,.35); transition: background .25s ease;
}
.hero-colour-strip { display: flex; flex-wrap: nowrap; gap: 10px; justify-content: space-between; }
.hero-swatch {
  position: relative; flex: 1 1 0; max-width: 40px; height: 34px; border-radius: 12px; border: 0; cursor: pointer; padding: 0;
  background: #111417; box-shadow: 0 5px 12px -4px rgba(20,27,34,.4), inset 0 0 0 2px rgba(255,255,255,.85);
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, border-radius .2s ease;
}
.hero-swatch::after {
  content: ""; position: absolute; inset: -5px; border-radius: 14px;
  border: 2px solid transparent; transition: border-color .2s ease, transform .2s ease;
}
.hero-swatch:hover { transform: translateY(-2px); box-shadow: 0 10px 18px -6px rgba(20,27,34,.5), inset 0 0 0 2px rgba(255,255,255,.95); }
.hero-swatch.active { transform: translateY(-2px); border-radius: 14px; box-shadow: 0 10px 20px -6px rgba(20,27,34,.55), inset 0 0 0 2px #fff, 0 0 0 3px var(--gold); }
.hero-swatch.active::after { border-color: transparent; transform: scale(1); }
.hero-colour-hint {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-size: .6rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: #fff; background: linear-gradient(135deg, var(--gold), #c9962f);
  padding: 7px 13px; border-radius: 999px; box-shadow: 0 8px 18px -6px rgba(201,150,47,.55);
  animation: heroHintPulse 2.4s ease-in-out infinite;
}
.hero-colour-tap {
  width: 13px; height: 13px; border-radius: 50%; border: 2px solid #fff;
  position: relative; animation: heroTap 1.6s ease-in-out infinite;
}
.hero-colour-tap::after {
  content: ""; position: absolute; inset: 3px; border-radius: 50%; background: #fff; opacity: .8;
}
@keyframes heroTap { 0%,100% { transform: scale(1); opacity: .9; } 50% { transform: scale(.82); opacity: .5; } }
@keyframes heroPulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes heroHintPulse { 0%,100% { box-shadow: 0 8px 18px -6px rgba(201,150,47,.55); transform: translateY(0); } 50% { box-shadow: 0 12px 26px -4px rgba(201,150,47,.8); transform: translateY(-2px); } }

.ik-threeds { margin-top: .4rem; display: flex; flex-direction: column; gap: .4rem; }
.ik-threeds[hidden] { display: none !important; }
.ik-threeds-sub { font-size: .76rem; color: var(--muted); margin: 0 0 .4rem; }
.ik-threeds-frame { width: 100%; min-height: 520px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }

/* Accepted card brands strip */
.card-brands {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: .2rem 0 .4rem;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #f7f8fa);
}
.card-brands img {
  height: 26px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 1px 1px rgba(20,27,34,.12));
}
@media (max-width: 760px) {
  .card-brands { padding: 7px 8px; }
  .card-brands img { height: 22px; }
}

/* Bulletproof: never let the scroll-reveal animation hide checkout content on
   mobile (tall panels can miss the IntersectionObserver). Force everything in
   the checkout page visible. */
#page-checkout .reveal { opacity: 1 !important; transform: none !important; }
/* The build configurator re-renders option groups while the scroll-reveal
   observer is running. Freshly injected .choice/.reveal nodes never receive
   .in-view, which leaves finish/material/adjustment/size/feature options
   invisible (opacity:0). Force every reveal element inside the build page
   visible so re-rendered options always show. */
#page-build .reveal { opacity: 1 !important; transform: none !important; }

/* ---- Thank-you modal (shown after a successful payment) ---- */
.gt-modal {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(9, 14, 24, 0.62);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 1.2rem;
}
.gt-modal.is-open { display: flex; }
.gt-modal-backdrop { position: absolute; inset: 0; }
.gt-modal-panel {
  position: relative;
  width: min(440px, 100%);
  background: #fff;
  border-radius: 20px;
  padding: 2rem 1.8rem 1.8rem;
  box-shadow: 0 30px 80px rgba(7, 12, 22, 0.4);
  text-align: center;
  animation: gtPop .25s ease;
}
@keyframes gtPop { from { transform: translateY(14px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }
.gt-modal-check {
  width: 64px; height: 64px;
  margin: 0 auto .8rem;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  color: #286746;
  background: rgba(40, 103, 70, 0.10);
}
.gt-modal-panel h2 { margin: 0 0 .4rem; font-size: 1.4rem; color: var(--ink); }
.gt-modal-sub { margin: 0 0 .6rem; font-size: .95rem; font-weight: 600; color: var(--ink); }
.gt-modal-body { margin: 0 0 1.2rem; font-size: .88rem; color: var(--muted); line-height: 1.5; }
.gt-modal-panel .btn.full { width: 100%; }

@media(max-width:1080px){.hero-grid,.configurator,.track-grid,.checkout-grid{grid-template-columns:1fr}}
.hero-colour{position:relative;z-index:5}
@media(max-width:1080px){.promise-grid,.support-grid{grid-template-columns:repeat(2,1fr)}
.gallery{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:78px}
.gallery img:nth-child(n){grid-column:span 3;grid-row:span 3}
.gallery img:nth-child(1),.gallery img:nth-child(6){grid-column:span 6;grid-row:span 4}
.brand-rail{grid-template-columns:repeat(6,1fr)}
.catalog{grid-template-columns:repeat(2,1fr)}
.build-controls{border-left:0;border-top:1px solid var(--line)}
.hero-colour-strip{flex-wrap:wrap;gap:8px}
.hero-swatch{max-width:36px;height:32px}
}
@media(max-width:980px) and (min-width:761px){.home-trust-grid{grid-template-columns:repeat(2,1fr);gap:14px}
.home-trust{margin-top:36px;padding:0 12px}
.home-faq{margin-top:56px;padding:0 12px}
.home-faq-head h2{font-size:1.8rem}
.home-policy{margin-top:56px;padding:0 12px}
.home-policy-head h2{font-size:1.8rem}
.home-policy-symbol{max-height:44px}
.faq-contact-head .home-policy-symbol{max-height:52px}
.faq-grid{gap:16px}
.faq-card{padding:22px}
.section-head{gap:16px;margin-bottom:18px}
.section-head h2{font-size:clamp(1.6rem,3.5vw,3rem)}
.catalog{grid-template-columns:repeat(2,1fr);gap:16px}
.product-body h3{font-size:1.1rem}
.product-body p{font-size:.9rem}
.product-foot{grid-template-columns:1fr auto;gap:8px}
.price-block strong{font-size:1.3rem}
.hero-copy h1{font-size:clamp(2.4rem,5vw,4.8rem)}
.home-story{font-size:1rem;max-width:640px}
.hero-feature-card{max-width:380px;margin:0 auto}
.hero-colour-strip{flex-wrap:wrap;gap:8px}
.hero-swatch{max-width:34px;height:30px}
.hero-colour-hint{display:none}
.hero-colour{margin-top:10px;padding:10px 12px 11px;gap:8px;position:relative;z-index:5}
.hero-stat-grid{grid-template-columns:repeat(3,1fr);gap:6px}
.hero-stat-grid span{min-height:32px;font-size:.56rem}
.checkout-image{height:280px}
}
@media(max-width:760px){.shell{width:min(100% - 24px,var(--max))}
.page{padding:30px 0 56px}
.header-inner{min-height:66px;grid-template-columns:1fr auto}
.brand img{width:148px}
.desktop-nav,.header-inner>.region-button{display:none}
.menu-button{display:flex}
.mobile-menu{position:absolute;left:12px;right:12px;top:66px;display:none;grid-template-columns:1fr;gap:7px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow2)}
.mobile-menu.open{display:grid}
.mobile-menu .nav-link,.mobile-menu .region-button{width:100%;justify-content:flex-start;text-align:left;background:#f8f9fb;border-radius:var(--radius)}
.hero-grid{gap:14px}
.hero-copy{padding:10px 0 0}
.hero-product{max-width:420px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:transparent;border:0;box-shadow:none}
.hero-copy h1{font-size:clamp(2rem,10vw,3.2rem);line-height:.94}
.home-hero{min-height:calc(100vh - 66px);min-height:calc(100svh - 66px);padding:28px 0 30px;align-items:end}
.hero-bg-video{object-position:center;animation-duration:22s}
.hero-scrim{background:linear-gradient(180deg,rgba(7,10,13,.54) 0%,rgba(7,10,13,.76) 34%,rgba(7,10,13,.94) 100%)}
.home-story{font-size:.9rem;padding-left:12px}
.home-story p{margin-bottom:12px}
.hero-lead{font-size:.98rem}
.hero-actions .btn{width:100%}
.feature-strip span{font-size:.62rem}
.home-feature-line{width:100%;border-radius:var(--radius);font-size:.82rem;line-height:1.25}
.hero-logo{width:170px;margin-bottom:8px}
.hero-feature-card{width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:400px;animation:cardIn .72s .3s ease both;overflow:visible;border-radius:24px!important}
.hero-feature-media{width:100%;aspect-ratio:4/5;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff 0 22%,#eef2f5 48%,#dce3e8 72%,#d0d8de 100%);box-shadow:none;border-radius:0;overflow:visible}
.hero-feature-media::before{display:none}
.hero-feature-media img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;filter:none}
.hero-feature-body small{display:none}
.hero-colour-strip{flex-wrap:wrap;gap:6px}
.hero-swatch{max-width:30px;height:26px}
.hero-colour-hint{display:none}
.hero-stat-grid{grid-template-columns:1fr;gap:6px}
.hero-stat-grid span{min-height:28px;font-size:.56rem}
.promise-grid,.section-head,.support-grid,.form-grid,.footer-grid,.faq-grid,.warranty-grid,.order-numbers,.home-trust-grid{grid-template-columns:1fr}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:132px;gap:8px}
.gallery img:nth-child(n){grid-column:span 1;grid-row:span 1}
.gallery img:nth-child(1),.gallery img:nth-child(8){grid-column:span 2;grid-row:span 2}
.checkout-head{display:grid}
.checkout-image{height:320px;padding:16px}
.phone-split{flex-direction:column;gap:8px}.phone-split-field{width:100%}
.home-faq{margin-top:30px}
.home-policy{margin-top:30px}
.home-policy-note{flex-direction:column;align-items:flex-start;padding:18px 18px}
.faq-card{padding:15px}
.faq-card h3{font-size:.82rem}
.faq-card p{font-size:.88rem}
.warranty-card{padding:15px}
.warranty-card h3{font-size:.84rem}
.warranty-card p{font-size:.88rem}
.brand-rail{grid-template-columns:repeat(3,1fr)}
.brand-rail div{height:56px}
.filter-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.filter-bar button{width:100%;padding:0 8px}
.catalog{grid-template-columns:1fr;gap:12px}
.product-card{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:132px}
.product-media{aspect-ratio:auto;min-height:132px;border-bottom:0;border-right:1px solid var(--line)}
.product-media img{padding:8px}
.badge{left:7px;top:7px;min-height:22px;padding:0 7px;font-size:.55rem}
.product-body{min-width:0;padding:10px 10px 9px}
.product-body h3{font-size:.78rem;line-height:1.22;margin-bottom:6px}
.product-body p{display:none}
.product-body .tags{margin-bottom:7px}
.product-body .tag{min-height:22px;padding:0 7px;font-size:.55rem}
.product-body .tag:nth-child(2){display:none}
.mini-thumbs{display:none}
.product-foot{grid-template-columns:minmax(0,1fr) auto;gap:8px;border-top:0;padding-top:3px}
.price-block strong{font-size:1rem}
.price-block small{display:none}
.view-seat{min-height:30px;padding:0 9px;font-size:.57rem}
.region-modal,.product-modal{padding:0;align-items:stretch}
.region-card,.product-sheet{width:100%;height:100dvh;max-height:none;border-radius:0;border:0}
.region-head{padding:56px 16px 12px}
.region-tools{grid-template-columns:1fr;padding:0 16px 12px}
.region-list{grid-template-columns:1fr;padding:0 16px 16px}
.region-foot{padding:12px 16px}
.region-option{grid-template-columns:38px 1fr auto}
.flag{width:38px;height:27px}
.product-sheet{display:flex;flex-direction:column;overflow:auto}
.sheet-media{display:block;flex:0 0 auto}
.sheet-image{height:clamp(205px,36dvh,280px);min-height:0}
.gallery-nav{width:38px;height:38px}
.gallery-prev{left:8px}
.gallery-next{right:8px}
.sheet-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible;padding:8px}
.thumb{height:54px;min-width:0;width:100%;border-radius:6px}
.sheet-info{padding:14px 12px 22px;overflow:visible}
.sheet-actions-top{margin:-14px -12px 12px;padding:10px 54px 10px 12px;border-bottom:1px solid var(--line)}
.sheet-actions-bottom{position:static;bottom:auto;margin:16px 0 0;padding:0;background:transparent;border-top:0;justify-content:center}
.icon-close{right:9px;top:9px}
.build-image{height:clamp(340px,50vw,420px);padding:16px}
.build-preview{padding:10px}
.build-finish-inline{display:none}
.build-finish-inline .swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.build-finish-inline .swatch span{width:38px;height:38px}
.build-finish-inline .swatch small{font-size:.5rem;overflow:visible}
.build-finish-inline .control-title{margin-bottom:6px}
.finish-group-desktop{display:block}
.build-caption{grid-template-columns:1fr}
.build-total{text-align:left}
.build-total strong{font-size:1.3rem}
.choice-grid{display:grid;grid-template-columns:1fr}
.choice span{width:100%}
.swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.swatch span{width:38px;height:38px}
.swatch small{font-size:.56rem;overflow:visible}
.control-group{padding-bottom:10px;margin-bottom:10px}
#page-build{padding-top:8px}
}
@media(max-width:390px){.shell{width:min(100% - 18px,var(--max))}
.region-check{display:none}
.region-option{grid-template-columns:36px 1fr}
.product-card{grid-template-columns:92px minmax(0,1fr);min-height:122px}
.product-media{min-height:122px}
.product-body h3{font-size:.75rem}
.view-seat{padding:0 7px;font-size:.54rem}
.price-block strong{font-size:.95rem}
.sheet-image{height:198px}
.thumb{height:50px}
}
:root{--bg:#f1f2f4;--ink:#101317;--text:#2a323a;--muted:#66717b;--line:rgba(17,20,23,.10);--line2:rgba(17,20,23,.22);--shadow:0 14px 34px rgba(20,27,34,.09);--shadow2:0 30px 82px rgba(20,27,34,.17)}
body{min-width:0;background:linear-gradient(180deg,#fbfbfc 0%,var(--bg) 34%,#eceff2 100%)}
.site-header{background:rgba(255,255,255,.9);box-shadow:0 10px 36px rgba(20,27,34,.06);backdrop-filter:blur(18px)}
.brand img{width:198px;filter:drop-shadow(0 8px 18px rgba(20,27,34,.10))}
.btn{background:linear-gradient(135deg,#111417,#252b31);box-shadow:0 14px 30px rgba(17,20,23,.20);transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease}
.btn:hover{box-shadow:0 19px 40px rgba(17,20,23,.25)}
.btn.secondary{background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(20,27,34,.08)}
.nav-link.active,.nav-link:hover,.region-button{background:linear-gradient(180deg,#fff,#f7f8fa);box-shadow:0 10px 24px rgba(20,27,34,.08)}
.home-hero{box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.hero-bg-video{filter:saturate(1.08) contrast(1.08) brightness(.92)}
.hero-scrim{background:linear-gradient(90deg,rgba(7,10,13,.92) 0%,rgba(10,14,18,.74) 40%,rgba(10,14,18,.26) 72%,rgba(10,14,18,.62) 100%),linear-gradient(180deg,rgba(7,10,13,.10) 0%,rgba(7,10,13,.88) 100%)}
.hero-product{max-width:500px;width:100%;margin:0 auto;background:transparent;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-feature-card{background:rgba(255,255,255,.94)!important;border:1px solid rgba(17,20,23,.08)!important;border-radius:24px!important;box-shadow:0 24px 60px -22px rgba(20,27,34,.45), inset 0 1px 0 rgba(255,255,255,.55)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.section-head{padding-bottom:18px;border-bottom:1px solid var(--line)}
.brand-rail div{background:linear-gradient(180deg,#fff,#f7f8fa);box-shadow:0 8px 20px rgba(20,27,34,.06)}
.brand-rail img{opacity:.72;filter:grayscale(1) contrast(1.05);transition:opacity .24s ease,filter .24s ease,transform .24s ease}
.brand-rail div:hover img{opacity:1;filter:grayscale(0) contrast(1);transform:scale(1.03)}
.filter-bar button{background:rgba(255,255,255,.86);box-shadow:0 8px 18px rgba(20,27,34,.06);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.filter-bar button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(20,27,34,.09)}
.filter-bar button.active{background:linear-gradient(135deg,#111417,#252b31);box-shadow:0 14px 30px rgba(17,20,23,.18)}
.product-card{position:relative;background:linear-gradient(180deg,#fff,#fbfcfd);box-shadow:0 14px 32px rgba(20,27,34,.09)}
.product-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);z-index:1;pointer-events:none}
.product-card:hover{box-shadow:0 28px 72px rgba(20,27,34,.17)}
.product-media{background:transparent}
.product-media img{filter:drop-shadow(0 14px 22px rgba(20,27,34,.10));transition:transform .28s ease,filter .28s ease}
.product-card:hover .product-media img{transform:scale(1.035);filter:drop-shadow(0 20px 28px rgba(20,27,34,.14))}
.badge{background:rgba(255,255,255,.9);box-shadow:0 8px 18px rgba(20,27,34,.08);backdrop-filter:blur(10px)}
.view-seat{background:linear-gradient(135deg,#111417,#252b31);box-shadow:0 10px 22px rgba(17,20,23,.16)}
.promise-grid article,.panel,.support-grid article,.faq-card,.warranty-card{background:linear-gradient(180deg,#fff,#fafbfc);box-shadow:0 14px 34px rgba(20,27,34,.08)}
.gallery img{box-shadow:0 16px 36px rgba(20,27,34,.10)}
.gallery img:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 26px 62px rgba(20,27,34,.16)}
.region-modal,.product-modal{background:rgba(17,20,23,.48);backdrop-filter:blur(10px)}
.region-card,.product-sheet{box-shadow:0 34px 100px rgba(20,27,34,.24)}
.sheet-image,.build-image,.checkout-image{background:radial-gradient(circle at 50% 45%,#fff 0 22%,#eef2f5 48%,#dce3e8 72%,#d0d8de 100%)}
.sheet-thumbs,.sheet-actions-top{background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.thumb{background:linear-gradient(180deg,#fff,#f2f4f6);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.thumb:hover{transform:translateY(-2px)}
footer{background:linear-gradient(180deg,#fff,#f5f6f7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
@media(max-width:980px){.brand img{width:148px}.site-header{background:rgba(255,255,255,.94)}}
@media(max-width:760px){.brand img{width:148px}.home-hero{padding:28px 0 32px}.section-head{padding-bottom:14px}.product-card{box-shadow:0 10px 24px rgba(20,27,34,.08)}.product-card:hover{transform:none;box-shadow:0 12px 28px rgba(20,27,34,.10)}.product-card:hover .product-media img{transform:none}.filter-bar button:hover{transform:none}.hero-scrim{background:linear-gradient(180deg,rgba(7,10,13,.58) 0%,rgba(7,10,13,.78) 36%,rgba(7,10,13,.94) 100%)}}
@keyframes ambientGridDrift{0%{transform:translate3d(-50%,-50%,0) rotateX(62deg) rotateZ(-18deg) translateY(0)}100%{transform:translate3d(-50%,-50%,0) rotateX(62deg) rotateZ(-18deg) translateY(-78px)}}
@keyframes ambientBlade{0%,100%{opacity:.18;transform:translate3d(-50%,-50%,0) rotateX(58deg) rotateZ(22deg) translateY(0)}50%{opacity:.36;transform:translate3d(-50%,-50%,0) rotateX(58deg) rotateZ(22deg) translateY(38px)}}
@keyframes logoLift{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-3px) rotateX(5deg)}}
@keyframes backgroundScan{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-92px,-92px,0)}}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 18%,rgba(17,20,23,.055) 18.2% 18.5%,transparent 18.8% 46%,rgba(182,155,98,.10) 46.2% 46.5%,transparent 46.8% 100%),repeating-linear-gradient(135deg,rgba(17,20,23,.035) 0 1px,transparent 1px 46px),repeating-linear-gradient(45deg,rgba(17,20,23,.026) 0 1px,transparent 1px 74px);animation:backgroundScan 28s linear infinite;opacity:.9}
.ambient-3d{position:fixed;inset:-22vh -18vw;z-index:0;pointer-events:none;overflow:hidden;perspective:1400px;opacity:.72;contain:layout paint}
.ambient-3d span{position:absolute;left:50%;top:54%;width:min(1180px,112vw);height:min(820px,96vw);border:1px solid rgba(17,20,23,.075);background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 26%,rgba(255,255,255,.28) 50%,transparent 74%),repeating-linear-gradient(90deg,rgba(17,20,23,.095) 0 1px,transparent 1px 46px),repeating-linear-gradient(0deg,rgba(17,20,23,.075) 0 1px,transparent 1px 46px);box-shadow:0 54px 140px rgba(20,27,34,.12);transform-origin:center;animation:ambientGridDrift 18s linear infinite}
.ambient-3d span:nth-child(2){top:20%;left:86%;width:360px;height:620px;background:linear-gradient(120deg,transparent,rgba(182,155,98,.18),transparent);border-color:rgba(182,155,98,.14);animation:ambientBlade 12s ease-in-out infinite}
.ambient-3d span:nth-child(3){top:78%;left:14%;width:470px;height:470px;opacity:.42;animation-duration:24s;animation-direction:reverse}
.ambient-3d span:nth-child(4){top:48%;left:10%;width:240px;height:680px;background:linear-gradient(105deg,transparent,rgba(17,20,23,.08),transparent);animation:ambientBlade 15s ease-in-out infinite reverse}
body>header,body>main,body>footer{position:relative;z-index:1}
.brand-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;margin-bottom:20px;perspective:900px}
.brand-filter{height:64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,248,250,.9));padding:10px;box-shadow:0 10px 24px rgba(20,27,34,.07);transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.brand-filter img{max-width:86%;max-height:36px;object-fit:contain;opacity:.72;filter:grayscale(1) contrast(1.06);transition:opacity .24s ease,filter .24s ease,transform .24s ease}
.brand-filter:hover{border-color:rgba(17,20,23,.28);background:#fff;box-shadow:0 18px 44px rgba(20,27,34,.13);transform:translateY(-4px) rotateX(7deg)}
.brand-filter.active{border-color:rgba(182,155,98,.88);background:linear-gradient(135deg,#101317,#2d3339);box-shadow:0 18px 44px rgba(17,20,23,.22),0 0 0 2px rgba(182,155,98,.22) inset;transform:translateY(-4px) rotateX(7deg)}
.brand-filter:hover img{opacity:1;filter:grayscale(0) contrast(1);transform:translateZ(16px) scale(1.04)}
.brand-filter.active img{opacity:1;filter:brightness(0) invert(1) contrast(1.05);transform:translateZ(16px) scale(1.05)}
.brand-filter.active{animation:logoLift 4.2s ease-in-out infinite}
.filter-bar{display:none!important}
.all-label{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:32px;color:#111417;font-size:.75rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;transform:translateZ(12px)}
.brand-filter.active .all-label{color:#fff}
.brand-monogram{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,#111417,#353b41);color:#fff;font-size:.76rem;font-weight:950;letter-spacing:.06em;transform:translateZ(12px);box-shadow:0 10px 24px rgba(17,20,23,.18)}
.mobile-bottom-nav{display:none}
@media(max-width:1366px) and (pointer:coarse){body{padding-bottom:78px}.desktop-nav{display:none!important}.menu-button{display:none!important}.mobile-bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:9999;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px));border:1px solid rgba(17,20,23,.12);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 18px 46px rgba(20,27,34,.18);backdrop-filter:blur(18px)}.mobile-bottom-nav .nav-link{min-height:54px;display:grid;gap:2px;justify-items:center;align-content:center;border-radius:12px;padding:4px 2px;color:#4b5660;background:transparent;box-shadow:none}.mobile-bottom-nav .nav-link span{font-size:.54rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;max-width:100%;white-space:nowrap}.mobile-bottom-nav .nav-icon{width:25px;height:25px}.mobile-bottom-nav .nav-link.active{background:linear-gradient(135deg,#111417,#30363c);color:#fff;border-color:rgba(182,155,98,.5);box-shadow:0 10px 24px rgba(17,20,23,.18),0 0 0 1px rgba(182,155,98,.3) inset}.mobile-bottom-nav .nav-link.active .nav-icon{filter:brightness(0) invert(1)}}
@media(max-width:1366px) and (min-width:761px){body{padding-bottom:78px}.desktop-nav{display:none!important}.menu-button{display:none!important}.mobile-bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:9999;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px));border:1px solid rgba(17,20,23,.12);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 18px 46px rgba(20,27,34,.18);backdrop-filter:blur(18px)}.mobile-bottom-nav .nav-link{min-height:54px;display:grid;gap:2px;justify-items:center;align-content:center;border-radius:12px;padding:4px 2px;color:#4b5660;background:transparent;box-shadow:none}.mobile-bottom-nav .nav-link span{font-size:.54rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;max-width:100%;white-space:nowrap}.mobile-bottom-nav .nav-icon{width:25px;height:25px}.mobile-bottom-nav .nav-link.active{background:linear-gradient(135deg,#111417,#30363c);color:#fff;border-color:rgba(182,155,98,.5);box-shadow:0 10px 24px rgba(17,20,23,.18),0 0 0 1px rgba(182,155,98,.3) inset}.mobile-bottom-nav .nav-link.active .nav-icon{filter:brightness(0) invert(1)}}
.reveal{--reveal-x:0px;--reveal-y:36px;--parallax-y:0px;--parallax-rx:0deg;--parallax-ry:0deg;opacity:0;transform:translate3d(var(--reveal-x),calc(var(--reveal-y) + var(--parallax-y)),0) rotateX(var(--parallax-rx)) rotateY(var(--parallax-ry));transform-style:preserve-3d;transition:opacity .78s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal.slide-left{--reveal-x:-64px}
.reveal.slide-right{--reveal-x:64px}
.reveal.in-view{--reveal-x:0px;--reveal-y:0px;opacity:1}
.parallax-3d{transform-style:preserve-3d}
.product-card.reveal.in-view:hover{transform:translate3d(0,calc(-5px + var(--parallax-y,0px)),0) rotateX(var(--parallax-rx,0deg)) rotateY(var(--parallax-ry,0deg))}
.panel.reveal.in-view:hover,.faq-card.reveal.in-view:hover,.warranty-card.reveal.in-view:hover{transform:translate3d(0,calc(-3px + var(--parallax-y,0px)),0) rotateX(var(--parallax-rx,0deg)) rotateY(var(--parallax-ry,0deg))}
.section-head.reveal.in-view{transform:translate3d(0,var(--parallax-y,0px),0)}
@media(max-width:760px){.hero-bg-video{animation:none!important;filter:none!important}.parallax-3d{transform-style:flat!important;transform:none!important}body{padding-bottom:78px}body::before{opacity:.72;background-size:auto}.ambient-3d{inset:-12vh -44vw;opacity:.56}.ambient-3d span{width:880px;height:620px;background-size:auto}.brand-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.brand-filter{height:56px;padding:8px}.brand-filter:hover,.brand-filter.active{transform:translateY(-2px)}.brand-filter img{max-height:30px}.brand-monogram{width:36px;height:36px}.all-label{font-size:.72rem;min-width:40px}.mobile-bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:9999;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px;border:1px solid rgba(17,20,23,.12);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 18px 46px rgba(20,27,34,.18);backdrop-filter:blur(18px)}.mobile-bottom-nav .nav-link{min-height:54px;display:grid;gap:2px;justify-items:center;align-content:center;border-radius:12px;padding:4px 2px;color:#4b5660;background:transparent;box-shadow:none}.mobile-bottom-nav .nav-link span{font-size:.54rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;max-width:100%;white-space:nowrap}.mobile-bottom-nav .nav-icon{width:25px;height:25px}.mobile-bottom-nav .nav-link.active{background:linear-gradient(135deg,#111417,#30363c);color:#fff;border-color:rgba(182,155,98,.5);box-shadow:0 10px 24px rgba(17,20,23,.18),0 0 0 1px rgba(182,155,98,.3) inset}.mobile-bottom-nav .nav-link.active .nav-icon{filter:brightness(0) invert(1)}.page.active{animation:none!important;opacity:1!important}.catalog .reveal,.brand-rail .reveal,.gallery .reveal{opacity:1!important;transform:none!important;transition:none!important}.reveal.slide-left{--reveal-x:-28px}.reveal.slide-right{--reveal-x:28px}.product-card.reveal.in-view:hover{transform:translate3d(0,var(--parallax-y,0px),0) rotateX(var(--parallax-rx,0deg)) rotateY(var(--parallax-ry,0deg))}}
@keyframes premiumGridRun{0%{transform:translate3d(-50%,-50%,0) rotateX(64deg) rotateZ(-17deg) translateY(0)}100%{transform:translate3d(-50%,-50%,0) rotateX(64deg) rotateZ(-17deg) translateY(-118px)}}
@keyframes premiumPlaneSweep{0%,100%{opacity:.14;transform:translate3d(-50%,-50%,0) rotateX(59deg) rotateZ(27deg) translateY(-18px)}48%{opacity:.34;transform:translate3d(-50%,-50%,0) rotateX(59deg) rotateZ(27deg) translateY(54px)}}
@keyframes premiumLineScan{0%{background-position:0 0,0 0,0 0}100%{background-position:180px -180px,-130px 130px,0 0}}
@keyframes premiumSheen{0%,70%{transform:translateX(-120%) skewX(-18deg);opacity:0}82%{opacity:.65}100%{transform:translateX(120%) skewX(-18deg);opacity:0}}
:root{--premium-paper:#f7f8f9;--premium-ice:#eef1f3;--premium-metal:#101317;--premium-gold:#b69b62}
body{background:linear-gradient(180deg,#fbfbfc 0%,#f3f5f6 32%,#eceff1 100%)}
body::before{background:linear-gradient(112deg,transparent 0 14%,rgba(17,20,23,.045) 14.1% 14.35%,transparent 14.55% 39%,rgba(182,155,98,.12) 39.1% 39.35%,transparent 39.55% 68%,rgba(17,20,23,.04) 68.1% 68.3%,transparent 68.5% 100%),repeating-linear-gradient(135deg,rgba(17,20,23,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(45deg,rgba(255,255,255,.65) 0 1px,transparent 1px 68px);animation:premiumLineScan 34s linear infinite;opacity:.82}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.42) 23%,transparent 39%),linear-gradient(180deg,rgba(255,255,255,.62),transparent 26%,rgba(17,20,23,.035) 100%);opacity:.38}
.ambient-3d{inset:-26vh -24vw;perspective:1600px;opacity:.68}
.ambient-3d span{top:57%;width:min(1360px,124vw);height:min(900px,104vw);border-color:rgba(17,20,23,.085);background:linear-gradient(90deg,rgba(255,255,255,.10),transparent 24%,rgba(255,255,255,.32) 49%,transparent 76%),linear-gradient(180deg,rgba(182,155,98,.10),transparent 38%,rgba(17,20,23,.035)),repeating-linear-gradient(90deg,rgba(17,20,23,.10) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgba(17,20,23,.078) 0 1px,transparent 1px 42px);box-shadow:0 70px 160px rgba(20,27,34,.13);animation:premiumGridRun 22s linear infinite}
.ambient-3d span:nth-child(2){top:14%;left:84%;width:470px;height:760px;border-color:rgba(182,155,98,.20);background:linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.62) 38%,rgba(182,155,98,.18) 50%,transparent 72%);filter:blur(.2px);animation:premiumPlaneSweep 14s ease-in-out infinite}
.ambient-3d span:nth-child(3){top:83%;left:12%;width:720px;height:520px;opacity:.48;background:linear-gradient(90deg,rgba(17,20,23,.055),transparent 58%),repeating-linear-gradient(90deg,rgba(17,20,23,.08) 0 1px,transparent 1px 54px),repeating-linear-gradient(0deg,rgba(17,20,23,.052) 0 1px,transparent 1px 54px)}
.ambient-3d span:nth-child(4){top:50%;left:7%;width:320px;height:840px;border-color:rgba(17,20,23,.07);background:linear-gradient(105deg,transparent 0 16%,rgba(17,20,23,.105) 48%,rgba(255,255,255,.24) 52%,transparent 80%);animation:premiumPlaneSweep 18s ease-in-out infinite reverse}
.site-header{background:rgba(255,255,255,.84);border-bottom-color:rgba(17,20,23,.095);box-shadow:0 16px 48px rgba(20,27,34,.075)}
.header-inner{min-height:76px}
.nav-link,.region-button{border-color:rgba(17,20,23,.09)}
.nav-link.active,.nav-link:hover,.region-button{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,248,249,.92));box-shadow:0 12px 28px rgba(20,27,34,.085)}
.page:not([data-page=home]){position:relative}
.page:not([data-page=home])::before{content:"";position:absolute;left:0;right:0;top:0;height:190px;background:linear-gradient(180deg,rgba(255,255,255,.72),transparent);pointer-events:none}
.section-head{position:relative;border-bottom-color:rgba(17,20,23,.085)}
.section-head::after{content:"";position:absolute;left:0;bottom:-1px;width:min(220px,45%);height:1px;background:linear-gradient(90deg,rgba(182,155,98,.72),transparent)}
.section-head h2{text-shadow:0 10px 30px rgba(20,27,34,.08)}
.btn{position:relative;overflow:hidden;border-color:rgba(17,20,23,.92)}
.btn::after{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:premiumSheen 5.8s ease-in-out infinite;pointer-events:none}
.btn.secondary::after{background:linear-gradient(90deg,transparent,rgba(17,20,23,.08),transparent)}
.brand-filter{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(242,244,246,.86));border-color:rgba(17,20,23,.095);box-shadow:0 12px 30px rgba(20,27,34,.075),inset 0 1px 0 rgba(255,255,255,.8)}
.brand-filter:hover{box-shadow:0 22px 52px rgba(20,27,34,.15),inset 0 1px 0 rgba(255,255,255,.9)}
.brand-filter.active{box-shadow:0 24px 56px rgba(17,20,23,.24),0 0 0 2px rgba(182,155,98,.24) inset,0 0 32px rgba(182,155,98,.14)}
.product-card,.panel,.faq-card,.warranty-card,.region-card,.product-sheet{border-color:rgba(17,20,23,.09);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,250,251,.90));box-shadow:0 18px 42px rgba(20,27,34,.095),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(12px)}
.product-card:hover,.panel:hover,.faq-card:hover,.warranty-card:hover{box-shadow:0 34px 82px rgba(20,27,34,.17),inset 0 1px 0 rgba(255,255,255,.86)}
.product-media,.sheet-image,.build-image,.checkout-image{position:relative;background:transparent}
.product-media::before,.sheet-image::before,.build-image::before,.checkout-image::before{content:'';position:absolute;left:50%;top:45%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.4) 40%,rgba(255,255,255,0.08) 65%,transparent 80%);pointer-events:none;z-index:0}
.product-media::after,.sheet-image::after,.build-image::after,.checkout-image::after{content:"";position:absolute;left:9%;right:9%;bottom:13%;height:1px;background:linear-gradient(90deg,transparent,rgba(17,20,23,.12),transparent);pointer-events:none}
.product-media img,.sheet-image img,.checkout-image img{filter:drop-shadow(0 18px 24px rgba(20,27,34,.13));mix-blend-mode:multiply}
.build-image img{filter:drop-shadow(0 18px 24px rgba(20,27,34,.13));mix-blend-mode:multiply}
.badge,.tag{border-color:rgba(17,20,23,.09);background:rgba(255,255,255,.78);backdrop-filter:blur(10px)}
.hero-product{border:0;background:transparent;box-shadow:none;padding:0;max-width:500px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-feature-card{background:rgba(255,255,255,.14);box-shadow:0 24px 60px -22px rgba(20,27,34,.45), inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(255,255,255,.22);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.home-feature-line{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.13)}
.gallery img{box-shadow:0 20px 48px rgba(20,27,34,.12),inset 0 1px 0 rgba(255,255,255,.82)}
.mobile-bottom-nav{background:rgba(255,255,255,.88);border-color:rgba(17,20,23,.10);box-shadow:0 20px 54px rgba(20,27,34,.20),inset 0 1px 0 rgba(255,255,255,.86)}
@media(max-width:760px){body::after{opacity:.26}.ambient-3d{inset:-16vh -66vw;opacity:.48}.ambient-3d span{width:980px;height:680px}.page:not([data-page=home])::before{height:120px}.header-inner{min-height:66px}.product-card,.panel,.faq-card,.warranty-card{backdrop-filter:blur(8px)}.catalog{grid-template-columns:1fr;gap:18px}.product-card{display:flex!important;grid-template-columns:none!important;flex-direction:column;min-height:0;border-radius:var(--radius)}.product-media{aspect-ratio:1/1;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.product-media img{padding:18px}.badge{left:12px;top:12px;min-height:26px;padding:0 9px;font-size:.62rem}.product-body{padding:15px}.product-body h3{font-size:.94rem;line-height:1.24;margin-bottom:8px}.product-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem;margin-bottom:11px}.product-body .tags{margin-bottom:10px}.product-body .tag{min-height:24px;padding:0 8px;font-size:.6rem}.product-body .tag:nth-child(2){display:inline-flex}.mini-thumbs{display:flex;gap:7px;min-height:40px;margin-bottom:12px;overflow:hidden}.mini-thumbs img{width:40px;height:40px}.product-foot{grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding-top:12px}.price-block strong{font-size:1.15rem}.price-block small{display:block}.view-seat{min-height:34px;padding:0 12px;font-size:.62rem}.mobile-bottom-nav .nav-link.active{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(236,239,242,.94));color:#111417;border-color:rgba(182,155,98,.7);box-shadow:0 10px 24px rgba(20,27,34,.16),0 0 0 2px rgba(182,155,98,.24) inset}.mobile-bottom-nav .nav-link.active .nav-icon{filter:none!important;opacity:1}.mobile-bottom-nav .nav-link.active span{color:#111417}}
@keyframes loaderScreenExit{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes loaderChairDrive{0%{opacity:0;transform:translate3d(118vw,0,0) rotate(-1.8deg) scale(.98)}7%{opacity:1}52%{opacity:1;transform:translate3d(8vw,-3px,0) rotate(.6deg) scale(1)}76%{opacity:1;transform:translate3d(-28vw,0,0) rotate(-.4deg) scale(1)}100%{opacity:0;transform:translate3d(-124vw,2px,0) rotate(.2deg) scale(.98)}}
@keyframes loaderSmokePuff{0%,12%{opacity:0;transform:translate3d(46vw,18px,0) scale(.2);filter:blur(12px)}34%{opacity:.68}64%{opacity:.5;transform:translate3d(3vw,-4px,0) scale(1.04);filter:blur(24px)}100%{opacity:0;transform:translate3d(-16vw,-20px,0) scale(1.58);filter:blur(34px)}}
@keyframes loaderLogoReveal{0%,24%{opacity:0;filter:blur(24px) drop-shadow(0 16px 36px rgba(20,27,34,.08));transform:translate(-50%,-46%) scale(.92)}43%,72%{opacity:1;filter:blur(0) drop-shadow(0 18px 38px rgba(20,27,34,.14));transform:translate(-50%,-50%) scale(1)}100%{opacity:0;filter:blur(12px) drop-shadow(0 18px 38px rgba(20,27,34,.08));transform:translate(-50%,-54%) scale(.98)}}
@keyframes loaderRoadSheen{0%{transform:translateX(110%) scaleX(.5);opacity:0}30%{opacity:.56}100%{transform:translateX(-118%) scaleX(1.2);opacity:0}}
body.loading-active{overflow:hidden;touch-action:none}
html,body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}input,textarea,select{font-size:16px!important}
.loader-screen{position:fixed;inset:0;z-index:10000;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 68% 42%,rgba(255,255,255,.96),rgba(246,247,248,.94) 34%,rgba(228,232,235,.96) 100%);isolation:isolate;animation:loaderScreenExit 4.55s cubic-bezier(.2,.7,.2,1) forwards}
.loader-screen::before{content:"";position:absolute;inset:-24%;z-index:0;background:linear-gradient(112deg,transparent 0 18%,rgba(17,20,23,.055) 18.2% 18.45%,transparent 18.7% 52%,rgba(182,155,98,.13) 52.1% 52.36%,transparent 52.6% 100%),repeating-linear-gradient(135deg,rgba(17,20,23,.04) 0 1px,transparent 1px 42px),repeating-linear-gradient(45deg,rgba(255,255,255,.82) 0 1px,transparent 1px 72px);transform:rotate(-2deg) scale(1.04);opacity:.68}
.loader-screen::after{content:"";position:absolute;left:7%;right:7%;bottom:clamp(66px,11vh,122px);z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(17,20,23,.18),rgba(182,155,98,.34),rgba(17,20,23,.12),transparent);animation:loaderRoadSheen 2.2s .7s ease-out both}
.loader-screen.loader-hidden{opacity:0;visibility:hidden;pointer-events:none;animation:none}
.loader-track{position:absolute;left:0;right:0;bottom:clamp(70px,12vh,132px);z-index:5;height:clamp(190px,33vw,430px);pointer-events:none}
.loader-chair{position:absolute;right:0;bottom:0;width:clamp(235px,34vw,460px);max-width:none;mix-blend-mode:multiply;filter:contrast(1.08) saturate(1.02) drop-shadow(0 26px 36px rgba(20,27,34,.22));transform-origin:50% 88%;opacity:0;animation:loaderChairDrive 3.55s cubic-bezier(.16,.74,.2,1) .18s both}
.loader-smoke{position:absolute;left:50%;top:50%;z-index:2;width:min(940px,86vw);height:clamp(210px,28vw,390px);transform:translate(-50%,-50%);pointer-events:none}
.loader-smoke span{position:absolute;display:block;border-radius:999px;background:radial-gradient(circle at 38% 38%,rgba(255,255,255,.92),rgba(222,226,229,.62) 42%,rgba(142,150,157,.18) 70%,transparent 100%);box-shadow:0 28px 82px rgba(20,27,34,.11);opacity:0;animation:loaderSmokePuff 3.55s cubic-bezier(.16,.74,.2,1) both}
.loader-smoke span:nth-child(1){left:7%;top:47%;width:210px;height:124px;animation-delay:.42s}
.loader-smoke span:nth-child(2){left:17%;top:36%;width:180px;height:112px;animation-delay:.56s}
.loader-smoke span:nth-child(3){left:29%;top:53%;width:255px;height:140px;animation-delay:.68s}
.loader-smoke span:nth-child(4){left:42%;top:34%;width:220px;height:132px;animation-delay:.82s}
.loader-smoke span:nth-child(5){left:54%;top:52%;width:270px;height:152px;animation-delay:.96s}
.loader-smoke span:nth-child(6){left:63%;top:28%;width:190px;height:118px;animation-delay:1.08s}
.loader-smoke span:nth-child(7){left:72%;top:48%;width:238px;height:138px;animation-delay:1.18s}
.loader-smoke span:nth-child(8){left:36%;top:20%;width:158px;height:96px;animation-delay:1.28s}
.loader-smoke span:nth-child(9){left:50%;top:62%;width:176px;height:104px;animation-delay:1.38s}
.loader-logo{position:absolute;left:50%;top:47%;z-index:4;width:min(700px,73vw);max-height:42vh;object-fit:contain;opacity:0;visibility:hidden;pointer-events:none;animation:loaderLogoReveal 4.08s cubic-bezier(.2,.7,.2,1) .38s both}
@media(max-width:760px){.loader-screen::after{left:8%;right:8%;top:calc(50% + min(28vw,140px));bottom:auto}.loader-logo{top:44%;width:min(92vw,520px);max-height:30vh}.loader-track{top:44%;bottom:auto;height:clamp(168px,56vw,290px)}.loader-chair{width:clamp(210px,78vw,330px);bottom:auto;top:50%}.loader-smoke{top:47%;width:112vw;height:300px}.loader-smoke span{transform-origin:center}.loader-smoke span:nth-child(1){left:0}.loader-smoke span:nth-child(3){left:20%}.loader-smoke span:nth-child(5){left:44%}.loader-smoke span:nth-child(7){left:62%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}.ambient-3d{display:none!important}.loader-logo{opacity:1!important;filter:none!important;transform:translate(-50%,-50%)!important}.loader-chair{opacity:.18!important;transform:translate3d(14vw,0,0)!important}.loader-smoke span{opacity:.22!important;filter:blur(20px)!important;transform:none!important}}

@keyframes loaderScreenExit{0%,84%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes loaderChairDrive{0%{opacity:0;transform:translate3d(124vw,10px,0) rotate(-2deg) scale(.9)}8%{opacity:1}42%{opacity:1;transform:translate3d(26vw,-5px,0) rotate(.35deg) scale(1)}66%{opacity:1;transform:translate3d(-18vw,0,0) rotate(-.4deg) scale(1.02)}100%{opacity:0;transform:translate3d(-132vw,4px,0) rotate(.3deg) scale(.96)}}
@keyframes loaderShadowDrive{0%{opacity:0;transform:translate3d(124vw,0,0) scaleX(.72)}10%,68%{opacity:.56}100%{opacity:0;transform:translate3d(-132vw,0,0) scaleX(.9)}}
@keyframes loaderSmokePuff{0%,10%{opacity:0;transform:translate3d(56vw,16px,0) scale(.28);filter:blur(12px)}35%{opacity:.78}72%{opacity:.48;transform:translate3d(-1vw,-6px,0) scale(1.18);filter:blur(28px)}100%{opacity:0;transform:translate3d(-22vw,-28px,0) scale(1.72);filter:blur(44px)}}
@keyframes loaderSmokeWash{0%,18%{opacity:0;transform:translate3d(22vw,8px,0) scale(.72)}45%,74%{opacity:.92;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(-12vw,-8px,0) scale(1.14)}}
@keyframes loaderLogoReveal{0%,24%{opacity:0;filter:invert(1) grayscale(1) brightness(1.65) blur(26px) drop-shadow(0 0 0 rgba(255,255,255,0));transform:translate(-50%,-45%) scale(.88)}44%,72%{opacity:1;filter:invert(1) grayscale(1) brightness(1.38) blur(0) drop-shadow(0 20px 58px rgba(255,255,255,.18));transform:translate(-50%,-50%) scale(1)}100%{opacity:0;filter:invert(1) grayscale(1) brightness(1.45) blur(14px) drop-shadow(0 0 42px rgba(255,255,255,.16));transform:translate(-50%,-55%) scale(.98)}}
@keyframes loaderRoadSheen{0%{transform:translateX(112%) skewX(-18deg);opacity:0}32%{opacity:.8}100%{transform:translateX(-116%) skewX(-18deg);opacity:0}}
.loader-screen{background:radial-gradient(circle at 72% 38%,rgba(255,255,255,.18),transparent 26%),radial-gradient(ellipse at 50% 86%,rgba(182,155,98,.18),transparent 36%),linear-gradient(180deg,#050608 0%,#11161c 48%,#050608 100%);animation:loaderScreenExit 5s cubic-bezier(.2,.7,.2,1) forwards}
.loader-screen::before{inset:-18%;background:linear-gradient(112deg,transparent 0 18%,rgba(255,255,255,.10) 18.2% 18.45%,transparent 18.8% 48%,rgba(182,155,98,.18) 48.2% 48.45%,transparent 48.8% 100%),repeating-linear-gradient(130deg,rgba(255,255,255,.045) 0 1px,transparent 1px 42px),repeating-linear-gradient(38deg,rgba(182,155,98,.055) 0 1px,transparent 1px 84px);opacity:.72;transform:rotate(-3deg) scale(1.05);mix-blend-mode:screen}
.loader-screen::after{left:4%;right:4%;bottom:clamp(68px,11vh,124px);height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(182,155,98,.8),rgba(255,255,255,.18),transparent);box-shadow:0 0 34px rgba(182,155,98,.34);animation:loaderRoadSheen 2.6s .48s cubic-bezier(.16,.74,.2,1) both}
.loader-screen.loader-hidden{opacity:0;visibility:hidden;pointer-events:none;animation:none}
.loader-track{bottom:clamp(56px,10vh,114px);height:clamp(230px,39vw,510px);z-index:6}
.loader-track::after{content:"";position:absolute;right:0;bottom:5px;width:clamp(220px,35vw,500px);height:34px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(0,0,0,.72),rgba(0,0,0,.28) 45%,transparent 72%);filter:blur(14px);opacity:0;animation:loaderShadowDrive 3.75s cubic-bezier(.16,.74,.2,1) .12s both}
.loader-chair{width:clamp(260px,36vw,520px);max-height:100%;object-fit:contain;mix-blend-mode:normal;filter:contrast(1.1) saturate(1.02) drop-shadow(0 18px 22px rgba(0,0,0,.55)) drop-shadow(0 0 34px rgba(255,255,255,.08));animation:loaderChairDrive 3.75s cubic-bezier(.16,.74,.2,1) .12s both}
.loader-smoke{top:50%;width:min(1040px,94vw);height:clamp(250px,32vw,450px);z-index:3}
.loader-smoke::before{content:"";position:absolute;left:50%;top:50%;width:78%;height:66%;border-radius:999px;background:radial-gradient(ellipse at center,rgba(245,247,248,.82),rgba(202,210,216,.44) 42%,rgba(110,120,128,.15) 72%,transparent 100%);filter:blur(36px);opacity:0;transform:translate3d(22vw,8px,0) scale(.72);animation:loaderSmokeWash 3.6s cubic-bezier(.16,.74,.2,1) .62s both}
.loader-smoke span{background:radial-gradient(circle at 38% 38%,rgba(255,255,255,.95),rgba(220,226,231,.64) 42%,rgba(126,138,148,.18) 70%,transparent 100%);box-shadow:0 24px 92px rgba(255,255,255,.08);mix-blend-mode:screen;animation:loaderSmokePuff 3.75s cubic-bezier(.16,.74,.2,1) both}
.loader-smoke span:nth-child(1){left:2%;top:51%;width:250px;height:136px;animation-delay:.28s}
.loader-smoke span:nth-child(2){left:14%;top:34%;width:210px;height:126px;animation-delay:.42s}
.loader-smoke span:nth-child(3){left:25%;top:55%;width:300px;height:158px;animation-delay:.58s}
.loader-smoke span:nth-child(4){left:39%;top:31%;width:260px;height:148px;animation-delay:.74s}
.loader-smoke span:nth-child(5){left:51%;top:54%;width:318px;height:174px;animation-delay:.88s}
.loader-smoke span:nth-child(6){left:63%;top:25%;width:224px;height:132px;animation-delay:1.02s}
.loader-smoke span:nth-child(7){left:70%;top:48%;width:276px;height:154px;animation-delay:1.18s}
.loader-smoke span:nth-child(8){left:32%;top:18%;width:182px;height:104px;animation-delay:1.3s}
.loader-smoke span:nth-child(9){left:48%;top:65%;width:202px;height:112px;animation-delay:1.42s}
.loader-logo{top:46%;width:min(760px,74vw);max-height:38vh;animation:loaderLogoReveal 4.58s cubic-bezier(.2,.7,.2,1) .32s both}
.catalog{gap:22px}
.product-card{border:1px solid rgba(17,20,23,.095);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fafb);box-shadow:0 16px 40px rgba(20,27,34,.10),inset 0 1px 0 rgba(255,255,255,.9)}
.product-card:hover{border-color:rgba(182,155,98,.38);box-shadow:0 34px 84px rgba(20,27,34,.18),0 0 0 1px rgba(182,155,98,.12) inset;transform:translateY(-6px)}
.product-card::before{height:100%;background:linear-gradient(115deg,transparent 0 32%,rgba(255,255,255,.42) 48%,transparent 64%);opacity:.58;transform:translateX(-78%);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.product-card:hover::before{transform:translateX(78%)}
.product-media{aspect-ratio:1/1;border-bottom:0;overflow:hidden;background:transparent}
.product-media::before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none}
.product-media::after{left:10%;right:10%;bottom:10%;height:28px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(20,27,34,.18),rgba(20,27,34,.06) 48%,transparent 72%);filter:blur(10px)}
.product-media img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:12px;filter:drop-shadow(0 20px 28px rgba(20,27,34,.15));transition:transform .34s cubic-bezier(.2,.7,.2,1),filter .34s ease}
.product-card:hover .product-media img{transform:scale(1.025);filter:drop-shadow(0 28px 34px rgba(20,27,34,.18))}
.product-body{position:relative;z-index:2;padding:16px 16px 15px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,251,.96));border-top:1px solid rgba(17,20,23,.075)}
.product-body h3{font-size:.94rem;letter-spacing:.045em;margin-bottom:7px}
.product-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;margin-bottom:12px;color:#52606c}
.tags{gap:7px}
.tag{background:rgba(255,255,255,.84)}
.mini-thumbs{min-height:38px;gap:6px}
.mini-thumbs img{width:38px;height:38px;background:#fff;border-color:rgba(17,20,23,.08);box-shadow:0 6px 14px rgba(20,27,34,.06)}
.product-foot{padding-top:13px;border-top:1px solid rgba(17,20,23,.08);align-items:end}
.price-block span,.modal-price span{color:#6d7780}
.price-block strong,.modal-price strong{letter-spacing:0}
.price-block small,.modal-price small,.price-note,.price-disclaimer{display:block;margin-top:4px;color:#75808a;font-size:.58rem;font-style:normal;font-weight:850;letter-spacing:.08em;line-height:1.22;text-transform:uppercase}
.price-block small{max-width:210px}
.hero-feature-body .price-note{font-size:.56rem;color:#69737c}
.build-total .price-disclaimer{text-align:right;max-width:230px}
.view-seat{min-height:38px;background:linear-gradient(135deg,#101317,#272d33);box-shadow:0 12px 26px rgba(17,20,23,.18)}
@media(max-width:760px){.loader-screen::after{top:calc(50% + min(28vw,140px));bottom:auto}.loader-logo{top:40%;width:min(92vw,560px);max-height:28vh}.loader-track{top:50%;bottom:auto;height:clamp(226px,76vw,390px)}.loader-chair{width:clamp(250px,88vw,390px)}.loader-smoke{top:44%;width:118vw;height:330px}.catalog{gap:18px}.product-card{border-radius:8px}.product-media{aspect-ratio:1/1}.product-media img{padding:12px}.product-body{padding:15px}.product-body h3{font-size:.93rem}.product-body p{min-height:0}.product-foot{grid-template-columns:1fr;gap:11px}.price-block small{max-width:100%;font-size:.56rem}.view-seat{width:100%;min-height:38px}.build-total .price-disclaimer{text-align:left}.hero-feature-body .price-note{display:none}}
@media(prefers-reduced-motion:reduce){.loader-screen{animation:none!important}.loader-screen.loader-hidden{display:none!important}.loader-logo{opacity:1!important;filter:invert(1) grayscale(1) brightness(1.25)!important;transform:translate(-50%,-50%)!important}.loader-chair{opacity:.24!important}.loader-track::after,.loader-smoke::before,.loader-smoke span{animation:none!important}}

@keyframes loaderScreenExit{0%,84%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes loaderLogoReveal{0%,22%{opacity:0;filter:blur(22px) drop-shadow(0 18px 32px rgba(20,27,34,.10));transform:translate(-50%,-45%) scale(.9)}44%,74%{opacity:1;filter:blur(0) drop-shadow(0 22px 42px rgba(20,27,34,.18));transform:translate(-50%,-50%) scale(1)}100%{opacity:0;filter:blur(12px) drop-shadow(0 20px 36px rgba(20,27,34,.12));transform:translate(-50%,-55%) scale(.98)}}
@keyframes loaderSmokePuff{0%,10%{opacity:0;transform:translate3d(56vw,16px,0) scale(.28);filter:blur(10px)}35%{opacity:.48}72%{opacity:.34;transform:translate3d(-1vw,-6px,0) scale(1.18);filter:blur(25px)}100%{opacity:0;transform:translate3d(-22vw,-28px,0) scale(1.72);filter:blur(38px)}}
@keyframes loaderSmokeWash{0%,18%{opacity:0;transform:translate3d(22vw,8px,0) scale(.72)}45%,74%{opacity:.56;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(-12vw,-8px,0) scale(1.14)}}
.loader-screen{background:radial-gradient(circle at 72% 38%,rgba(255,255,255,.98),transparent 28%),radial-gradient(ellipse at 50% 88%,rgba(17,20,23,.10),transparent 38%),linear-gradient(180deg,#fbfcfd 0%,#eef1f4 58%,#fbfcfd 100%);animation:loaderScreenExit 5s cubic-bezier(.2,.7,.2,1) forwards}
.loader-screen::before{inset:-18%;background:linear-gradient(112deg,transparent 0 17%,rgba(17,20,23,.065) 17.2% 17.45%,transparent 17.8% 47%,rgba(182,155,98,.16) 47.2% 47.45%,transparent 47.8% 100%),repeating-linear-gradient(130deg,rgba(17,20,23,.04) 0 1px,transparent 1px 42px),repeating-linear-gradient(38deg,rgba(255,255,255,.9) 0 1px,transparent 1px 84px);opacity:.78;transform:rotate(-3deg) scale(1.05);mix-blend-mode:normal}
.loader-screen::after{background:linear-gradient(90deg,transparent,rgba(17,20,23,.14),rgba(182,155,98,.58),rgba(17,20,23,.14),transparent);box-shadow:0 0 34px rgba(20,27,34,.16)}
.loader-smoke::before{background:radial-gradient(ellipse at center,rgba(38,43,48,.56),rgba(74,82,89,.36) 42%,rgba(112,120,128,.13) 72%,transparent 100%);mix-blend-mode:multiply}
.loader-smoke span{background:radial-gradient(circle at 38% 38%,rgba(32,36,40,.48),rgba(70,78,86,.32) 42%,rgba(122,130,138,.13) 70%,transparent 100%);box-shadow:0 24px 92px rgba(20,27,34,.12);mix-blend-mode:multiply}
.loader-logo{top:46%;width:min(690px,78vw);max-height:34vh;filter:none;animation:loaderLogoReveal 4.58s cubic-bezier(.2,.7,.2,1) .32s both}
.loader-chair{filter:contrast(1.08) saturate(1.02) drop-shadow(0 18px 22px rgba(20,27,34,.22)) drop-shadow(0 0 28px rgba(255,255,255,.45))}
.section-banner img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.02)}
.section-banner::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.64);pointer-events:none}
#page-shop>.shell>.section-head,#page-warranty>.shell>.section-head,#page-track>.shell>.section-head,#page-build>.shell>.section-head{display:none}
.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card{border-radius:8px;border-color:rgba(17,20,23,.11);background:#fff;box-shadow:0 12px 30px rgba(20,27,34,.08);overflow:hidden}
.product-card::before{display:none}
.product-card:hover{border-color:rgba(17,20,23,.2);box-shadow:0 24px 62px rgba(20,27,34,.15);transform:translateY(-4px)}
.product-media{aspect-ratio:4/3;background:transparent;border-bottom:1px solid rgba(17,20,23,.075)}
.product-media::before{background:transparent}
.product-media::after{bottom:9%;height:20px;opacity:.72}
.product-media img{padding:0;object-fit:contain;filter:none;transform:none}
.product-card:hover .product-media img{transform:scale(1.025);filter:none}
.product-body{padding:14px 14px 15px;border-top:0;background:#fff}
.product-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}
.product-meta span{min-height:24px;display:inline-flex;align-items:center;border:1px solid rgba(17,20,23,.09);border-radius:999px;background:#f6f7f8;padding:0 8px;color:#5f6b75;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.product-body h3{margin-bottom:7px;color:#101317;font-size:.88rem;line-height:1.18;letter-spacing:.04em}
.product-body p{min-height:0;margin-bottom:13px;color:#5a6670;font-size:.82rem;line-height:1.38;-webkit-line-clamp:2}
.product-foot{grid-template-columns:1fr auto;gap:12px;padding-top:13px;border-top:1px solid rgba(17,20,23,.075);align-items:center}
.price-block span{font-size:.58rem}
.price-block strong{font-size:1.08rem;line-height:1.05}
.price-block small{max-width:190px;margin-top:5px;color:#7b858e;font-size:.5rem;line-height:1.18;letter-spacing:.07em}
.view-seat{min-height:34px;padding:0 12px;border-radius:999px;background:#111417;color:#fff;font-size:.58rem;box-shadow:none}
@media(max-width:1080px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.section-banner{margin-bottom:22px}}
@media(max-width:760px){.loader-logo{top:41%;width:min(86vw,520px);max-height:24vh}.loader-smoke{top:43%}.section-banner{margin:0 0 18px;border-radius:8px}.section-banner img{aspect-ratio:16/9}.brand-rail{margin-bottom:16px}.catalog{grid-template-columns:1fr;gap:16px}.product-card{display:flex!important;flex-direction:column;min-height:0;border-radius:8px}.product-media{aspect-ratio:4/3;min-height:0;border-right:0;border-bottom:1px solid rgba(17,20,23,.075)}.product-media img{padding:0;object-fit:contain}.product-body{padding:13px}.product-meta{margin-bottom:8px}.product-body h3{font-size:.9rem}.product-body p{display:-webkit-box;font-size:.82rem;margin-bottom:12px}.product-foot{grid-template-columns:1fr auto;gap:10px;padding-top:12px}.price-block strong{font-size:1.05rem}.price-block small{max-width:180px;font-size:.49rem}.view-seat{width:auto;min-height:34px;padding:0 11px;font-size:.56rem}}
@media(max-width:390px){.product-foot{grid-template-columns:1fr}.view-seat{width:100%}.price-block small{max-width:100%}}
@media(prefers-reduced-motion:reduce){.loader-logo{filter:none!important}}

@keyframes loaderChairDrive{0%{opacity:0;transform:translate3d(124vw,-50%,0) rotate(-1.6deg) scale(.92)}8%{opacity:1}38%{opacity:1;transform:translate3d(28vw,-50%,0) rotate(.45deg) scale(1)}55%{opacity:1;transform:translate3d(4vw,-50%,0) rotate(-.15deg) scale(1.02)}72%{opacity:1;transform:translate3d(-28vw,-50%,0) rotate(-.45deg) scale(1)}100%{opacity:0;transform:translate3d(-132vw,-50%,0) rotate(.25deg) scale(.96)}}
@keyframes loaderShadowDrive{0%{opacity:0;transform:translate3d(124vw,0,0) scaleX(.72)}10%,70%{opacity:.34}100%{opacity:0;transform:translate3d(-132vw,0,0) scaleX(.9)}}
@keyframes loaderLogoReveal{0%,30%{opacity:0;filter:blur(22px) drop-shadow(0 18px 32px rgba(20,27,34,.10));transform:translate(-50%,-46%) scale(.9)}48%,78%{opacity:1;filter:blur(0) drop-shadow(0 22px 42px rgba(20,27,34,.18));transform:translate(-50%,-50%) scale(1)}100%{opacity:0;filter:blur(12px) drop-shadow(0 20px 36px rgba(20,27,34,.12));transform:translate(-50%,-55%) scale(.98)}}
@keyframes loaderSmokePuff{0%,8%{opacity:0;transform:translate3d(54vw,2px,0) scale(.24);filter:blur(10px)}34%{opacity:.5}70%{opacity:.36;transform:translate3d(-2vw,-8px,0) scale(1.22);filter:blur(25px)}100%{opacity:0;transform:translate3d(-24vw,-22px,0) scale(1.7);filter:blur(38px)}}
@keyframes loaderSmokeWash{0%,22%{opacity:0;transform:translate3d(22vw,0,0) scale(.68)}48%,76%{opacity:.58;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(-12vw,-8px,0) scale(1.12)}}
.loader-logo{top:50%;z-index:4;width:min(720px,80vw);max-height:30vh;animation:loaderLogoReveal 4.7s cubic-bezier(.2,.7,.2,1) .24s both}
.loader-smoke{top:50%;z-index:5;width:min(1050px,96vw);height:clamp(250px,30vw,430px)}
.loader-smoke::before{top:50%;width:82%;height:62%;animation:loaderSmokeWash 3.75s cubic-bezier(.16,.74,.2,1) .52s both}
.loader-track{top:50%;bottom:auto!important;height:clamp(250px,36vw,520px);z-index:7;transform:translateY(0)}
.loader-track::after{right:0;top:calc(50% + min(17vw,230px));bottom:auto;width:clamp(230px,34vw,500px);height:30px;background:radial-gradient(ellipse at center,rgba(20,27,34,.34),rgba(20,27,34,.12) 48%,transparent 74%);animation:loaderShadowDrive 3.95s cubic-bezier(.16,.74,.2,1) .1s both}
.loader-chair{top:50%;bottom:auto!important;width:clamp(270px,34vw,510px);max-height:86vh;animation:loaderChairDrive 3.95s cubic-bezier(.16,.74,.2,1) .1s both;transform-origin:50% 50%}
#page-shop>.shell>.section-head,#page-warranty>.shell>.section-head,#page-track>.shell>.section-head,#page-gallery>.shell>.section-head{display:none}
@media(max-width:760px){.loader-logo{top:50%;width:min(88vw,520px);max-height:22vh}.loader-smoke{top:50%;height:330px;width:124vw}.loader-track{top:50%;height:min(88vh,520px)}.loader-track::after{top:calc(50% + min(31vw,170px));height:24px}.loader-chair{width:clamp(280px,90vw,410px);max-height:84vh}.section-banner-gallery img{object-position:center}}
@media(max-width:390px){.loader-chair{width:clamp(270px,96vw,390px)}.loader-logo{width:90vw}}
@media(prefers-reduced-motion:reduce){.loader-chair{top:50%!important;transform:translate3d(12vw,-50%,0)!important}.loader-logo{top:50%!important;filter:none!important}}

.loader-track{top:0!important;bottom:0!important;height:auto!important;transform:none!important}
.loader-track::after{top:calc(50% + min(19vw,220px));bottom:auto!important}
.loader-chair{top:50%!important;bottom:auto!important}
@media(max-width:760px){.loader-track{top:0!important;bottom:0!important;height:auto!important}.loader-track::after{top:calc(50% + min(33vw,168px))}.loader-chair{top:50%!important}}

@keyframes loaderLogoReveal{0%,30%{opacity:0;visibility:hidden;filter:blur(22px) drop-shadow(0 18px 32px rgba(20,27,34,.10));transform:translate(-50%,-50%) scale(.9)}48%,78%{opacity:1;visibility:visible;filter:blur(0) drop-shadow(0 22px 42px rgba(20,27,34,.18));transform:translate(-50%,-50%) scale(1)}100%{opacity:0;visibility:visible;filter:blur(12px) drop-shadow(0 20px 36px rgba(20,27,34,.12));transform:translate(-50%,-50%) scale(.98)}}
.loader-logo{top:50%!important;transform:translate(-50%,-50%);animation:loaderLogoReveal 4.7s cubic-bezier(.2,.7,.2,1) .24s both}

.brand-filter{position:relative}
.brand-filter.active{border-color:rgba(182,155,98,.92)!important;background:linear-gradient(180deg,#fff,#f4f1e9)!important;box-shadow:0 18px 46px rgba(20,27,34,.16),0 0 0 2px rgba(182,155,98,.32) inset!important}
.brand-filter.active::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(182,155,98,.95),transparent)}
.brand-filter.active img{filter:grayscale(0) contrast(1.06)!important;opacity:1}
.brand-filter.active .all-label{color:#111417!important}

@media(max-width:760px){
  .loader-chair{width:clamp(180px,52vw,260px)!important;max-height:50vh!important}
  .loader-track::after{top:calc(50% + min(20vw,100px))!important;width:clamp(160px,50vw,240px)!important;height:16px!important}
}
@media(max-width:390px){
  .loader-chair{width:clamp(160px,50vw,230px)!important;max-height:46vh!important}
  .loader-track::after{top:calc(50% + min(18vw,88px))!important}
}

@keyframes premiumAuroraFlow{
  0%{background-position:0 0,0 0,0 0,0 0;transform:translate3d(0,0,0)}
  45%{background-position:8vw -12vh,-12vw 10vh,58px -42px,-82px 74px;transform:translate3d(0,-1.2vh,0)}
  100%{background-position:18vw -22vh,-24vw 20vh,118px -96px,-164px 148px;transform:translate3d(0,0,0)}
}
@keyframes premiumDepthSweep{
  0%{opacity:.38;transform:translate3d(-50%,-50%,0) rotateX(67deg) rotateZ(-18deg) translateY(0) scale(1)}
  45%{opacity:.66;transform:translate3d(-50%,-50%,0) rotateX(67deg) rotateZ(-18deg) translateY(-86px) scale(1.035)}
  100%{opacity:.38;transform:translate3d(-50%,-50%,0) rotateX(67deg) rotateZ(-18deg) translateY(-172px) scale(1)}
}
@keyframes premiumRibbonFlow{
  0%,100%{opacity:.20;transform:translate3d(-50%,-50%,0) rotateX(59deg) rotateZ(28deg) translateY(-80px) skewX(-10deg)}
  50%{opacity:.58;transform:translate3d(-50%,-50%,0) rotateX(59deg) rotateZ(28deg) translateY(86px) skewX(-10deg)}
}
@keyframes glassSheen{
  0%{transform:translate3d(-145%,0,0) skewX(-19deg);opacity:0}
  22%{opacity:.56}
  58%{opacity:.34}
  100%{transform:translate3d(145%,0,0) skewX(-19deg);opacity:0}
}
@keyframes glassEdgePulse{
  0%,100%{box-shadow:0 24px 70px rgba(20,27,34,.12),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(17,20,23,.055)}
  50%{box-shadow:0 34px 92px rgba(20,27,34,.18),0 0 36px rgba(182,155,98,.09),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(17,20,23,.07)}
}
@keyframes logoBreath{
  0%,100%{transform:translateY(0) rotateX(0) scale(1)}
  50%{transform:translateY(-3px) rotateX(4deg) scale(1.018)}
}
@keyframes productHoverReady{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-2px,0)}
}
html,body{overflow-x:hidden}
body{background:linear-gradient(180deg,#f8fafb 0%,#edf1f4 44%,#f8fafb 100%)}
body::before{
  background:
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.98) 0 8%,transparent 24%),
    radial-gradient(circle at 84% 18%,rgba(182,155,98,.18) 0 7%,transparent 23%),
    linear-gradient(118deg,transparent 0 17%,rgba(17,20,23,.055) 17.15% 17.4%,transparent 17.8% 43%,rgba(255,255,255,.82) 43.2% 43.55%,transparent 43.9% 100%),
    repeating-linear-gradient(135deg,rgba(17,20,23,.052) 0 1px,transparent 1px 56px);
  background-size:140vw 140vh,130vw 125vh,220px 220px,112px 112px;
  opacity:.82;
  animation:premiumAuroraFlow 34s cubic-bezier(.37,0,.2,1) infinite alternate;
}
body::after{
  content:"";
  position:fixed;
  inset:-20vh -18vw;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(102deg,transparent 0 36%,rgba(255,255,255,.48) 47%,rgba(182,155,98,.12) 50%,transparent 61%),
    radial-gradient(ellipse at 52% 104%,rgba(17,20,23,.13),transparent 42%);
  opacity:.42;
  filter:blur(2px);
  animation:premiumAuroraFlow 26s ease-in-out infinite alternate-reverse;
}
.ambient-3d{opacity:.78;filter:saturate(1.05)}
.ambient-3d span{
  border-color:rgba(17,20,23,.09);
  background:
    linear-gradient(90deg,rgba(255,255,255,.16),transparent 24%,rgba(255,255,255,.55) 50%,transparent 74%),
    linear-gradient(115deg,transparent 0 35%,rgba(182,155,98,.10) 48%,transparent 62%),
    repeating-linear-gradient(90deg,rgba(17,20,23,.095) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(0deg,rgba(17,20,23,.07) 0 1px,transparent 1px 44px);
  box-shadow:0 76px 190px rgba(20,27,34,.14);
  animation:premiumDepthSweep 20s linear infinite!important;
}
.ambient-3d span:nth-child(2),.ambient-3d span:nth-child(4){animation:premiumRibbonFlow 12s ease-in-out infinite!important}
.ambient-3d span:nth-child(3){animation-duration:28s!important;animation-direction:reverse!important}
.site-header,.mobile-menu,.mobile-bottom-nav{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(244,247,249,.58))!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 18px 56px rgba(20,27,34,.12),inset 0 1px 0 rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25);
  backdrop-filter:blur(22px) saturate(1.25);
}
.product-card,.panel,.faq-card,.warranty-card,.region-card,.product-sheet,.brand-filter,.section-banner,.hero-feature-panel{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.72)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.42) 42%,rgba(235,240,244,.52) 100%)!important;
  box-shadow:0 24px 70px rgba(20,27,34,.12),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(17,20,23,.055)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.22);
  backdrop-filter:blur(20px) saturate(1.22);
}
.product-card::before,.panel::before,.faq-card::before,.warranty-card::before,.region-card::before,.product-sheet::before,.brand-filter::before,.section-banner::before,.hero-feature-panel::before{
  content:"";
  display:block!important;
  position:absolute;
  inset:-40% -62%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0 41%,rgba(255,255,255,.58) 49%,rgba(255,255,255,.18) 54%,transparent 63%);
  transform:translate3d(-145%,0,0) skewX(-19deg);
  opacity:0;
  animation:glassSheen 9s cubic-bezier(.2,.7,.2,1) infinite;
}
.product-card:nth-child(3n+2)::before,.faq-card:nth-child(3n+2)::before,.warranty-card:nth-child(3n+2)::before{animation-delay:1.8s}
.product-card:nth-child(3n+3)::before,.faq-card:nth-child(3n+3)::before,.warranty-card:nth-child(3n+3)::before{animation-delay:3.4s}
.product-card::after,.panel::after,.faq-card::after,.warranty-card::after,.region-card::after,.product-sheet::after,.brand-filter::after,.section-banner::after,.hero-feature-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.66);
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(255,255,255,.46),transparent 31%,rgba(17,20,23,.035) 100%);
}
.product-card,.faq-card,.warranty-card,.panel{animation:glassEdgePulse 8s ease-in-out infinite}
.product-card{animation:glassEdgePulse 8s ease-in-out infinite,productHoverReady 7s ease-in-out infinite}
.product-card:hover,.panel:hover,.faq-card:hover,.warranty-card:hover,.brand-filter:hover{
  border-color:rgba(182,155,98,.44)!important;
  box-shadow:0 38px 104px rgba(20,27,34,.20),0 0 0 1px rgba(182,155,98,.16) inset,inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.product-card:hover::before,.panel:hover::before,.faq-card:hover::before,.warranty-card:hover::before,.brand-filter:hover::before{animation-duration:1.4s}
.product-media{
  background:transparent!important;
}
.product-media::before{
  background:transparent!important;
  animation:premiumAuroraFlow 18s ease-in-out infinite alternate;
}
.product-media img,.sheet-image img,.checkout-image img{position:relative;z-index:2}
.product-body,.sheet-info,.checkout-panel,.checkout-product{position:relative;z-index:2}
.brand-filter{animation:logoBreath 6.5s ease-in-out infinite}
.brand-filter:nth-child(2n){animation-delay:.8s}
.brand-filter:nth-child(3n){animation-delay:1.6s}
.brand-filter.active{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(244,241,232,.62))!important}
.brand-filter.active::after{
  z-index:2;
  background:linear-gradient(90deg,transparent,rgba(182,155,98,.95),rgba(255,255,255,.82),rgba(182,155,98,.95),transparent)!important;
  box-shadow:0 0 18px rgba(182,155,98,.25);
}
.section-banner img{position:relative;z-index:0;transform:scale(1.006);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.section-banner:hover img{transform:scale(1.028);filter:saturate(1.08) contrast(1.04)}
.gallery img{animation:glassEdgePulse 9s ease-in-out infinite}
.view-seat,.btn{position:relative;overflow:hidden}
.view-seat::after,.btn::after{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(105deg,transparent 0 32%,rgba(255,255,255,.34) 48%,transparent 64%);
  transform:translateX(-120%) skewX(-18deg);
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.view-seat:hover::after,.btn:hover::after{transform:translateX(120%) skewX(-18deg)}
@media(max-width:760px){
  body::before{opacity:.64;animation-duration:40s}
  body::after{opacity:.28;filter:blur(4px)}
  .ambient-3d{opacity:.44}
  .product-card,.panel,.faq-card,.warranty-card,.brand-filter,.section-banner,.hero-feature-panel{
    -webkit-backdrop-filter:blur(14px) saturate(1.14);
    backdrop-filter:blur(14px) saturate(1.14);
    animation-duration:10s;
  }
  .product-card::before,.panel::before,.faq-card::before,.warranty-card::before,.brand-filter::before,.section-banner::before,.hero-feature-panel::before{animation-duration:12s}
}
@media(prefers-reduced-motion:reduce){
  body::before,body::after,.ambient-3d span,.product-card,.panel,.faq-card,.warranty-card,.brand-filter,.gallery img,.product-card::before,.panel::before,.faq-card::before,.warranty-card::before,.brand-filter::before,.section-banner::before,.hero-feature-panel::before{animation:none!important}
}
.safari-mobile-performance body::before{background:linear-gradient(118deg,transparent 0 17%,rgba(17,20,23,.045) 17.15% 17.35%,transparent 17.7% 43%,rgba(255,255,255,.68) 43.2% 43.45%,transparent 43.8% 100%),repeating-linear-gradient(135deg,rgba(17,20,23,.035) 0 1px,transparent 1px 72px)!important;background-size:auto!important;opacity:.52!important;}
.safari-mobile-performance .reveal,.safari-mobile-performance .parallax-3d{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;will-change:auto!important;backface-visibility:visible!important;}
.safari-mobile-performance .page.active{animation:none!important;opacity:1!important;transform:none!important}
.safari-mobile-performance body::after,.safari-mobile-performance .ambient-3d{display:none!important}
.safari-mobile-performance .site-header,.safari-mobile-performance .mobile-menu,.safari-mobile-performance .mobile-bottom-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(20,27,34,.10)!important}
.safari-mobile-performance .product-card,.safari-mobile-performance .panel,.safari-mobile-performance .faq-card,.safari-mobile-performance .warranty-card,.safari-mobile-performance .region-card,.safari-mobile-performance .product-sheet,.safari-mobile-performance .brand-filter,.safari-mobile-performance .section-banner,.safari-mobile-performance .hero-feature-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,251,.94))!important;border-color:rgba(17,20,23,.10)!important;box-shadow:0 12px 28px rgba(20,27,34,.09),inset 0 1px 0 rgba(255,255,255,.82)!important;animation:none!important;will-change:auto!important}
.safari-mobile-performance .reveal{transition:opacity .28s ease,transform .28s ease,box-shadow .18s ease,border-color .18s ease!important;will-change:auto!important}
.safari-mobile-performance .parallax-3d{transform-style:flat!important;transform:none!important}
.safari-mobile-performance .ambient-3d span{animation:none!important;will-change:auto!important}
.safari-mobile-performance .ambient-3d{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;perspective:none!important}
.safari-mobile-performance .site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.safari-mobile-performance .product-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.safari-mobile-performance .product-card img,.safari-mobile-performance .sheet-image img,.safari-mobile-performance .build-image img,.safari-mobile-performance .checkout-image img{filter:none!important}
.safari-mobile-performance .hero-feature-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.safari-mobile-performance .badge,.safari-mobile-performance .tag{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
.safari-mobile-performance .brand-rail,.safari-mobile-performance .brand-filter{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

.product-card,.faq-card,.warranty-card,.panel,.hero-feature-panel,.gallery img{animation:none!important}
.product-card::before,.panel::before,.faq-card::before,.warranty-card::before,.region-card::before,.product-sheet::before,.hero-feature-panel::before{
  animation:none!important;
  opacity:.42;
  transform:translate3d(-38%,0,0) skewX(-19deg);
}
.product-card:hover::before,.panel:hover::before,.faq-card:hover::before,.warranty-card:hover::before,.hero-feature-panel:hover::before{
  animation:glassSheen 1.55s cubic-bezier(.2,.7,.2,1) 1!important;
}
.brand-filter img,.brand-filter .all-label{position:relative;z-index:3}
.brand-filter::before{animation:glassSheen 11s cubic-bezier(.2,.7,.2,1) infinite}
.brand-filter::after{
  z-index:2;
  background:linear-gradient(145deg,rgba(255,255,255,.30),transparent 35%,rgba(17,20,23,.025) 100%);
}
.brand-filter.active::after{
  left:12px!important;
  right:12px!important;
  top:auto!important;
  bottom:7px!important;
  height:2px!important;
  border:0!important;
  border-radius:999px!important;
}
.section-banner::before,.section-banner-gallery::before,.section-banner-shop::before,.section-banner-track::before,.section-banner-warranty::before{animation:glassSheen 10s cubic-bezier(.2,.7,.2,1) infinite}
.product-media::before{animation:premiumAuroraFlow 26s ease-in-out infinite alternate}

/* Performance mode: keep the premium look, remove the expensive continuous effects. */
body::before{
  background:
    linear-gradient(118deg,transparent 0 17%,rgba(17,20,23,.045) 17.15% 17.35%,transparent 17.7% 43%,rgba(255,255,255,.68) 43.2% 43.45%,transparent 43.8% 100%),
    repeating-linear-gradient(135deg,rgba(17,20,23,.035) 0 1px,transparent 1px 72px)!important;
  background-size:auto!important;
  opacity:.52!important;
  animation:none!important;
  transform:none!important;
}
body::after,.ambient-3d{display:none!important}
.site-header,.mobile-menu,.mobile-bottom-nav{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 28px rgba(20,27,34,.10)!important;
}
.product-card,.panel,.faq-card,.warranty-card,.region-card,.product-sheet,.brand-filter,.section-banner,.hero-feature-panel{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,251,.94))!important;
  border-color:rgba(17,20,23,.10)!important;
  box-shadow:0 12px 28px rgba(20,27,34,.09),inset 0 1px 0 rgba(255,255,255,.82)!important;
  animation:none!important;
  will-change:auto!important;
}
.product-card::before,.panel::before,.faq-card::before,.warranty-card::before,.region-card::before,.product-sheet::before,.brand-filter::before,.section-banner::before,.hero-feature-panel::before{
  display:none!important;
  animation:none!important;
}
.product-card::after,.panel::after,.faq-card::after,.warranty-card::after,.region-card::after,.product-sheet::after,.brand-filter::after,.section-banner::after,.hero-feature-panel::after{
  background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 38%)!important;
  animation:none!important;
}
.brand-filter.active::after{
  display:block!important;
  background:linear-gradient(90deg,transparent,rgba(182,155,98,.95),transparent)!important;
}
.product-media::before,.product-media::after,.sheet-image::after,.build-image::after,.checkout-image::after{
  animation:none!important;
}
.product-card:hover,.panel:hover,.faq-card:hover,.warranty-card:hover,.brand-filter:hover{
  box-shadow:0 18px 44px rgba(20,27,34,.13),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.reveal{
  transition:opacity .28s ease,transform .28s ease,box-shadow .18s ease,border-color .18s ease!important;
  will-change:auto!important;
}
.reveal.slide-left,.reveal.slide-right{--reveal-x:0px!important}
.parallax-3d,.product-card.reveal.in-view:hover,.panel.reveal.in-view:hover,.faq-card.reveal.in-view:hover,.warranty-card.reveal.in-view:hover{
  transform-style:flat!important;
}
@media(max-width:760px){
  body::before{opacity:.32!important}
  .product-card,.panel,.faq-card,.warranty-card,.brand-filter,.section-banner,.hero-feature-panel{
    box-shadow:0 8px 18px rgba(20,27,34,.08),inset 0 1px 0 rgba(255,255,255,.78)!important;
  }
}

.product-card,.faq-card,.warranty-card,.gallery img{
  content-visibility:auto;
  contain-intrinsic-size:420px 360px;
  contain:layout paint style;
}
.catalog .reveal,.brand-rail .reveal,.gallery .reveal{
  opacity:1!important;
  transform:none!important;
  transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease!important;
}
.product-card:hover{transform:translateY(-2px)!important}
@media(max-width:760px){
  .product-card,.faq-card,.warranty-card,.gallery img{contain-intrinsic-size:455px 320px}
  .product-card:hover,.brand-filter:hover,.panel:hover,.faq-card:hover,.warranty-card:hover{transform:none!important}
}

@keyframes fastDepthFlow{
  0%{transform:translate3d(-50%,-50%,0) rotateX(64deg) rotateZ(-18deg) translateY(0);opacity:.34}
  50%{opacity:.58}
  100%{transform:translate3d(-50%,-50%,0) rotateX(64deg) rotateZ(-18deg) translateY(-120px);opacity:.34}
}
@keyframes fastRibbonFloat{
  0%,100%{transform:translate3d(-50%,-50%,0) rotateX(58deg) rotateZ(25deg) translateY(-52px);opacity:.18}
  50%{transform:translate3d(-50%,-50%,0) rotateX(58deg) rotateZ(25deg) translateY(52px);opacity:.42}
}
@keyframes premiumTunnelFlow{
  0%{transform:translate3d(-50%,-50%,0) rotateX(66deg) rotateZ(-18deg) translateY(0) scale(1);opacity:.30}
  46%{opacity:.58}
  100%{transform:translate3d(-50%,-50%,0) rotateX(66deg) rotateZ(-18deg) translateY(-156px) scale(1.015);opacity:.30}
}
@keyframes premiumLightLane{
  0%,100%{transform:translate3d(-50%,-50%,0) rotateX(60deg) rotateZ(27deg) translateY(-70px);opacity:.16}
  48%{transform:translate3d(-50%,-50%,0) rotateX(60deg) rotateZ(27deg) translateY(72px);opacity:.44}
}
@keyframes liquidFill{
  0%{transform:translateX(-105%) scaleX(.35);opacity:0}
  44%{opacity:.82}
  100%{transform:translateX(0) scaleX(1);opacity:1}
}
@keyframes liquidWipe{
  0%{visibility:visible;transform:translate3d(-120%,0,0) scaleX(.72);border-radius:0 46% 54% 0}
  42%{visibility:visible;transform:translate3d(-14%,0,0) scaleX(1.12);border-radius:0 38% 62% 0}
  64%{visibility:visible;transform:translate3d(8%,0,0) scaleX(1.05);border-radius:42% 0 0 58%}
  100%{visibility:hidden;transform:translate3d(122%,0,0) scaleX(.82);border-radius:44% 0 0 56%}
}
@keyframes liquidBubble{
  0%{transform:translate3d(-28vw,16vh,0) scale(.55);opacity:0}
  38%{opacity:.55}
  100%{transform:translate3d(36vw,-18vh,0) scale(1.35);opacity:0}
}
@keyframes cardSlideRich{
  from{opacity:0;transform:translate3d(var(--reveal-x,42px),34px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
body::before{
  background:
    radial-gradient(circle at 82% 14%,rgba(182,155,98,.18),transparent 22%),
    linear-gradient(118deg,transparent 0 17%,rgba(17,20,23,.05) 17.15% 17.35%,transparent 17.7% 43%,rgba(255,255,255,.75) 43.2% 43.45%,transparent 43.8% 100%),
    repeating-linear-gradient(135deg,rgba(17,20,23,.034) 0 1px,transparent 1px 68px)!important;
  opacity:.62!important;
}
body::after{display:block!important;opacity:.20!important;filter:none!important;animation:fastRibbonFloat 16s ease-in-out infinite!important}
.ambient-3d{
  display:block!important;
  position:fixed;
  inset:-18vh -22vw;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  perspective:1200px;
  opacity:.58!important;
  filter:none!important;
  contain:layout paint;
}
.ambient-3d span{
  display:block!important;
  position:absolute;
  left:50%;
  top:54%;
  width:min(1050px,112vw);
  height:min(680px,92vw);
  border:1px solid rgba(17,20,23,.075);
  background:
    radial-gradient(circle at 50% 50%,rgba(182,155,98,.10),transparent 42%),
    linear-gradient(90deg,rgba(255,255,255,.20),transparent 30%,rgba(255,255,255,.48) 52%,transparent 78%),
    repeating-linear-gradient(90deg,rgba(17,20,23,.08) 0 1px,transparent 1px 52px),
    repeating-linear-gradient(0deg,rgba(17,20,23,.055) 0 1px,transparent 1px 52px)!important;
  box-shadow:0 34px 90px rgba(20,27,34,.09);
  transform-origin:center;
  animation:premiumTunnelFlow 20s linear infinite!important;
  will-change:transform,opacity;
}
.ambient-3d span:nth-child(2){top:20%;left:86%;width:360px;height:720px;background:linear-gradient(115deg,transparent,rgba(182,155,98,.20),rgba(255,255,255,.34),transparent)!important;animation:premiumLightLane 12s ease-in-out infinite!important}
.ambient-3d span:nth-child(3){top:82%;left:13%;width:560px;height:420px;animation-duration:24s!important;animation-direction:reverse!important;opacity:.36}
.ambient-3d span:nth-child(4){top:45%;left:6%;width:260px;height:760px;background:linear-gradient(105deg,transparent,rgba(17,20,23,.08),rgba(255,255,255,.26),transparent)!important;animation:premiumLightLane 14s ease-in-out infinite reverse!important}
.ambient-3d span:nth-child(5){top:50%;left:50%;width:min(760px,82vw);height:min(760px,82vw);border-radius:50%;border-color:rgba(182,155,98,.09);background:conic-gradient(from 210deg,transparent,rgba(182,155,98,.12),transparent 34%,rgba(17,20,23,.05),transparent 70%)!important;box-shadow:none;animation:fastDepthFlow 26s linear infinite reverse!important;opacity:.28}
.ambient-3d span:nth-child(6){top:36%;left:70%;width:520px;height:180px;border:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),rgba(182,155,98,.18),transparent)!important;box-shadow:none;animation:premiumLightLane 10s ease-in-out infinite!important;opacity:.32}
.liquid-transition{
  position:fixed;
  inset:0;
  z-index:140;
  pointer-events:none;
  overflow:hidden;
  visibility:hidden;
}
.liquid-transition span{
  position:absolute;
  inset:-18vh -18vw;
  display:block;
  background:
    radial-gradient(circle at 25% 48%,rgba(255,255,255,.46),transparent 18%),
    linear-gradient(105deg,rgba(17,20,23,.96),rgba(43,50,56,.94) 44%,rgba(182,155,98,.90) 58%,rgba(17,20,23,.96));
  box-shadow:0 0 60px rgba(20,27,34,.20);
  transform:translate3d(-120%,0,0) scaleX(.72);
  will-change:transform,border-radius;
}
.liquid-transition span::before,.liquid-transition span::after{
  content:"";
  position:absolute;
  width:30vw;
  aspect-ratio:1;
  border-radius:999px;
  background:radial-gradient(circle,rgba(255,255,255,.42),rgba(182,155,98,.18) 46%,transparent 72%);
  opacity:0;
}
.liquid-transition span::before{left:15%;top:12%}
.liquid-transition span::after{right:12%;bottom:8%;animation-delay:.12s}
.liquid-transition.is-running{visibility:visible}
.liquid-transition.is-running span{animation:liquidWipe 1.24s cubic-bezier(.22,.82,.18,1) both}
.liquid-transition.is-running span::before,.liquid-transition.is-running span::after{animation:liquidBubble 1.18s ease-out both}
.page.active{animation:pageSettle .42s cubic-bezier(.2,.7,.2,1) backwards}
@keyframes pageSettle{from{opacity:.94;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
.catalog .reveal,.brand-rail .reveal,.gallery .reveal,.faq-card.reveal,.warranty-card.reveal,.panel.reveal,.section-banner.reveal,.hero-feature-card.reveal{
  opacity:0!important;
  transform:translate3d(var(--reveal-x,42px),34px,0) scale(.985)!important;
  transition:opacity .52s cubic-bezier(.2,.7,.2,1),transform .52s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease,border-color .18s ease!important;
}
.catalog .reveal.in-view,.brand-rail .reveal.in-view,.gallery .reveal.in-view,.faq-card.reveal.in-view,.warranty-card.reveal.in-view,.panel.reveal.in-view,.section-banner.reveal.in-view,.hero-feature-card.reveal.in-view{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
.product-card:hover{transform:translateY(-4px)!important}
.brand-filter{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.brand-filter:hover{transform:translateY(-3px)!important}
.nav-link.active{
  position:relative;
  overflow:hidden;
}
.nav-link::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(100deg,rgba(17,20,23,.05),rgba(182,155,98,.18),rgba(255,255,255,.62));
  transform:translateX(-105%) scaleX(.35);
  transform-origin:left center;
  opacity:0;
  pointer-events:none;
}
.nav-link.active::before{animation:liquidFill .54s cubic-bezier(.18,.78,.18,1) both}
.nav-link>*{position:relative;z-index:1}
.nav-link.active::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(182,155,98,.95),transparent);
}
@media(max-width:760px){
  .ambient-3d{inset:-12vh -56vw;opacity:.34!important}
  .ambient-3d span{width:760px;height:520px;animation-duration:24s!important}
  .ambient-3d span:nth-child(n+3){display:none!important}
  .catalog .reveal,.brand-rail .reveal,.gallery .reveal,.faq-card.reveal,.warranty-card.reveal,.panel.reveal,.section-banner.reveal{transform:translate3d(0,24px,0) scale(.99)!important}
  .catalog .reveal.in-view,.brand-rail .reveal.in-view,.gallery .reveal.in-view,.faq-card.reveal.in-view,.warranty-card.reveal.in-view,.panel.reveal.in-view,.section-banner.reveal.in-view{transform:translate3d(0,0,0) scale(1)!important}
  .liquid-transition span{inset:-12vh -38vw}
}
@media(prefers-reduced-motion:reduce){
  .ambient-3d,.liquid-transition{display:none!important}
  .page.active,.reveal{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
}

/* 20260606 premium showroom refresh: remove the old grid feel and the splashy liquid wipe. */
@keyframes showroomFloorDrift{
  0%,100%{transform:translate3d(-50%,-50%,0) rotateX(68deg) rotateZ(-7deg) translateY(0) scale(1);opacity:.72}
  50%{transform:translate3d(-50%,-50%,0) rotateX(68deg) rotateZ(-7deg) translateY(-28px) scale(1.025);opacity:.92}
}
@keyframes showroomPanelFloat{
  0%,100%{transform:translate3d(-50%,-50%,0) rotateX(58deg) rotateZ(var(--panel-rot,22deg)) translateY(-42px);opacity:.34}
  50%{transform:translate3d(-50%,-50%,0) rotateX(58deg) rotateZ(var(--panel-rot,22deg)) translateY(48px);opacity:.72}
}
@keyframes showroomHorizonPulse{
  0%,100%{transform:translate3d(-50%,-50%,0) scaleX(.92);opacity:.34}
  50%{transform:translate3d(-50%,-50%,0) scaleX(1.08);opacity:.68}
}
@keyframes showroomLightSweep{
  0%,65%{transform:translate3d(-135%,0,0) skewX(-18deg);opacity:0}
  76%{opacity:.72}
  100%{transform:translate3d(135%,0,0) skewX(-18deg);opacity:0}
}
body{
  background:#f2f4f6!important;
}
body::before{
  background:
    radial-gradient(ellipse at 74% 18%,rgba(255,255,255,.96),transparent 28%),
    radial-gradient(ellipse at 30% 76%,rgba(182,155,98,.16),transparent 32%),
    linear-gradient(118deg,rgba(255,255,255,.92) 0 18%,rgba(232,236,240,.66) 18.2% 18.5%,transparent 18.8% 44%,rgba(255,255,255,.86) 44.2% 44.55%,transparent 45% 100%),
    linear-gradient(180deg,#ffffff 0%,#f2f5f7 50%,#e9edf1 100%)!important;
  opacity:1!important;
  animation:none!important;
}
body::after{
  display:block!important;
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(100deg,transparent 0 12%,rgba(255,255,255,.72) 23%,rgba(182,155,98,.12) 31%,transparent 44%),
    linear-gradient(270deg,transparent 0 62%,rgba(17,20,23,.045) 74%,transparent 88%)!important;
  opacity:.42!important;
  filter:none!important;
  animation:showroomLightSweep 9s cubic-bezier(.2,.7,.2,1) infinite!important;
}
.ambient-3d{
  display:block!important;
  position:fixed!important;
  inset:-10vh -12vw!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  perspective:1500px!important;
  opacity:1!important;
  filter:none!important;
  contain:layout paint!important;
}
.ambient-3d span{
  display:block!important;
  position:absolute!important;
  left:50%;
  top:50%;
  border:0!important;
  transform-origin:center!important;
  will-change:transform,opacity!important;
}
.ambient-3d span:nth-child(1){
  top:78%;
  width:136vw;
  height:60vh;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.86),transparent 35%),
    linear-gradient(90deg,transparent 0 12%,rgba(17,20,23,.075) 12.1% 12.25%,transparent 12.5% 31%,rgba(182,155,98,.16) 31.1% 31.35%,transparent 31.6% 100%),
    linear-gradient(180deg,rgba(255,255,255,.76),rgba(214,221,227,.42))!important;
  box-shadow:0 44px 120px rgba(20,27,34,.16)!important;
  animation:showroomFloorDrift 16s ease-in-out infinite!important;
}
.ambient-3d span:nth-child(2){
  --panel-rot:23deg;
  left:86%;
  top:35%;
  width:31vw;
  height:104vh;
  border-radius:28px;
  background:
    linear-gradient(115deg,transparent 0 20%,rgba(255,255,255,.84) 36%,rgba(182,155,98,.22) 46%,rgba(65,73,82,.10) 55%,transparent 78%)!important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.72),0 32px 80px rgba(20,27,34,.12)!important;
  clip-path:polygon(26% 0,100% 0,74% 100%,0 100%);
  animation:showroomPanelFloat 12s ease-in-out infinite!important;
}
.ambient-3d span:nth-child(3){
  --panel-rot:-20deg;
  left:7%;
  top:54%;
  width:24vw;
  height:92vh;
  border-radius:26px;
  background:
    linear-gradient(105deg,transparent 0 18%,rgba(17,20,23,.075) 40%,rgba(255,255,255,.58) 49%,rgba(182,155,98,.13) 58%,transparent 82%)!important;
  clip-path:polygon(0 0,74% 0,100% 100%,20% 100%);
  animation:showroomPanelFloat 15s ease-in-out infinite reverse!important;
}
.ambient-3d span:nth-child(4){
  top:42%;
  width:86vw;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(17,20,23,.22),rgba(255,255,255,.90),rgba(182,155,98,.30),transparent)!important;
  box-shadow:0 8px 28px rgba(20,27,34,.12)!important;
  animation:showroomHorizonPulse 8s ease-in-out infinite!important;
}
.ambient-3d span:nth-child(5){
  left:56%;
  top:22%;
  width:54vw;
  height:34vh;
  border-radius:36px;
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.06) 38%,rgba(17,20,23,.05) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 22px 70px rgba(20,27,34,.08)!important;
  transform:translate3d(-50%,-50%,0) rotateX(56deg) rotateZ(-12deg);
  animation:showroomPanelFloat 18s ease-in-out infinite!important;
}
.ambient-3d span:nth-child(6){
  left:52%;
  top:66%;
  width:58vw;
  height:18vh;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(20,27,34,.14),rgba(182,155,98,.10) 36%,transparent 70%)!important;
  transform:translate3d(-50%,-50%,0) rotateX(72deg);
  animation:showroomHorizonPulse 11s ease-in-out infinite reverse!important;
}
.liquid-transition{display:none!important}
.nav-link::before{display:none!important}
.nav-link.active::after{
  content:none!important;
  display:none!important;
}
.page.active{
  animation:pageSettle .34s cubic-bezier(.2,.7,.2,1) backwards!important;
}
@media(max-width:760px){
  body::after{opacity:.24!important;animation-duration:12s!important}
  .ambient-3d{inset:-8vh -34vw!important;opacity:.78!important}
  .ambient-3d span:nth-child(1){top:82%;width:152vw;height:48vh}
  .ambient-3d span:nth-child(2){left:93%;top:38%;width:52vw;height:88vh;opacity:.72}
  .ambient-3d span:nth-child(3),.ambient-3d span:nth-child(5){display:none!important}
  .ambient-3d span:nth-child(4){display:block!important;top:38%;width:92vw;opacity:.72}
  .ambient-3d span:nth-child(6){display:block!important;top:72%;width:88vw;height:15vh;opacity:.72}
}
@media(prefers-reduced-motion:reduce){
  body::after,.ambient-3d span{animation:none!important}
}

/* 20260606 visual-only modern polish: tighter, cleaner, more premium without changing content. */
:root{
  --bg:#f3f5f7;
  --panel:#fff;
  --ink:#0f1317;
  --text:#202830;
  --muted:#64717c;
  --line:rgba(15,19,23,.105);
  --line2:rgba(15,19,23,.20);
  --gold:#aa8e55;
  --shadow:0 14px 38px rgba(20,27,34,.095);
  --shadow2:0 28px 84px rgba(20,27,34,.16);
  --radius:8px;
}
html,body{
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body{
  color:var(--text)!important;
}
.site-header{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,251,.86))!important;
  border-bottom:1px solid rgba(15,19,23,.08)!important;
  box-shadow:0 14px 44px rgba(20,27,34,.085)!important;
}
.brand img{
  filter:drop-shadow(0 8px 18px rgba(20,27,34,.10));
}
.nav-link,.region-button{
  border-radius:999px!important;
  background:transparent!important;
  border-color:transparent!important;
  color:#27313b!important;
  box-shadow:none!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.nav-link:hover,.region-button:hover{
  background:linear-gradient(180deg,#fff,#f6f8fa)!important;
  border-color:rgba(15,19,23,.10)!important;
  box-shadow:0 8px 20px rgba(20,27,34,.08)!important;
}
.nav-link.active{
  background:linear-gradient(180deg,#fff,#eef1f4)!important;
  color:#111820!important;
  border-color:rgba(15,19,23,.12)!important;
  box-shadow:0 10px 24px rgba(20,27,34,.10),inset 0 -2px 0 rgba(170,142,85,.74)!important;
}
.nav-link.active .nav-icon{
  filter:none!important;
}
.nav-link.active::after{
  content:none!important;
}
.btn,.view-seat{
  letter-spacing:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#171b20,#0d1013)!important;
  border-color:#0d1013!important;
  box-shadow:0 16px 34px rgba(15,19,23,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.btn.secondary{
  background:linear-gradient(180deg,#fff,#f5f7f8)!important;
  color:#111417!important;
  border-color:rgba(15,19,23,.12)!important;
  box-shadow:0 12px 26px rgba(20,27,34,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.btn:hover,.view-seat:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 22px 48px rgba(15,19,23,.22),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.page{
  padding-top:54px!important;
}
.section-head{
  align-items:end;
  margin-bottom:22px;
  padding:0 2px 18px;
  border-bottom:1px solid rgba(15,19,23,.08);
}
.section-head h2,.checkout-product h2,.checkout-panel h2,.sheet-info h2{
  letter-spacing:0!important;
  color:#0f1317!important;
}
.section-head p{
  color:#52606b!important;
  max-width:620px;
}
.eyebrow{
  letter-spacing:0!important;
  color:#7a6a47!important;
  font-weight:900!important;
}
.section-banner{
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 24px 76px rgba(20,27,34,.14),0 0 0 1px rgba(15,19,23,.045)!important;
  background:#fff!important;
}
.section-banner::after{
  background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 34%,rgba(15,19,23,.035))!important;
}
.brand-rail{
  gap:12px!important;
  margin-bottom:22px!important;
}
.brand-filter{
  height:68px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,248,250,.94))!important;
  border:1px solid rgba(15,19,23,.09)!important;
  box-shadow:0 12px 28px rgba(20,27,34,.075),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.brand-filter:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(170,142,85,.34)!important;
  box-shadow:0 18px 42px rgba(20,27,34,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.brand-filter.active{
  background:linear-gradient(180deg,#15191d,#101316)!important;
  border-color:#101316!important;
  box-shadow:0 18px 42px rgba(15,19,23,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.brand-filter.active img{
  filter:brightness(0) invert(1) contrast(1.08)!important;
  opacity:.98!important;
}
.brand-filter.active .all-label{
  color:#fff!important;
}
.brand-filter img{
  opacity:.82!important;
}
.catalog{
  gap:20px!important;
  align-items:stretch;
}
.product-card{
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,251,.96))!important;
  border:1px solid rgba(15,19,23,.095)!important;
  box-shadow:0 18px 46px rgba(20,27,34,.105),inset 0 1px 0 rgba(255,255,255,.92)!important;
  overflow:hidden!important;
}
.product-card::after,.panel::after,.faq-card::after,.warranty-card::after,.product-sheet::after,.region-card::after{
  background:linear-gradient(145deg,rgba(255,255,255,.45),transparent 38%,rgba(15,19,23,.018))!important;
}
.product-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(170,142,85,.32)!important;
  box-shadow:0 30px 74px rgba(20,27,34,.16),0 0 0 1px rgba(170,142,85,.10) inset!important;
}
.product-media{
  aspect-ratio:1/1!important;
  border-bottom:1px solid rgba(15,19,23,.08)!important;
  background:transparent!important;
}
.product-media::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:10px;
  height:18px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(20,27,34,.16),transparent 70%);
  filter:blur(8px);
  opacity:.42;
  pointer-events:none;
}
.product-media img{
  padding:16px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 24px rgba(20,27,34,.14));
  transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s ease;
}
.product-card:hover .product-media img{
  transform:scale(1.025);
  filter:drop-shadow(0 24px 30px rgba(20,27,34,.18));
}
.product-body{
  padding:18px!important;
  gap:0!important;
}
.product-meta{
  margin-bottom:9px!important;
  color:#74808b!important;
  font-size:.68rem!important;
  font-weight:850!important;
  letter-spacing:0!important;
}
.product-body h3{
  font-size:1rem!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin-bottom:8px!important;
  color:#111417!important;
}
.product-body p{
  color:#5f6c76!important;
  font-size:.88rem!important;
  line-height:1.45!important;
}
.product-foot{
  margin-top:auto!important;
  padding-top:13px!important;
  border-top:1px solid rgba(15,19,23,.075)!important;
}
.price-block span,.modal-price span,.price-block small,.modal-price small,.control-title span{
  letter-spacing:0!important;
}
.price-block strong,.modal-price strong{
  color:#0f1317!important;
}
.panel,.faq-card,.warranty-card,.region-card,.product-sheet,.hero-feature-panel,.checkout-image,.build-image{
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(247,249,250,.95))!important;
  border:1px solid rgba(15,19,23,.095)!important;
  box-shadow:0 18px 48px rgba(20,27,34,.105),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.faq-card h3,.warranty-card h3,.panel h3{
  letter-spacing:0!important;
  color:#111417!important;
}
.faq-card p,.warranty-card p,.panel p{
  color:#5b6873!important;
}
.choice span,.choice small,.control-title,.summary-row,.timeline strong,.timeline span{
  letter-spacing:0!important;
}
.choice,.timeline div,.order-numbers div,.region-option,.thumb{
  border-radius:8px!important;
  border-color:rgba(15,19,23,.095)!important;
  background:linear-gradient(180deg,#fff,#f7f9fa)!important;
}
.choice:hover,.region-option:hover,.thumb:hover{
  border-color:rgba(170,142,85,.30)!important;
  box-shadow:0 12px 28px rgba(20,27,34,.09)!important;
}
.choice input:checked+span,.thumb.active{
  border-color:#111417!important;
  box-shadow:0 0 0 2px rgba(170,142,85,.20)!important;
}
.product-sheet{
  box-shadow:0 36px 110px rgba(15,19,23,.28)!important;
}
.sheet-media{
  background:
    radial-gradient(circle at 50% 35%,#fff 0 28%,#f2f5f7 58%,#e5ebef 100%)!important;
}
.sheet-image img,.build-image img,.checkout-image img{
  filter:drop-shadow(0 24px 30px rgba(20,27,34,.16));
}
.sheet-thumbs{
  background:rgba(255,255,255,.96)!important;
}
.icon-close,.gallery-nav{
  border-color:rgba(15,19,23,.10)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 32px rgba(20,27,34,.14)!important;
}
.gallery{
  gap:14px!important;
}
.gallery img{
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 18px 48px rgba(20,27,34,.12)!important;
}
.gallery img:hover{
  transform:translateY(-3px) scale(1.006)!important;
  box-shadow:0 28px 70px rgba(20,27,34,.16)!important;
}
footer{
  background:linear-gradient(180deg,#fff,#f5f7f8)!important;
  border-top:1px solid rgba(15,19,23,.08)!important;
}
footer button,footer h3,footer p{
  letter-spacing:0!important;
}
@media(max-width:760px){
  .shell{width:min(100% - 22px,var(--max))!important}
  .page{padding:28px 0 92px!important}
  .site-header{box-shadow:0 10px 28px rgba(20,27,34,.10)!important}
  .mobile-bottom-nav{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    padding:7px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(15,19,23,.09)!important;
    box-shadow:0 18px 44px rgba(20,27,34,.18)!important;
  }
  .mobile-bottom-nav .nav-link{
    border-radius:8px!important;
    background:transparent!important;
    min-height:54px!important;
  }
  .mobile-bottom-nav .nav-link.active{
    background:linear-gradient(180deg,#161a1f,#0f1215)!important;
    color:#fff!important;
  }
  .mobile-bottom-nav .nav-link.active .nav-icon{
    filter:brightness(0) invert(1)!important;
  }
  .section-head{
    display:grid!important;
    gap:8px!important;
    padding-bottom:14px!important;
  }
  .brand-rail{
    gap:9px!important;
  }
  .brand-filter{
    height:58px!important;
  }
  .catalog{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .product-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .product-media{
    aspect-ratio:1/1!important;
    min-height:0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(15,19,23,.08)!important;
  }
  .product-media img{
    padding:18px!important;
  }
  .product-body{
    padding:16px!important;
  }
  .product-body h3{
    font-size:1rem!important;
  }
  .product-body p{
    -webkit-line-clamp:3!important;
    font-size:.9rem!important;
  }
  .product-card:hover,.brand-filter:hover,.panel:hover,.faq-card:hover,.warranty-card:hover{
    transform:none!important;
  }
  .gallery{
    gap:10px!important;
  }
  .product-sheet{
    width:calc(100% - 14px)!important;
    border-radius:8px!important;
  }
}

/* 20260607 million-dollar visual pass: editorial automotive polish, no content changes. */
:root{
  --bg:#eef1f4;
  --ink:#0b0f13;
  --text:#1c252d;
  --muted:#66727d;
  --gold:#b59655;
  --line:rgba(12,16,20,.10);
  --line2:rgba(12,16,20,.18);
  --shadow:0 18px 54px rgba(20,27,34,.11);
  --shadow2:0 34px 110px rgba(20,27,34,.18);
}
body{
  background:#eef1f4!important;
}
body::before{
  background:
    radial-gradient(ellipse at 78% 8%,rgba(255,255,255,.98),transparent 24%),
    radial-gradient(ellipse at 18% 84%,rgba(181,150,85,.18),transparent 30%),
    linear-gradient(112deg,rgba(255,255,255,.96) 0 18%,rgba(210,217,224,.70) 18.1% 18.28%,transparent 18.6% 47%,rgba(255,255,255,.92) 47.1% 47.28%,transparent 47.6% 100%),
    linear-gradient(180deg,#fbfcfd 0%,#f2f5f7 46%,#e5eaef 100%)!important;
}
.page:not([data-page=home]){
  padding-top:64px!important;
}
.page:not([data-page=home]) .shell{
  position:relative;
}
.page:not([data-page=home]) .shell::before{
  content:"";
  position:absolute;
  inset:-28px -18px auto;
  height:120px;
  z-index:-1;
  border-radius:8px;
  background:linear-gradient(120deg,rgba(255,255,255,.70),rgba(255,255,255,.18),rgba(181,150,85,.08));
  border:1px solid rgba(255,255,255,.64);
  box-shadow:0 24px 70px rgba(20,27,34,.08);
  pointer-events:none;
}
.site-header{
  background:rgba(255,255,255,.965)!important;
  box-shadow:0 8px 30px rgba(20,27,34,.09)!important;
}
.header-inner{
  min-height:76px!important;
}
.brand img{
  width:216px!important;
}
.desktop-nav{
  gap:8px!important;
}
.nav-link{
  min-height:42px!important;
  padding:0 14px!important;
  font-size:.74rem!important;
  font-weight:900!important;
}
.region-button{
  min-height:44px!important;
}
.nav-link.active{
  background:linear-gradient(180deg,#fff,#eef1f4)!important;
  color:#111820!important;
  box-shadow:0 10px 24px rgba(20,27,34,.10),inset 0 -2px 0 rgba(170,142,85,.74)!important;
}
.section-banner{
  margin-bottom:32px!important;
  overflow:hidden!important;
}
.section-banner img{
  transform:scale(1.001)!important;
  filter:saturate(1.02) contrast(1.02)!important;
}
.section-head{
  grid-template-columns:minmax(0,1fr) minmax(320px,.52fr)!important;
  gap:34px!important;
  margin-bottom:26px!important;
}
.section-head h2{
  font-size:clamp(2.25rem,4.8vw,5.2rem)!important;
  line-height:.88!important;
  font-weight:950!important;
}
.section-head p{
  font-size:1rem!important;
  line-height:1.55!important;
}
.eyebrow{
  color:#9a7d43!important;
}
.brand-rail{
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;
  gap:12px!important;
  padding:8px!important;
  margin-bottom:26px!important;
  border:1px solid rgba(255,255,255,.78);
  border-radius:8px;
  background:rgba(255,255,255,.52);
  box-shadow:0 18px 52px rgba(20,27,34,.08),inset 0 1px 0 rgba(255,255,255,.90);
}
.brand-filter{
  height:66px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.brand-filter.active{
  background:
    linear-gradient(180deg,#10151a,#090d10)!important;
  box-shadow:0 16px 34px rgba(12,16,20,.20),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.brand-filter.active::after{
  left:18%!important;
  right:18%!important;
  bottom:7px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,#d2b46a,transparent)!important;
}
.catalog{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
.product-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,1),rgba(247,249,251,.98))!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:
    0 28px 80px rgba(20,27,34,.14),
    0 0 0 1px rgba(12,16,20,.06),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.product-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:1!important;
  transform:none!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.44),transparent 34%),
    linear-gradient(180deg,transparent 0 64%,rgba(12,16,20,.035) 100%)!important;
}
.product-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(181,150,85,.30)!important;
  box-shadow:
    0 42px 110px rgba(20,27,34,.20),
    0 0 0 1px rgba(181,150,85,.16),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.product-media{
  background:transparent!important;
}
.product-media::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:16px!important;
  z-index:1!important;
  border-radius:8px!important;
  opacity:.64!important;
  transform:none!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.82),transparent 36%),
    linear-gradient(110deg,transparent 0 42%,rgba(181,150,85,.10) 50%,transparent 61%)!important;
  border:1px solid rgba(255,255,255,.72);
}
.product-media::after{
  bottom:14px!important;
  height:20px!important;
  opacity:.52!important;
}
.product-media img{
  padding:20px!important;
}
.product-body{
  padding:20px 20px 18px!important;
}
.product-meta{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(12,16,20,.07)!important;
}
.product-body h3{
  margin-top:12px!important;
  font-size:1.04rem!important;
  font-weight:900!important;
}
.product-body p{
  min-height:58px!important;
}
.product-foot{
  align-items:end!important;
}
.price-block strong{
  font-size:1.32rem!important;
}
.price-block small{
  color:#7d8790!important;
}
.view-seat{
  min-height:38px!important;
  padding:0 15px!important;
}
.panel,.faq-card,.warranty-card,.region-card,.product-sheet,.hero-feature-panel,.checkout-image,.build-image,.configurator{
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:
    0 26px 78px rgba(20,27,34,.13),
    0 0 0 1px rgba(12,16,20,.055),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.faq-card,.warranty-card,.panel{
  padding:22px!important;
}
.faq-card h3,.warranty-card h3,.panel h3{
  font-size:.98rem!important;
  line-height:1.18!important;
}
.timeline div,.order-numbers div,.choice,.region-option,.thumb{
  background:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.gallery{
  gap:16px!important;
}
.gallery img{
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:0 24px 72px rgba(20,27,34,.15),0 0 0 1px rgba(12,16,20,.045)!important;
}
.product-modal,.region-modal{
  background:rgba(8,12,16,.54)!important;
}
.product-sheet,.region-card{
  border-radius:8px!important;
}
.sheet-info{
  padding:28px!important;
}
.sheet-info h2{
  font-size:clamp(2rem,4vw,3.5rem)!important;
  line-height:.92!important;
}
.sheet-image{
  background:
    radial-gradient(ellipse at 50% 34%,#fff 0 30%,#f1f5f7 58%,#e0e7ec 100%)!important;
}
.icon-close,.gallery-nav{
  color:#0d1115!important;
}
@media(min-width:1180px){
  .catalog{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:1080px){
  .section-head{
    grid-template-columns:1fr!important;
  }
  .catalog{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .header-inner{
    min-height:64px!important;
  }
  .brand img{
    width:154px!important;
  }
  .page:not([data-page=home]){
    padding-top:26px!important;
  }
  .page:not([data-page=home]) .shell::before{
    inset:-14px -8px auto!important;
    height:82px!important;
  }
  .section-banner{
    margin-bottom:22px!important;
  }
  .section-head{
    margin-bottom:18px!important;
  }
  .section-head h2{
    font-size:clamp(2rem,12vw,3.4rem)!important;
  }
  .section-head p{
    font-size:.94rem!important;
  }
  .brand-rail{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    padding:7px!important;
  }
  .brand-filter{
    height:56px!important;
  }
  .catalog{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .product-card{
    box-shadow:0 24px 68px rgba(20,27,34,.16),0 0 0 1px rgba(12,16,20,.055)!important;
  }
  .product-media{
    aspect-ratio:1/1!important;
  }
  .product-media::before{
    inset:14px!important;
  }
  .product-media img{
    padding:20px!important;
  }
  .product-body{
    padding:18px!important;
  }
  .product-meta{
    font-size:.66rem!important;
  }
  .product-body h3{
    font-size:1.04rem!important;
  }
  .product-body p{
    display:-webkit-box!important;
    min-height:0!important;
  }
  .price-block strong{
    font-size:1.26rem!important;
  }
  .mobile-bottom-nav{
    border-radius:8px!important;
    box-shadow:0 22px 58px rgba(20,27,34,.22),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  .mobile-bottom-nav .nav-link span{
    letter-spacing:0!important;
    font-size:.55rem!important;
  }
  .faq-card,.warranty-card,.panel{
    padding:18px!important;
  }
  .sheet-info{
    padding:18px 14px 24px!important;
  }
}

/* 20260608 image safety pass: never let chair/product images sit on the frame edge. */
.product-media,
.sheet-image,
.build-image,
.checkout-image,
.hero-feature-media{
  overflow:hidden!important;
}
.product-media img,
.sheet-image img,
.build-image img,
.checkout-image img,
.hero-feature-media img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:auto!important;
}
.product-media img{
  max-width:82%!important;
  max-height:82%!important;
}
.product-card:hover .product-media img{
  transform:scale(1.01)!important;
}
.sheet-image img{
  max-width:86%!important;
  max-height:86%!important;
}
.build-image img,
.checkout-image img{
  max-width:82%!important;
  max-height:82%!important;
}
.hero-feature-media img{
  max-width:84%!important;
  max-height:84%!important;
}
@media(max-width:760px){
  .hero-feature-card{border:1px solid rgba(17,20,23,.08)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 24px 60px -22px rgba(20,27,34,.45)!important;border-radius:24px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px}
  .hero-feature-media{background:radial-gradient(circle at 50% 45%,#fff 0 22%,#eef2f5 48%,#dce3e8 72%,#d0d8de 100%)!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;display:grid;place-items:center;width:100%;aspect-ratio:4/5}
  .hero-feature-media::before,.hero-feature-media::after{display:none!important}
  .hero-feature-media img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;filter:none!important;margin:0!important;display:block!important}
}
.thumb img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:82%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  padding:0!important;
}
.thumb{
  display:grid!important;
  place-items:center!important;
}
.sheet-image{
  min-height:min(560px,72vh)!important;
}
.build-image{
  height:clamp(470px,52vw,640px)!important;
}
.checkout-image{
  height:380px!important;
}
@media(max-width:760px){
  .product-media img{
    max-width:78%!important;
    max-height:78%!important;
  }
  .sheet-image{
    height:clamp(260px,54dvh,430px)!important;
    min-height:260px!important;
  }
  .sheet-image img{
    max-width:80%!important;
    max-height:80%!important;
  }
  .build-image{
    height:260px!important;
    padding:12px!important;
  }
  .build-image img,
  .checkout-image img{
    max-width:78%!important;
    max-height:78%!important;
  }
  .checkout-image{
    height:340px!important;
  }
}
@media(max-width:390px){
  .sheet-image{
    height:clamp(245px,62vw,330px)!important;
    min-height:245px!important;
  }
}

/* Final image-fit override: reserve visible breathing room in every image frame. */
.product-media img{
  width:78%!important;
  height:78%!important;
  max-width:78%!important;
  max-height:78%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.sheet-image img{
  width:80%!important;
  height:80%!important;
  max-width:80%!important;
  max-height:80%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.build-image img,
.checkout-image img{
  width:78%!important;
  height:78%!important;
  max-width:78%!important;
  max-height:78%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.hero-feature-media img,
.thumb img{
  width:78%!important;
  height:78%!important;
  max-width:78%!important;
  max-height:78%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.hero-feature-media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
}
.product-card:hover .product-media img,
.product-card:hover .sheet-image img{
  transform:none!important;
}
.product-card{
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:auto!important;
}
@media(max-width:760px){
  .product-media img,
  .build-image img,
  .checkout-image img,
  .thumb img{
    width:74%!important;
    height:74%!important;
    max-width:74%!important;
    max-height:74%!important;
  }
  .hero-feature-media img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:0!important;
    filter:none!important;
    margin:0!important;
  }
  .sheet-image img{
    width:76%!important;
    height:76%!important;
    max-width:76%!important;
    max-height:76%!important;
  }
}

/* 20260608 interaction stability: keep shop scrolling fast and product sheets usable. */
.catalog .product-card{
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:auto!important;
}
.product-modal.active{
  overflow:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.product-modal.active .product-sheet{
  min-height:0!important;
  max-height:calc(100dvh - 36px)!important;
}
.product-modal.active .sheet-info{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
@media(max-width:760px){
  .catalog .product-card{
    contain-intrinsic-size:560px 430px!important;
  }
  .product-modal.active{
    align-items:flex-start!important;
    padding:7px!important;
  }
  .product-modal.active .product-sheet{
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 14px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .product-modal.active .sheet-media,
  .product-modal.active .sheet-info{
    flex:0 0 auto;
  }
  .product-modal.active .sheet-info{
    overflow:visible!important;
    padding-bottom:calc(26px + env(safe-area-inset-bottom))!important;
  }
  .product-modal.active .sheet-actions-top{
    position:sticky!important;
    top:0!important;
  }
  .product-modal.active .sheet-thumbs{
    overflow:visible!important;
  }
}

/* 20260608 premium shop cards: integrated image, tighter product polish. */
.catalog{
  gap:clamp(18px,2vw,28px)!important;
  align-items:stretch!important;
}
.catalog .product-card{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfcfd 52%,#f3f6f8 100%)!important;
  border:1px solid rgba(15,19,23,.095)!important;
  box-shadow:
    0 18px 46px rgba(15,19,23,.105),
    0 1px 0 rgba(255,255,255,.92) inset!important;
  transition:
    transform .22s cubic-bezier(.2,.7,.2,1),
    box-shadow .22s ease,
    border-color .22s ease!important;
}
.catalog .product-card::before{
  display:none!important;
}
.catalog .product-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.48),transparent 32%),
    linear-gradient(180deg,transparent 58%,rgba(15,19,23,.035) 100%)!important;
}
.catalog .product-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(170,142,85,.34)!important;
  box-shadow:
    0 28px 72px rgba(15,19,23,.16),
    0 0 0 1px rgba(170,142,85,.14),
    0 1px 0 rgba(255,255,255,.96) inset!important;
}
.catalog .product-card:focus-visible{
  outline:3px solid rgba(170,142,85,.24)!important;
  outline-offset:4px!important;
}
.catalog .product-media{
  position:relative!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:transparent!important;
}
.catalog .product-media::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:10px!important;
  z-index:1!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.76),transparent 36%),
    linear-gradient(115deg,transparent 0 43%,rgba(170,142,85,.095) 51%,transparent 62%)!important;
  opacity:1!important;
  transform:none!important;
}
.catalog .product-media::after{
  content:""!important;
  position:absolute!important;
  left:16%!important;
  right:16%!important;
  bottom:9%!important;
  z-index:1!important;
  height:28px!important;
  border-radius:999px!important;
  background:radial-gradient(ellipse at center,rgba(15,19,23,.18),rgba(15,19,23,.07) 52%,transparent 76%)!important;
  filter:blur(11px)!important;
  opacity:.62!important;
}
.catalog .product-media img{
  position:relative!important;
  z-index:2!important;
  width:86%!important;
  height:86%!important;
  max-width:86%!important;
  max-height:86%!important;
  padding:0!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 18px 24px rgba(15,19,23,.14))!important;
  transition:transform .24s cubic-bezier(.2,.7,.2,1),filter .24s ease!important;
}
.catalog .product-card:hover .product-media img{
  transform:scale(1.018)!important;
  filter:drop-shadow(0 24px 30px rgba(15,19,23,.17))!important;
}
.catalog .product-body{
  position:relative!important;
  z-index:5!important;
  flex:1!important;
  padding:17px 17px 16px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,251,.96))!important;
  border-top:1px solid rgba(15,19,23,.07)!important;
}
.catalog .product-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  color:#6b7580!important;
  font-size:.62rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
}
.catalog .product-meta span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.catalog .product-body h3{
  margin:0 0 8px!important;
  color:#0f1317!important;
  font-size:.98rem!important;
  font-weight:950!important;
  line-height:1.18!important;
  letter-spacing:.025em!important;
}
.catalog .product-body p{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:2.75em!important;
  margin:0 0 14px!important;
  color:#5c6873!important;
  font-size:.86rem!important;
  line-height:1.38!important;
}
.catalog .product-foot{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  margin-top:auto!important;
  padding-top:14px!important;
  border-top:1px solid rgba(15,19,23,.075)!important;
}
.catalog .price-block strong{
  color:#0f1317!important;
  font-size:1.16rem!important;
  line-height:1.02!important;
}
.catalog .price-block small{
  max-width:205px!important;
  color:#7a858f!important;
  font-size:.5rem!important;
  letter-spacing:.07em!important;
  line-height:1.2!important;
}
.catalog .view-seat{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#11161b,#080b0e)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(15,19,23,.18)!important;
}
@media(min-width:1180px){
  .catalog{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:1080px){
  .catalog{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .catalog{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .catalog .product-card{
    border-radius:8px!important;
    min-height:0!important;
  }
  .catalog .product-media{
    aspect-ratio:1/1!important;
  }
  .catalog .product-media::before{
    inset:8px!important;
  }
  .catalog .product-media img{
    width:82%!important;
    height:82%!important;
    max-width:82%!important;
    max-height:82%!important;
  }
  .catalog .product-card:hover{
    transform:none!important;
  }
  .catalog .product-card:hover .product-media img{
    transform:none!important;
  }
  .catalog .product-body{
    padding:15px!important;
  }
  .catalog .product-body h3{
    font-size:.96rem!important;
  }
  .catalog .product-body p{
    min-height:0!important;
    font-size:.84rem!important;
  }
  .catalog .product-foot{
    grid-template-columns:1fr auto!important;
    gap:10px!important;
  }
  .catalog .price-block strong{
    font-size:1.08rem!important;
  }
  .catalog .price-block small{
    max-width:180px!important;
    font-size:.48rem!important;
  }
  .catalog .view-seat{
    min-height:34px!important;
    padding:0 12px!important;
    font-size:.56rem!important;
  }
}
@media(max-width:390px){
  .catalog .product-foot{
    grid-template-columns:1fr!important;
  }
  .catalog .view-seat{
    width:100%!important;
  }
  .catalog .price-block small{
    max-width:100%!important;
  }
}

/* 20260608 full-bleed shop covers: the product image is the card surface. */
.catalog .product-card{
  background:#fff!important;
}
.catalog .product-media{
  aspect-ratio:4/3!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.catalog .product-media::before,
.catalog .product-media::after{
  display:none!important;
}
.catalog .product-media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
}
.catalog .product-card:hover .product-media img{
  transform:scale(1.018)!important;
  filter:none!important;
}
.catalog .product-body{
  border-top:1px solid rgba(15,19,23,.075)!important;
  background:#fff!important;
}
@media(max-width:760px){
  .catalog .product-media{
    aspect-ratio:4/3!important;
  }
  .catalog .product-media img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
  }
}

/* 20260608 mobile nav polish: no glare over tab icons. */
@media(max-width:760px){
  .mobile-bottom-nav{
    border-radius:8px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(15,19,23,.10)!important;
    box-shadow:0 14px 34px rgba(20,27,34,.16),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  .mobile-bottom-nav .nav-link{
    position:relative!important;
    overflow:hidden!important;
    border-radius:8px!important;
    background:transparent!important;
    border:1px solid transparent!important;
    color:#1f2932!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .mobile-bottom-nav .nav-link::before,
  .mobile-bottom-nav .nav-link::after{
    content:none!important;
    display:none!important;
    animation:none!important;
    background:none!important;
    box-shadow:none!important;
  }
  .mobile-bottom-nav .nav-link .nav-icon{
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    transform:none!important;
  }
  .mobile-bottom-nav .nav-link span{
    color:#1f2932!important;
  }
  .mobile-bottom-nav .nav-link.active{
    background:linear-gradient(180deg,#fff,#eef1f4)!important;
    border-color:rgba(170,142,85,.55)!important;
    color:#0f1317!important;
    box-shadow:0 8px 18px rgba(20,27,34,.12),inset 0 -2px 0 rgba(170,142,85,.72)!important;
  }
  .mobile-bottom-nav .nav-link.active .nav-icon{
    filter:none!important;
    opacity:1!important;
  }
  .mobile-bottom-nav .nav-link.active span{
    color:#0f1317!important;
  }
}

/* 20260610 bottom nav hard reset: keep active icons crisp, no glare layer. */
@media(max-width:760px){
  .mobile-bottom-nav{
    background:#fff!important;
    border:1px solid rgba(15,19,23,.11)!important;
    box-shadow:0 12px 30px rgba(20,27,34,.14)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .mobile-bottom-nav .nav-link,
  .mobile-bottom-nav .nav-link.active,
  .mobile-bottom-nav .nav-link:hover{
    overflow:hidden!important;
    background:transparent!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
  }
  .mobile-bottom-nav .nav-link::before,
  .mobile-bottom-nav .nav-link::after,
  .mobile-bottom-nav .nav-link.active::before,
  .mobile-bottom-nav .nav-link.active::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    animation:none!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
  }
  .mobile-bottom-nav .nav-link .nav-icon,
  .mobile-bottom-nav .nav-link.active .nav-icon{
    position:relative!important;
    z-index:2!important;
    width:25px!important;
    height:25px!important;
    object-fit:contain!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    transform:none!important;
  }
  .mobile-bottom-nav .nav-link span,
  .mobile-bottom-nav .nav-link.active span{
    position:relative!important;
    z-index:2!important;
    color:#111820!important;
    text-shadow:none!important;
  }
  .mobile-bottom-nav .nav-link.active{
    background:linear-gradient(180deg,#f8fafb,#eceff2)!important;
    border-color:rgba(15,19,23,.12)!important;
  }
  .mobile-bottom-nav .nav-link.active::marker{
    content:""!important;
  }
  .mobile-bottom-nav .nav-link.active > span::after{
    content:""!important;
    display:block!important;
    width:22px!important;
    height:2px!important;
    margin:3px auto 0!important;
    border-radius:999px!important;
    background:#b08e48!important;
    box-shadow:none!important;
  }
}

/* 20260610 mobile nav final: replace metallic PNGs with crisp CSS icons. */
@media(max-width:760px){
  .mobile-bottom-nav .nav-link .nav-icon{
    display:none!important;
  }
  .mobile-bottom-nav .nav-link::before,
  .mobile-bottom-nav .nav-link.active::before,
  .mobile-bottom-nav .nav-link:hover::before{
    content:""!important;
    display:block!important;
    position:relative!important;
    z-index:2!important;
    width:24px!important;
    height:24px!important;
    margin:0 auto!important;
    background:currentColor!important;
    color:inherit!important;
    opacity:1!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    mask-repeat:no-repeat!important;
    mask-position:center!important;
    mask-size:contain!important;
    -webkit-mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    -webkit-mask-size:contain!important;
  }
  .mobile-bottom-nav .nav-link[data-page="home"]::before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3Cpath d='M9.5 20v-5h5v5'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3Cpath d='M9.5 20v-5h5v5'/%3E%3C/svg%3E")!important;
  }
  .mobile-bottom-nav .nav-link[data-page="shop"]::before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7L6 8Z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7L6 8Z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3C/svg%3E")!important;
  }
  .mobile-bottom-nav .nav-link[data-page="warranty"]::before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.5-2.8 8-7 10-4.2-2-7-5.5-7-10V6l7-3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.5-2.8 8-7 10-4.2-2-7-5.5-7-10V6l7-3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")!important;
  }
  .mobile-bottom-nav .nav-link[data-page="track"]::before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s6-5.1 6-11a6 6 0 1 0-12 0c0 5.9 6 11 6 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s6-5.1 6-11a6 6 0 1 0-12 0c0 5.9 6 11 6 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E")!important;
  }
  .mobile-bottom-nav .nav-link[data-page="gallery"]::before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='m7 16 3.5-3.5 2.7 2.7 2-2L19 17'/%3E%3Ccircle cx='9' cy='9' r='1.2'/%3E%3C/svg%3E")!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='m7 16 3.5-3.5 2.7 2.7 2-2L19 17'/%3E%3Ccircle cx='9' cy='9' r='1.2'/%3E%3C/svg%3E")!important;
  }
  .mobile-bottom-nav .nav-link.active{
    color:#0f171f!important;
    background:#f1f3f5!important;
    border-color:rgba(15,19,23,.12)!important;
  }
}

/* 20260610 desktop/tablet nav final: keep the original PNG artwork crisp with no bright glare. */
.site-header .nav-link::before,
.site-header .nav-link::after,
.site-header .nav-link.active::before,
.site-header .nav-link.active::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  animation:none!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

.site-header .nav-link,
.site-header .nav-link:hover,
.site-header .nav-link.active{
  overflow:hidden!important;
  border-radius:999px!important;
  background:transparent!important;
  border-color:transparent!important;
  color:#27313b!important;
  text-shadow:none!important;
  filter:none!important;
}

.site-header .nav-link:hover{
  background:linear-gradient(180deg,#fff,#f6f8fa)!important;
  border-color:rgba(15,19,23,.10)!important;
  box-shadow:0 8px 20px rgba(20,27,34,.08)!important;
}

.site-header .nav-link.active{
  background:linear-gradient(180deg,#fff,#eef1f4)!important;
  border-color:rgba(15,19,23,.12)!important;
  color:#111820!important;
  box-shadow:0 10px 24px rgba(20,27,34,.10),inset 0 -2px 0 rgba(170,142,85,.74)!important;
}

.site-header .nav-link .nav-icon,
.site-header .nav-link:hover .nav-icon,
.site-header .nav-link.active .nav-icon{
  display:block!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}

.site-header .nav-link span,
.site-header .nav-link.active span{
  color:#27313b!important;
  text-shadow:none!important;
}

/* 20260610 mobile nav PNG restore: use the uploaded PNG icons, never the bright mask/glow state. */
@media(max-width:760px){
  .mobile-bottom-nav .nav-link::before,
  .mobile-bottom-nav .nav-link::after,
  .mobile-bottom-nav .nav-link.active::before,
  .mobile-bottom-nav .nav-link.active::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    animation:none!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }

  .mobile-bottom-nav .nav-link .nav-icon,
  .mobile-bottom-nav .nav-link:hover .nav-icon,
  .mobile-bottom-nav .nav-link.active .nav-icon{
    display:block!important;
    width:25px!important;
    height:25px!important;
    object-fit:contain!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    transform:none!important;
  }

  .mobile-bottom-nav .nav-link,
  .mobile-bottom-nav .nav-link:hover,
  .mobile-bottom-nav .nav-link.active{
    background:transparent!important;
    color:#27313b!important;
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
  }

  .mobile-bottom-nav .nav-link.active{
    background:linear-gradient(180deg,#fff,#edf0f3)!important;
    border-color:rgba(15,19,23,.12)!important;
    box-shadow:0 8px 18px rgba(20,27,34,.12),inset 0 -2px 0 rgba(170,142,85,.72)!important;
  }

  .mobile-bottom-nav .nav-link span,
  .mobile-bottom-nav .nav-link.active span{
    color:#27313b!important;
    text-shadow:none!important;
  }
}

/* 20260614 mobile country selector: show flags and country choices immediately. */
@media(max-width:760px){
  .region-modal.active{
    padding:7px!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  .region-card{
    width:100%!important;
    height:calc(100dvh - 14px)!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)!important;
  }

  .region-card .icon-close{
    top:14px!important;
    right:14px!important;
    width:48px!important;
    height:48px!important;
    box-shadow:0 14px 30px rgba(15,19,23,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  .region-head{
    flex:0 0 auto!important;
    padding:22px 76px 10px 18px!important;
    background:linear-gradient(145deg,#fff 0%,#f4f7f9 100%)!important;
  }

  .region-head .eyebrow{
    color:#a48648!important;
    font-size:.66rem!important;
    letter-spacing:.08em!important;
  }

  .region-head h2{
    margin:7px 0 8px!important;
    color:#1f2a33!important;
    font-size:clamp(2rem,8.7vw,2.55rem)!important;
    line-height:.96!important;
    letter-spacing:-.025em!important;
  }

  .region-head p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-width:100%!important;
    margin:0!important;
    color:#5f6c76!important;
    font-size:.82rem!important;
    line-height:1.36!important;
  }

  .region-tools{
    order:2!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:0 16px 10px!important;
    background:#fff!important;
  }

  .region-tools input{
    min-height:48px!important;
    border-radius:14px!important;
    padding:0 16px!important;
    font-size:.9rem!important;
    font-weight:850!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,19,23,.06),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  #regionDefault{
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    border-radius:14px!important;
    padding:8px 12px!important;
    background:linear-gradient(180deg,#111820,#0b0f13)!important;
    color:#fff!important;
    box-shadow:0 14px 28px rgba(15,19,23,.18)!important;
    text-align:left!important;
  }

  #regionDefault .button-flag{
    width:38px!important;
    height:27px!important;
    border-radius:6px!important;
    border-color:rgba(255,255,255,.25)!important;
    box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
  }

  #regionDefault span{
    display:grid!important;
    gap:2px!important;
    min-width:0!important;
  }

  #regionDefault strong{
    color:#fff!important;
    font-size:.67rem!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  #regionDefault small{
    color:rgba(255,255,255,.72)!important;
    font-size:.78rem!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }

  .region-benefits{
    order:3!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0 16px 10px!important;
    background:#fff!important;
  }

  .region-benefits div{
    min-height:52px!important;
    align-content:center!important;
    gap:2px!important;
    border-radius:11px!important;
    padding:8px 7px!important;
    background:linear-gradient(180deg,#fff,#f4f6f8)!important;
    border-color:rgba(15,19,23,.08)!important;
  }

  .region-benefits strong{
    color:#151c23!important;
    font-size:.56rem!important;
    line-height:1.08!important;
    letter-spacing:.04em!important;
  }

  .region-benefits span{
    color:#6b7781!important;
    font-size:.64rem!important;
    line-height:1.12!important;
  }

  .region-list{
    order:4!important;
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    gap:8px!important;
    padding:0 14px 12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#fff!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .region-option{
    grid-template-columns:54px minmax(0,1fr) 30px!important;
    min-height:72px!important;
    gap:12px!important;
    align-items:center!important;
    border-radius:13px!important;
    padding:9px 10px!important;
    background:linear-gradient(180deg,#fff,#f7f9fa)!important;
    border:1px solid rgba(15,19,23,.09)!important;
    box-shadow:0 8px 20px rgba(15,19,23,.055),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  .region-option.selected{
    border-color:rgba(15,19,23,.78)!important;
    background:linear-gradient(180deg,#fff,#f0f3f5)!important;
    box-shadow:0 0 0 2px rgba(170,142,85,.24),0 14px 28px rgba(15,19,23,.10)!important;
  }

  .region-option .flag{
    width:54px!important;
    height:38px!important;
    border-radius:7px!important;
    border:1px solid rgba(15,19,23,.10)!important;
    box-shadow:0 8px 16px rgba(15,19,23,.10)!important;
  }

  .region-option strong{
    color:#111820!important;
    font-size:.94rem!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .region-option small{
    margin-top:3px!important;
    color:#68747f!important;
    font-size:.74rem!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .region-option em{
    display:none!important;
  }

  .region-check{
    min-width:28px!important;
    width:28px!important;
    height:28px!important;
    min-height:28px!important;
    border-radius:999px!important;
    padding:0!important;
    font-size:0!important;
    background:#eef1f3!important;
  }

  .region-check::before{
    content:""!important;
    width:9px!important;
    height:9px!important;
    border-radius:50%!important;
    background:#aab3bb!important;
  }

  .region-option.selected .region-check{
    background:#111820!important;
  }

  .region-option.selected .region-check::before{
    width:11px!important;
    height:7px!important;
    border-radius:0!important;
    background:transparent!important;
    border-left:2px solid #fff!important;
    border-bottom:2px solid #fff!important;
    transform:rotate(-45deg) translate(1px,-1px)!important;
  }

  .region-foot{
    order:5!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,.86),#f4f7f9)!important;
    border-top:1px solid rgba(15,19,23,.08)!important;
  }

  .region-foot .btn{
    min-height:44px!important;
    border-radius:12px!important;
    font-size:.66rem!important;
    letter-spacing:.04em!important;
  }
}

/* 20260614 final motion pass: no animated background, repeatable content slides. */
body{
  background:
    radial-gradient(circle at 14% 8%,rgba(20,27,34,.08),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(182,155,98,.12),transparent 30%),
    linear-gradient(180deg,#f8fafb 0%,#edf2f5 46%,#f9fbfc 100%)!important;
}

.ambient-3d,
.ambient-3d::before,
.ambient-3d::after,
.ambient-3d span{
  display:none!important;
  animation:none!important;
}

.page.active:not([data-page=home])::after{
  display:none!important;
  animation:none!important;
}

.reveal{
  --reveal-x:0px;
  --reveal-y:38px;
  opacity:0!important;
  transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(.985)!important;
  transition:
    opacity .56s cubic-bezier(.2,.7,.2,1),
    transform .68s cubic-bezier(.16,.84,.22,1),
    box-shadow .22s ease,
    border-color .22s ease!important;
  transition-delay:var(--reveal-delay,0ms)!important;
  will-change:opacity,transform!important;
}

.reveal.slide-left{
  --reveal-x:-74px!important;
}

.reveal.slide-right{
  --reveal-x:74px!important;
}

.reveal.in-view{
  --reveal-x:0px!important;
  --reveal-y:0px!important;
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}

.catalog .product-card.reveal,
.brand-rail .brand-filter.reveal,
.gallery img.reveal,
.faq-card.reveal,
.warranty-card.reveal,
.panel.reveal,
.section-banner.reveal,
.hero-feature-card.reveal,
.build-preview.reveal,
.build-controls.reveal,
.checkout-product.reveal,
.checkout-panel.reveal{
  backface-visibility:hidden!important;
}

.product-card.reveal.in-view:hover{
  transform:translate3d(0,-4px,0) scale(1)!important;
}

.panel.reveal.in-view:hover,
.faq-card.reveal.in-view:hover,
.warranty-card.reveal.in-view:hover{
  transform:translate3d(0,-3px,0) scale(1)!important;
}

@media(max-width:760px){
  .reveal{
    --reveal-y:28px;
    transition-duration:.46s,.56s,.18s,.18s!important;
  }

  .reveal.slide-left{
    --reveal-x:-38px!important;
  }

  .reveal.slide-right{
    --reveal-x:38px!important;
  }

  .product-card.reveal.in-view:hover,
  .panel.reveal.in-view:hover,
  .faq-card.reveal.in-view:hover,
  .warranty-card.reveal.in-view:hover{
    transform:translate3d(0,0,0) scale(1)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ambient-3d,
  .ambient-3d::before,
  .ambient-3d::after,
  .ambient-3d span{
    display:none!important;
  }

  .reveal,
  .reveal.slide-left,
  .reveal.slide-right,
  .reveal.in-view{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* 20260617 mobile product modal final: visible actions and clean single-photo thumbnails. */
.product-modal.active{
  z-index:240!important;
}

.product-modal.active .sheet-image img,
.product-modal.active .thumb img{
  object-fit:contain!important;
  object-position:center center!important;
}

.product-modal.active .thumb{
  overflow:hidden!important;
}

@media(max-width:760px){
  .product-modal.active{
    padding:7px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  .product-modal.active .product-sheet{
    width:100%!important;
    height:calc(100dvh - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  .product-modal.active .sheet-media{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-rows:clamp(220px,38dvh,330px) 104px!important;
    min-height:0!important;
    height:auto!important;
  }

  .product-modal.active .sheet-image{
    min-height:0!important;
    height:auto!important;
    padding:6px!important;
    background:radial-gradient(ellipse at 50% 44%,#fff 0 34%,#f3f6f8 64%,#e5ebef 100%)!important;
  }

  .product-modal.active .sheet-image img{
    width:100%!important;
    height:100%!important;
    max-width:94%!important;
    max-height:94%!important;
    padding:0!important;
    margin:auto!important;
  }

  .product-modal.active .sheet-thumbs{
    height:104px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:10px 12px 14px!important;
    background:rgba(255,255,255,.96)!important;
    border-top:1px solid rgba(15,19,23,.08)!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .product-modal.active .thumb{
    flex:0 0 86px!important;
    width:86px!important;
    min-width:86px!important;
    height:72px!important;
    padding:5px!important;
    border-radius:10px!important;
    background:#fff!important;
  }

  .product-modal.active .thumb img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    filter:none!important;
  }

  .product-modal.active .sheet-info{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    padding:16px 14px calc(104px + env(safe-area-inset-bottom))!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .product-modal.active .sheet-actions-bottom{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:calc(13px + env(safe-area-inset-bottom))!important;
    z-index:260!important;
    display:flex!important;
    justify-content:center!important;
    gap:10px!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid rgba(15,19,23,.08)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 18px 42px rgba(15,19,23,.22),inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(16px)!important;
  }

  .product-modal.active .sheet-actions-bottom .btn{
    min-height:48px!important;
    border-radius:999px!important;
    padding:0 10px!important;
    font-size:.72rem!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
  }
}

/* 20260616 mobile navigation placement: keep the phone nav anchored to the viewport bottom. */
@media(max-width:760px){
  body{
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }

  .mobile-bottom-nav{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:auto!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:120!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    padding:7px!important;
    margin:0!important;
    border-radius:16px!important;
    transform:none!important;
  }
}

@media(min-width:1367px){
  .mobile-bottom-nav{
    display:none!important;
  }
}

/* 20260614 holographic mesh background: modern technical showroom. */
@keyframes gtHoloFloorRun{
  0%{transform:translate3d(-50%,-50%,0) rotateX(72deg) rotateZ(-10deg) translateY(0)}
  100%{transform:translate3d(-50%,-50%,0) rotateX(72deg) rotateZ(-10deg) translateY(-132px)}
}

@keyframes gtHoloParticleDrift{
  0%{background-position:0 0,80px 40px,160px 120px,0 0;transform:translate3d(0,0,0)}
  100%{background-position:260px -210px,-140px 240px,220px 80px,0 0;transform:translate3d(2vw,-1.4vh,0)}
}

@keyframes gtHoloPlaneFloat{
  0%,100%{transform:translate3d(var(--x),var(--y),0) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));opacity:var(--o)}
  50%{transform:translate3d(calc(var(--x) + 2.6vw),calc(var(--y) - 2.2vh),0) rotateX(var(--rx)) rotateY(calc(var(--ry) + 9deg)) rotateZ(var(--rz));opacity:calc(var(--o) + .12)}
}

@keyframes gtHoloNodes{
  0%,100%{transform:translate3d(-50%,-50%,0) scale(1);opacity:.78;filter:drop-shadow(0 0 10px rgba(182,155,98,.30))}
  50%{transform:translate3d(calc(-50% + 2.4vw),calc(-50% - 1.6vh),0) scale(1.08);opacity:1;filter:drop-shadow(0 0 20px rgba(182,155,98,.48))}
}

@keyframes gtHoloSweep{
  0%{transform:translate3d(-118vw,-14vh,0) rotate(-12deg);opacity:0}
  20%,62%{opacity:.88}
  100%{transform:translate3d(118vw,18vh,0) rotate(-12deg);opacity:0}
}

@keyframes gtHoloOrbit{
  0%{transform:translate3d(-50%,-50%,0) rotateX(64deg) rotateZ(0deg)}
  100%{transform:translate3d(-50%,-50%,0) rotateX(64deg) rotateZ(360deg)}
}

@keyframes gtHoloGridPulse{
  0%,100%{background-position:0 0,0 0;opacity:.56}
  50%{background-position:72px 0,-72px 0;opacity:.86}
}

body{
  background:
    radial-gradient(circle at 18% 10%,rgba(16,24,33,.18),transparent 29%),
    radial-gradient(circle at 88% 8%,rgba(182,155,98,.28),transparent 31%),
    radial-gradient(circle at 50% 98%,rgba(182,155,98,.18),transparent 38%),
    linear-gradient(180deg,#f8fafb 0%,#e6edf2 44%,#f9fbfc 100%)!important;
}

.ambient-3d{
  display:block!important;
  position:fixed!important;
  inset:-8vh -8vw!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  perspective:1550px!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  contain:layout paint!important;
}

.ambient-3d::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:74%!important;
  width:190vw!important;
  height:104vh!important;
  transform-origin:center!important;
  transform:translate3d(-50%,-50%,0) rotateX(72deg) rotateZ(-10deg)!important;
  background:
    linear-gradient(90deg,rgba(182,155,98,.46) 0 1px,transparent 1px 7.8vw),
    linear-gradient(0deg,rgba(18,27,36,.28) 0 1px,transparent 1px 7vh),
    linear-gradient(90deg,rgba(18,27,36,.14) 0 2px,transparent 2px 31.2vw),
    linear-gradient(0deg,rgba(182,155,98,.22) 0 2px,transparent 2px 28vh),
    linear-gradient(102deg,transparent 0 39%,rgba(255,255,255,.68) 45%,rgba(182,155,98,.26) 47%,transparent 55%),
    radial-gradient(ellipse at center,rgba(255,255,255,.84),rgba(223,231,238,.34) 54%,transparent 78%)!important;
  box-shadow:0 0 130px rgba(182,155,98,.10)!important;
  animation:gtHoloFloorRun 11.5s linear infinite!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 78%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 78%,transparent 100%)!important;
}

.ambient-3d::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  background:
    radial-gradient(circle,rgba(16,24,32,.45) 0 1.15px,transparent 1.9px),
    radial-gradient(circle,rgba(182,155,98,.44) 0 1.25px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.78) 0 1px,transparent 1.7px),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),transparent 52%)!important;
  background-size:82px 82px,136px 136px,218px 218px,100% 100%!important;
  box-shadow:none!important;
  opacity:.88!important;
  animation:gtHoloParticleDrift 22s linear infinite!important;
  mask-image:radial-gradient(ellipse at 50% 48%,#000 0%,#000 62%,transparent 88%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 0%,#000 62%,transparent 88%)!important;
}

.ambient-3d span{
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  transform-style:preserve-3d!important;
  will-change:transform,opacity,background-position!important;
}

.ambient-3d span:nth-child(1),
.ambient-3d span:nth-child(2){
  left:50%!important;
  top:50%!important;
  width:70vw!important;
  height:70vh!important;
  border:1px solid rgba(182,155,98,.30)!important;
  border-radius:16px!important;
  background:
    linear-gradient(90deg,rgba(18,27,36,.18) 0 1px,transparent 1px 44px),
    linear-gradient(0deg,rgba(182,155,98,.24) 0 1px,transparent 1px 44px),
    linear-gradient(118deg,transparent 0 40%,rgba(255,255,255,.70) 47%,rgba(182,155,98,.32) 50%,transparent 58%)!important;
  background-size:44px 44px,44px 44px,100% 100%!important;
  box-shadow:0 30px 100px rgba(20,27,34,.15),inset 0 1px 0 rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:blur(.6px)!important;
  backdrop-filter:blur(.6px)!important;
  animation:gtHoloPlaneFloat 14s ease-in-out infinite!important;
}

.ambient-3d span:nth-child(1){
  --x:-48vw;
  --y:-6vh;
  --rx:62deg;
  --ry:-34deg;
  --rz:10deg;
  --o:.70;
}

.ambient-3d span:nth-child(2){
  --x:39vw;
  --y:-12vh;
  --rx:60deg;
  --ry:38deg;
  --rz:-14deg;
  --o:.74;
  animation-duration:17s!important;
}

.ambient-3d span:nth-child(3){
  inset:1vh 0 auto 0!important;
  width:auto!important;
  height:68vh!important;
  border:0!important;
  border-radius:0!important;
  background:
    repeating-linear-gradient(90deg,rgba(182,155,98,.13) 0 1px,transparent 1px 16vw),
    repeating-linear-gradient(0deg,rgba(18,27,36,.09) 0 1px,transparent 1px 10vh)!important;
  box-shadow:none!important;
  transform:none!important;
  animation:gtHoloGridPulse 8.5s ease-in-out infinite!important;
  opacity:.88!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)!important;
}

.ambient-3d span:nth-child(4){
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(182,155,98,.96)!important;
  box-shadow:
    -45vw -19vh 0 1px rgba(182,155,98,.62),
    -37vw 12vh 0 0 rgba(18,27,36,.44),
    -27vw -32vh 0 1px rgba(255,255,255,.86),
    -17vw 26vh 0 0 rgba(182,155,98,.66),
    -6vw -7vh 0 1px rgba(18,27,36,.40),
    6vw 18vh 0 1px rgba(182,155,98,.64),
    16vw -25vh 0 0 rgba(18,27,36,.48),
    27vw 5vh 0 1px rgba(255,255,255,.82),
    38vw -13vh 0 0 rgba(182,155,98,.64),
    48vw 24vh 0 1px rgba(18,27,36,.42)!important;
  animation:gtHoloNodes 10.5s ease-in-out infinite!important;
  opacity:.96!important;
}

.ambient-3d span:nth-child(5){
  left:50%!important;
  top:51%!important;
  width:min(92vw,1120px)!important;
  height:min(92vw,1120px)!important;
  border-radius:50%!important;
  border:1px solid rgba(182,155,98,.34)!important;
  background:
    conic-gradient(from 215deg,transparent 0 10%,rgba(182,155,98,.36) 15%,rgba(255,255,255,.58) 18%,transparent 23% 47%,rgba(18,27,36,.14) 53%,transparent 63%),
    radial-gradient(circle,transparent 42%,rgba(182,155,98,.20) 44%,transparent 47%,transparent 58%,rgba(18,27,36,.11) 59%,transparent 62%)!important;
  box-shadow:0 0 96px rgba(182,155,98,.14)!important;
  opacity:.76!important;
  animation:gtHoloOrbit 28s linear infinite reverse!important;
}

.ambient-3d span:nth-child(6){
  left:0!important;
  top:34%!important;
  width:138vw!important;
  height:3px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(18,27,36,.12),rgba(182,155,98,.92),rgba(255,255,255,.98),transparent)!important;
  box-shadow:0 0 32px rgba(182,155,98,.38),0 0 86px rgba(255,255,255,.36)!important;
  opacity:.78!important;
  animation:gtHoloSweep 7.2s cubic-bezier(.2,.7,.2,1) infinite!important;
}

.page.active:not([data-page=home])::after{
  content:""!important;
  position:absolute!important;
  inset:12px max(10px,2.5vw) 24px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:20px!important;
  background:
    linear-gradient(90deg,rgba(182,155,98,.20) 0 1px,transparent 1px 78px),
    linear-gradient(0deg,rgba(18,27,36,.11) 0 1px,transparent 1px 78px),
    radial-gradient(circle at 18% 12%,rgba(182,155,98,.22),transparent 29%),
    radial-gradient(circle at 86% 16%,rgba(18,27,36,.13),transparent 32%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 40px 120px rgba(20,27,34,.08)!important;
  opacity:.74!important;
  animation:gtHoloGridPulse 9s ease-in-out infinite!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 83%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 83%,transparent 100%)!important;
}

@media(max-width:760px){
  .ambient-3d{
    inset:-6vh -18vw!important;
    perspective:1240px!important;
    opacity:.96!important;
  }

  .ambient-3d::before{
    top:75%!important;
    width:238vw!important;
    height:82vh!important;
  }

  .ambient-3d::after{
    background-size:72px 72px,112px 112px,184px 184px,100% 100%!important;
    opacity:.76!important;
  }

  .ambient-3d span:nth-child(1){
    --x:-62vw;
    --y:0vh;
    width:94vw!important;
    height:48vh!important;
    opacity:.62!important;
  }

  .ambient-3d span:nth-child(2){
    --x:55vw;
    --y:-8vh;
    width:80vw!important;
    height:56vh!important;
    opacity:.64!important;
  }

  .ambient-3d span:nth-child(3){
    height:58vh!important;
    opacity:.64!important;
  }

  .ambient-3d span:nth-child(5){
    width:132vw!important;
    height:132vw!important;
    opacity:.56!important;
  }

  .ambient-3d span:nth-child(6){
    width:156vw!important;
    opacity:.70!important;
  }

  .page.active:not([data-page=home])::after{
    inset:8px 6px 22px!important;
    opacity:.62!important;
    background:
      linear-gradient(90deg,rgba(182,155,98,.17) 0 1px,transparent 1px 56px),
      linear-gradient(0deg,rgba(18,27,36,.09) 0 1px,transparent 1px 56px),
      radial-gradient(circle at 18% 10%,rgba(182,155,98,.20),transparent 34%)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ambient-3d,
  .ambient-3d::before,
  .ambient-3d::after,
  .ambient-3d span,
  .page.active:not([data-page=home])::after{
    animation:none!important;
  }
}

/* 20260614 final override: force CAD grid and particle background over older ambience. */
.ambient-3d::before{
  top:73%!important;
  width:182vw!important;
  height:95vh!important;
  transform:translate3d(-50%,-50%,0) rotateX(69deg) rotateZ(-13deg)!important;
  background:
    linear-gradient(90deg,rgba(176,142,72,.42) 0 1px,transparent 1px 8.2vw),
    linear-gradient(0deg,rgba(18,27,36,.26) 0 1px,transparent 1px 7.4vh),
    linear-gradient(90deg,rgba(17,24,32,.10) 0 2px,transparent 2px 32.8vw),
    linear-gradient(0deg,rgba(176,142,72,.18) 0 2px,transparent 2px 29.6vh),
    radial-gradient(ellipse at center,rgba(255,255,255,.80),rgba(223,231,238,.36) 54%,transparent 78%)!important;
  animation:gtCadFloor 12s linear infinite!important;
}

.ambient-3d::after{
  inset:0!important;
  width:auto!important;
  border:0!important;
  background:
    radial-gradient(circle,rgba(16,24,32,.42) 0 1.2px,transparent 1.9px),
    radial-gradient(circle,rgba(176,142,72,.38) 0 1.3px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.7px),
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.20),transparent 50%)!important;
  background-size:92px 92px,148px 148px,236px 236px,100% 100%!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:.84!important;
  animation:gtParticleField 24s linear infinite!important;
}

.ambient-3d span:nth-child(1),
.ambient-3d span:nth-child(2){
  width:68vw!important;
  height:66vh!important;
  border:1px solid rgba(176,142,72,.26)!important;
  border-radius:14px!important;
  background:
    linear-gradient(90deg,rgba(18,27,36,.18) 0 1px,transparent 1px 48px),
    linear-gradient(0deg,rgba(176,142,72,.22) 0 1px,transparent 1px 48px),
    linear-gradient(115deg,transparent 0 41%,rgba(255,255,255,.62) 48%,rgba(176,142,72,.28) 50%,transparent 58%)!important;
  background-size:48px 48px,48px 48px,100% 100%!important;
  box-shadow:0 24px 90px rgba(20,27,34,.13),inset 0 1px 0 rgba(255,255,255,.82)!important;
  animation:gtCadWall 15s ease-in-out infinite!important;
}

.ambient-3d span:nth-child(1){
  --x:-47vw;
  --y:-4vh;
  --rx:61deg;
  --ry:-32deg;
  --rz:11deg;
  --o:.66;
}

.ambient-3d span:nth-child(2){
  --x:39vw;
  --y:-10vh;
  --rx:59deg;
  --ry:36deg;
  --rz:-14deg;
  --o:.70;
  animation-duration:18s!important;
}

.ambient-3d span:nth-child(3){
  inset:2vh 0 auto 0!important;
  height:64vh!important;
  border:0!important;
  background:
    repeating-linear-gradient(90deg,rgba(176,142,72,.11) 0 1px,transparent 1px 18vw),
    repeating-linear-gradient(0deg,rgba(18,27,36,.08) 0 1px,transparent 1px 11vh)!important;
  animation:gtDataPulse 9s ease-in-out infinite!important;
  opacity:.82!important;
}

.ambient-3d span:nth-child(4){
  width:5px!important;
  height:5px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(176,142,72,.90)!important;
  box-shadow:
    -42vw -18vh 0 1px rgba(176,142,72,.56),
    -33vw 12vh 0 0 rgba(18,27,36,.42),
    -24vw -30vh 0 1px rgba(255,255,255,.80),
    -14vw 26vh 0 0 rgba(176,142,72,.62),
    -5vw -6vh 0 1px rgba(18,27,36,.38),
    8vw 18vh 0 1px rgba(176,142,72,.60),
    17vw -24vh 0 0 rgba(18,27,36,.46),
    28vw 4vh 0 1px rgba(255,255,255,.76),
    38vw -13vh 0 0 rgba(176,142,72,.58),
    47vw 24vh 0 1px rgba(18,27,36,.38)!important;
  animation:gtNodeFloat 11s ease-in-out infinite!important;
  opacity:.92!important;
}

.ambient-3d span:nth-child(5){
  width:min(86vw,1060px)!important;
  height:min(86vw,1060px)!important;
  opacity:.72!important;
}

.ambient-3d span:nth-child(6){
  width:130vw!important;
  background:linear-gradient(90deg,transparent,rgba(18,27,36,.10),rgba(176,142,72,.84),rgba(255,255,255,.96),transparent)!important;
  animation:gtScanLine 7.5s cubic-bezier(.2,.7,.2,1) infinite!important;
  opacity:.74!important;
}

.page.active:not([data-page=home])::after{
  background:
    linear-gradient(90deg,rgba(176,142,72,.18) 0 1px,transparent 1px 84px),
    linear-gradient(0deg,rgba(18,27,36,.10) 0 1px,transparent 1px 84px),
    radial-gradient(circle at 20% 14%,rgba(176,142,72,.20),transparent 28%),
    radial-gradient(circle at 84% 16%,rgba(18,27,36,.12),transparent 30%)!important;
  animation:gtDataPulse 10s ease-in-out infinite!important;
}

@media(max-width:760px){
  .ambient-3d::before{
    top:75%!important;
    width:230vw!important;
    height:78vh!important;
  }

  .ambient-3d::after{
    background-size:74px 74px,116px 116px,188px 188px,100% 100%!important;
    opacity:.72!important;
  }

  .ambient-3d span:nth-child(1){
    --x:-60vw;
    --y:0vh;
    width:92vw!important;
    height:48vh!important;
    opacity:.56!important;
  }

  .ambient-3d span:nth-child(2){
    --x:54vw;
    --y:-8vh;
    width:78vw!important;
    height:54vh!important;
    opacity:.58!important;
  }

  .ambient-3d span:nth-child(3){
    height:58vh!important;
    opacity:.60!important;
  }

  .ambient-3d span:nth-child(5){
    width:126vw!important;
    height:126vw!important;
    opacity:.52!important;
  }

  .ambient-3d span:nth-child(6){
    width:150vw!important;
    opacity:.66!important;
  }
}

/* 20260614 complex CAD grid + particle background. */
@keyframes gtCadFloor{
  0%{transform:translate3d(-50%,-50%,0) rotateX(69deg) rotateZ(-13deg) translateY(0)}
  100%{transform:translate3d(-50%,-50%,0) rotateX(69deg) rotateZ(-13deg) translateY(-128px)}
}

@keyframes gtCadWall{
  0%,100%{transform:translate3d(var(--x),var(--y),0) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) translateY(0);opacity:var(--o)}
  50%{transform:translate3d(calc(var(--x) + 2vw),calc(var(--y) - 1.4vh),0) rotateX(var(--rx)) rotateY(calc(var(--ry) + 7deg)) rotateZ(var(--rz)) translateY(22px);opacity:calc(var(--o) + .08)}
}

@keyframes gtParticleField{
  0%{background-position:0 0,44px 30px,80px 120px,0 0;transform:translate3d(0,0,0)}
  100%{background-position:220px -180px,-120px 210px,180px 80px,0 0;transform:translate3d(1.8vw,-1.2vh,0)}
}

@keyframes gtNodeFloat{
  0%,100%{transform:translate3d(-50%,-50%,0) scale(1);filter:drop-shadow(0 0 10px rgba(176,142,72,.28));opacity:.78}
  50%{transform:translate3d(calc(-50% + 2.2vw),calc(-50% - 2vh),0) scale(1.08);filter:drop-shadow(0 0 18px rgba(176,142,72,.42));opacity:1}
}

@keyframes gtScanLine{
  0%{transform:translate3d(-120vw,-12vh,0) rotate(-11deg);opacity:0}
  18%,58%{opacity:.86}
  100%{transform:translate3d(120vw,18vh,0) rotate(-11deg);opacity:0}
}

@keyframes gtDataPulse{
  0%,100%{background-position:0 0,0 0;opacity:.42}
  50%{background-position:72px 0,-72px 0;opacity:.72}
}

body{
  background:
    radial-gradient(circle at 18% 12%,rgba(23,33,44,.16),transparent 29%),
    radial-gradient(circle at 88% 10%,rgba(176,142,72,.24),transparent 31%),
    radial-gradient(circle at 52% 96%,rgba(176,142,72,.18),transparent 38%),
    linear-gradient(180deg,#f7f9fb 0%,#e8eef2 46%,#f9fbfc 100%)!important;
}

.ambient-3d{
  display:block!important;
  position:fixed!important;
  inset:-7vh -7vw!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  perspective:1450px!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  contain:layout paint!important;
}

.ambient-3d::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:73%!important;
  width:182vw!important;
  height:95vh!important;
  transform-origin:center!important;
  transform:translate3d(-50%,-50%,0) rotateX(69deg) rotateZ(-13deg)!important;
  background:
    linear-gradient(90deg,rgba(176,142,72,.42) 0 1px,transparent 1px 8.2vw),
    linear-gradient(0deg,rgba(18,27,36,.26) 0 1px,transparent 1px 7.4vh),
    linear-gradient(90deg,rgba(17,24,32,.10) 0 2px,transparent 2px 32.8vw),
    linear-gradient(0deg,rgba(176,142,72,.18) 0 2px,transparent 2px 29.6vh),
    radial-gradient(ellipse at center,rgba(255,255,255,.80),rgba(223,231,238,.36) 54%,transparent 78%)!important;
  box-shadow:0 0 120px rgba(176,142,72,.08)!important;
  animation:gtCadFloor 12s linear infinite!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 76%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 76%,transparent 100%)!important;
}

.ambient-3d::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle,rgba(16,24,32,.42) 0 1.2px,transparent 1.9px),
    radial-gradient(circle,rgba(176,142,72,.38) 0 1.3px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.7px),
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.20),transparent 50%)!important;
  background-size:92px 92px,148px 148px,236px 236px,100% 100%!important;
  opacity:.84!important;
  animation:gtParticleField 24s linear infinite!important;
  mask-image:radial-gradient(ellipse at 50% 50%,#000 0%,#000 58%,transparent 86%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0%,#000 58%,transparent 86%)!important;
}

.ambient-3d span{
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  transform-style:preserve-3d!important;
  will-change:transform,opacity,background-position!important;
}

.ambient-3d span:nth-child(1),
.ambient-3d span:nth-child(2){
  left:50%!important;
  top:50%!important;
  width:68vw!important;
  height:66vh!important;
  border:1px solid rgba(176,142,72,.26)!important;
  border-radius:14px!important;
  background:
    linear-gradient(90deg,rgba(18,27,36,.18) 0 1px,transparent 1px 48px),
    linear-gradient(0deg,rgba(176,142,72,.22) 0 1px,transparent 1px 48px),
    linear-gradient(115deg,transparent 0 41%,rgba(255,255,255,.62) 48%,rgba(176,142,72,.28) 50%,transparent 58%)!important;
  background-size:48px 48px,48px 48px,100% 100%!important;
  box-shadow:0 24px 90px rgba(20,27,34,.13),inset 0 1px 0 rgba(255,255,255,.82)!important;
  -webkit-backdrop-filter:blur(.5px)!important;
  backdrop-filter:blur(.5px)!important;
  animation:gtCadWall 15s ease-in-out infinite!important;
}

.ambient-3d span:nth-child(1){
  --x:-47vw;
  --y:-4vh;
  --rx:61deg;
  --ry:-32deg;
  --rz:11deg;
  --o:.66;
}

.ambient-3d span:nth-child(2){
  --x:39vw;
  --y:-10vh;
  --rx:59deg;
  --ry:36deg;
  --rz:-14deg;
  --o:.70;
  animation-duration:18s!important;
}

.ambient-3d span:nth-child(3){
  inset:2vh 0 auto 0!important;
  height:64vh!important;
  border:0!important;
  background:
    repeating-linear-gradient(90deg,rgba(176,142,72,.11) 0 1px,transparent 1px 18vw),
    repeating-linear-gradient(0deg,rgba(18,27,36,.08) 0 1px,transparent 1px 11vh)!important;
  animation:gtDataPulse 9s ease-in-out infinite!important;
  opacity:.82!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 83%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 83%,transparent 100%)!important;
}

.ambient-3d span:nth-child(4){
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(176,142,72,.90)!important;
  box-shadow:
    -42vw -18vh 0 1px rgba(176,142,72,.56),
    -33vw 12vh 0 0 rgba(18,27,36,.42),
    -24vw -30vh 0 1px rgba(255,255,255,.80),
    -14vw 26vh 0 0 rgba(176,142,72,.62),
    -5vw -6vh 0 1px rgba(18,27,36,.38),
    8vw 18vh 0 1px rgba(176,142,72,.60),
    17vw -24vh 0 0 rgba(18,27,36,.46),
    28vw 4vh 0 1px rgba(255,255,255,.76),
    38vw -13vh 0 0 rgba(176,142,72,.58),
    47vw 24vh 0 1px rgba(18,27,36,.38)!important;
  animation:gtNodeFloat 11s ease-in-out infinite!important;
  opacity:.92!important;
}

.ambient-3d span:nth-child(5){
  left:50%!important;
  top:52%!important;
  width:min(86vw,1060px)!important;
  height:min(86vw,1060px)!important;
  border-radius:50%!important;
  border:1px solid rgba(176,142,72,.30)!important;
  background:
    conic-gradient(from 210deg,transparent 0 12%,rgba(176,142,72,.30) 17%,rgba(255,255,255,.48) 19%,transparent 24% 48%,rgba(18,27,36,.13) 52%,transparent 62%),
    radial-gradient(circle,transparent 44%,rgba(176,142,72,.18) 45%,transparent 47%,transparent 58%,rgba(18,27,36,.10) 59%,transparent 61%)!important;
  box-shadow:0 0 84px rgba(176,142,72,.12)!important;
  opacity:.72!important;
  animation:gtRingTurn 30s linear infinite reverse!important;
}

.ambient-3d span:nth-child(6){
  left:0!important;
  top:34%!important;
  width:130vw!important;
  height:3px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(18,27,36,.10),rgba(176,142,72,.84),rgba(255,255,255,.96),transparent)!important;
  box-shadow:0 0 28px rgba(176,142,72,.34),0 0 78px rgba(255,255,255,.34)!important;
  opacity:.74!important;
  animation:gtScanLine 7.5s cubic-bezier(.2,.7,.2,1) infinite!important;
}

.page.active:not([data-page=home])::after{
  content:""!important;
  position:absolute!important;
  inset:14px max(10px,2.5vw) 24px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:18px!important;
  background:
    linear-gradient(90deg,rgba(176,142,72,.18) 0 1px,transparent 1px 84px),
    linear-gradient(0deg,rgba(18,27,36,.10) 0 1px,transparent 1px 84px),
    radial-gradient(circle at 20% 14%,rgba(176,142,72,.20),transparent 28%),
    radial-gradient(circle at 84% 16%,rgba(18,27,36,.12),transparent 30%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 38px 110px rgba(20,27,34,.08)!important;
  opacity:.72!important;
  animation:gtDataPulse 10s ease-in-out infinite!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 82%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 82%,transparent 100%)!important;
}

@media(max-width:760px){
  .ambient-3d{
    inset:-6vh -18vw!important;
    perspective:1200px!important;
    opacity:.95!important;
  }

  .ambient-3d::before{
    top:75%!important;
    width:230vw!important;
    height:78vh!important;
  }

  .ambient-3d::after{
    background-size:74px 74px,116px 116px,188px 188px,100% 100%!important;
    opacity:.72!important;
  }

  .ambient-3d span:nth-child(1){
    --x:-60vw;
    --y:0vh;
    width:92vw!important;
    height:48vh!important;
    opacity:.56!important;
  }

  .ambient-3d span:nth-child(2){
    --x:54vw;
    --y:-8vh;
    width:78vw!important;
    height:54vh!important;
    opacity:.58!important;
  }

  .ambient-3d span:nth-child(3){
    height:58vh!important;
    opacity:.60!important;
  }

  .ambient-3d span:nth-child(4){
    opacity:.78!important;
  }

  .ambient-3d span:nth-child(5){
    width:126vw!important;
    height:126vw!important;
    opacity:.52!important;
  }

  .ambient-3d span:nth-child(6){
    width:150vw!important;
    opacity:.66!important;
  }

  .page.active:not([data-page=home])::after{
    inset:8px 6px 22px!important;
    opacity:.58!important;
    background:
      linear-gradient(90deg,rgba(176,142,72,.15) 0 1px,transparent 1px 58px),
      linear-gradient(0deg,rgba(18,27,36,.08) 0 1px,transparent 1px 58px),
      radial-gradient(circle at 18% 10%,rgba(176,142,72,.18),transparent 34%)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ambient-3d,
  .ambient-3d::before,
  .ambient-3d::after,
  .ambient-3d span,
  .page.active:not([data-page=home])::after{
    animation:none!important;
  }
}

/* 20260614 animated 3D showroom background. */
@keyframes gtFloorRun{
  0%{transform:translate3d(-50%,-50%,0) rotateX(68deg) rotateZ(-12deg) translateY(0)}
  100%{transform:translate3d(-50%,-50%,0) rotateX(68deg) rotateZ(-12deg) translateY(-96px)}
}

@keyframes gtGlassDrift{
  0%,100%{transform:translate3d(var(--x),var(--y),0) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) translateY(-10px);opacity:var(--o)}
  50%{transform:translate3d(calc(var(--x) + 1.4vw),calc(var(--y) - 2.2vh),0) rotateX(var(--rx)) rotateY(calc(var(--ry) + 7deg)) rotateZ(var(--rz)) translateY(12px);opacity:calc(var(--o) + .10)}
}

@keyframes gtRingTurn{
  0%{transform:translate3d(-50%,-50%,0) rotateX(62deg) rotateZ(0deg)}
  100%{transform:translate3d(-50%,-50%,0) rotateX(62deg) rotateZ(360deg)}
}

@keyframes gtLightSweep{
  0%,100%{transform:translate3d(-55vw,0,0) skewX(-18deg);opacity:0}
  18%,55%{opacity:.34}
  70%{transform:translate3d(60vw,0,0) skewX(-18deg);opacity:0}
}

@keyframes gtPageAura{
  0%,100%{transform:translate3d(-2vw,0,0) rotateX(0deg);opacity:.72}
  50%{transform:translate3d(2vw,-14px,0) rotateX(0deg);opacity:.96}
}

body{
  background:
    radial-gradient(circle at 78% 4%,rgba(188,158,91,.24),transparent 28%),
    radial-gradient(circle at 8% 16%,rgba(30,42,54,.16),transparent 31%),
    radial-gradient(circle at 48% 92%,rgba(188,158,91,.18),transparent 36%),
    linear-gradient(180deg,#f7f9fb 0%,#e9eef2 44%,#f9fafb 100%)!important;
}

main,
.site-header,
footer,
.mobile-bottom-nav{
  position:relative;
  z-index:1;
}

.ambient-3d{
  display:block!important;
  position:fixed!important;
  inset:-6vh -4vw!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  perspective:1350px!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  contain:layout paint!important;
}

.ambient-3d::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:71%!important;
  width:168vw!important;
  height:88vh!important;
  background:
    linear-gradient(90deg,rgba(176,142,72,.34) 0 1px,transparent 1px 9vw),
    linear-gradient(0deg,rgba(18,27,36,.20) 0 1px,transparent 1px 8vh),
    linear-gradient(115deg,transparent 0 41%,rgba(255,255,255,.70) 47%,rgba(176,142,72,.28) 50%,transparent 57%),
    radial-gradient(ellipse at center,rgba(255,255,255,.76),rgba(223,231,237,.34) 54%,transparent 76%)!important;
  transform-origin:center!important;
  transform:translate3d(-50%,-50%,0) rotateX(68deg) rotateZ(-12deg)!important;
  animation:gtFloorRun 15s linear infinite!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 72%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 72%,transparent 100%)!important;
}

.ambient-3d::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(90vw,1080px)!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  border:1px solid rgba(176,142,72,.36)!important;
  background:
    conic-gradient(from 180deg,transparent,rgba(176,142,72,.32),rgba(255,255,255,.42),transparent 32%,rgba(26,37,48,.13),transparent 68%),
    radial-gradient(circle,transparent 46%,rgba(255,255,255,.52) 48%,rgba(176,142,72,.18) 49%,transparent 54%)!important;
  box-shadow:0 34px 110px rgba(20,27,34,.14),0 0 70px rgba(176,142,72,.14)!important;
  transform:translate3d(-50%,-50%,0) rotateX(62deg)!important;
  animation:gtRingTurn 34s linear infinite!important;
  opacity:.88!important;
}

.ambient-3d span{
  display:block!important;
  position:absolute!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:12px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.18) 44%,rgba(176,142,72,.18)),
    linear-gradient(90deg,rgba(20,27,34,.10),transparent 56%,rgba(176,142,72,.10))!important;
  box-shadow:
    0 28px 90px rgba(20,27,34,.16),
    0 0 44px rgba(176,142,72,.10),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
  -webkit-backdrop-filter:blur(1px)!important;
  backdrop-filter:blur(1px)!important;
  transform-style:preserve-3d!important;
  animation:gtGlassDrift 16s ease-in-out infinite!important;
  will-change:transform,opacity!important;
}

.ambient-3d span:nth-child(1){
  --x:-42vw;
  --y:10vh;
  --rx:64deg;
  --ry:-18deg;
  --rz:10deg;
  --o:.62;
  left:50%;
  top:42%;
  width:42vw;
  height:30vh;
  animation:gtGlassDrift 15s ease-in-out infinite!important;
  animation-duration:15s!important;
}

.ambient-3d span:nth-child(2){
  --x:34vw;
  --y:-18vh;
  --rx:58deg;
  --ry:24deg;
  --rz:-15deg;
  --o:.68;
  left:50%;
  top:48%;
  width:28vw;
  height:66vh;
  animation:gtGlassDrift 18s ease-in-out infinite!important;
  animation-duration:18s!important;
}

.ambient-3d span:nth-child(3){
  --x:-18vw;
  --y:34vh;
  --rx:68deg;
  --ry:12deg;
  --rz:-10deg;
  --o:.54;
  left:50%;
  top:50%;
  width:58vw;
  height:16vh;
  animation:gtGlassDrift 17s ease-in-out infinite!important;
  animation-duration:17s!important;
}

.ambient-3d span:nth-child(4){
  --x:46vw;
  --y:28vh;
  --rx:66deg;
  --ry:-20deg;
  --rz:13deg;
  --o:.56;
  left:50%;
  top:42%;
  width:34vw;
  height:23vh;
  animation:gtGlassDrift 20s ease-in-out infinite!important;
  animation-duration:20s!important;
}

.ambient-3d span:nth-child(5){
  left:50%!important;
  top:54%!important;
  width:min(58vw,680px)!important;
  height:min(58vw,680px)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,transparent 44%,rgba(176,142,72,.26) 45%,rgba(255,255,255,.40) 46%,transparent 51%),
    conic-gradient(from 40deg,transparent,rgba(20,27,34,.10),transparent 32%,rgba(176,142,72,.18),transparent 62%)!important;
  box-shadow:0 0 86px rgba(176,142,72,.10)!important;
  animation:gtRingTurn 26s linear infinite reverse!important;
  opacity:.74!important;
}

.ambient-3d span:nth-child(6){
  left:0!important;
  top:30%!important;
  width:56vw!important;
  height:3px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(20,27,34,.22),rgba(176,142,72,.74),rgba(255,255,255,.96),transparent)!important;
  box-shadow:0 0 34px rgba(176,142,72,.34),0 0 84px rgba(255,255,255,.34)!important;
  animation:gtLightSweep 7s ease-in-out infinite!important;
  opacity:.72!important;
}

.page.active:not([data-page=home]){
  position:relative!important;
}

.page.active:not([data-page=home])>.shell{
  position:relative!important;
  z-index:1!important;
}

.page.active:not([data-page=home])::after{
  content:""!important;
  position:absolute!important;
  inset:18px max(10px,3vw) 28px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:22px!important;
  background:
    linear-gradient(118deg,transparent 0 26%,rgba(176,142,72,.18) 33%,rgba(255,255,255,.50) 37%,transparent 45%),
    linear-gradient(64deg,transparent 0 55%,rgba(17,24,32,.10) 60%,rgba(255,255,255,.38) 64%,transparent 72%),
    radial-gradient(circle at 15% 12%,rgba(176,142,72,.20),transparent 31%),
    radial-gradient(circle at 84% 20%,rgba(21,31,42,.13),transparent 33%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 40px 120px rgba(20,27,34,.08)!important;
  transform:translate3d(0,0,0)!important;
  animation:gtPageAura 10s ease-in-out infinite!important;
  opacity:.86!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 82%,transparent 100%)!important;
}

@media(max-width:760px){
  .ambient-3d{
    inset:-5vh -18vw!important;
    opacity:.96!important;
  }

  .ambient-3d::before{
    top:73%!important;
    width:210vw!important;
    height:76vh!important;
  }

  .ambient-3d::after{
    width:128vw!important;
    opacity:.72!important;
  }

  .ambient-3d span:nth-child(1){
    --x:-44vw;
    --y:14vh;
    display:block!important;
    width:78vw;
    height:23vh;
  }

  .ambient-3d span:nth-child(2){
    --x:42vw;
    --y:-12vh;
    display:block!important;
    width:52vw;
    height:58vh;
  }

  .ambient-3d span:nth-child(3){
    --x:-20vw;
    --y:30vh;
    display:block!important;
    width:112vw;
    height:13vh;
  }

  .ambient-3d span:nth-child(4){
    display:block!important;
    --x:32vw;
    --y:22vh;
    width:66vw;
    height:18vh;
    opacity:.54!important;
  }

  .ambient-3d span:nth-child(5){
    display:block!important;
    width:112vw!important;
    height:112vw!important;
  }

  .page.active:not([data-page=home])::after{
    inset:8px 6px 24px!important;
    border-radius:16px!important;
    opacity:.74!important;
    background:
      linear-gradient(118deg,transparent 0 24%,rgba(176,142,72,.18) 32%,rgba(255,255,255,.42) 38%,transparent 48%),
      radial-gradient(circle at 18% 10%,rgba(176,142,72,.20),transparent 36%),
      radial-gradient(circle at 88% 18%,rgba(21,31,42,.14),transparent 36%)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ambient-3d,
  .ambient-3d::before,
  .ambient-3d::after,
  .ambient-3d span,
  .page.active:not([data-page=home])::after{
    animation:none!important;
  }
}

/* 20260613 stable product modal and destination selector polish. */
.product-modal.active,
.region-modal.active{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:20px!important;
  background:rgba(8,12,16,.58)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
}

.product-modal.active .product-sheet{
  width:min(1680px,calc(100vw - 40px))!important;
  height:min(820px,calc(100dvh - 40px))!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr)!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(244,247,249,.96))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 34px 110px rgba(6,10,14,.34),0 0 0 1px rgba(15,19,23,.08)!important;
}

.product-modal.active .sheet-media{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 150px!important;
  overflow:hidden!important;
  background:radial-gradient(ellipse at 50% 38%,#fff 0 30%,#f2f6f8 58%,#dfe7ec 100%)!important;
}

.product-modal.active .sheet-image{
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}

.product-modal.active .sheet-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:84%!important;
  max-height:84%!important;
  padding:0!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 22px 32px rgba(15,19,23,.16))!important;
  transform:none!important;
}

.product-modal.active .sheet-thumbs{
  min-height:0!important;
  height:150px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  padding:18px 18px 20px!important;
  background:rgba(255,255,255,.92)!important;
  border-top:1px solid rgba(15,19,23,.08)!important;
  -webkit-overflow-scrolling:touch!important;
}

.product-modal.active .thumb{
  flex:0 0 142px!important;
  width:142px!important;
  height:104px!important;
  min-width:142px!important;
  border-radius:10px!important;
  padding:8px!important;
  background:linear-gradient(180deg,#fff,#f4f6f8)!important;
  border:1px solid rgba(15,19,23,.10)!important;
  box-shadow:0 10px 24px rgba(15,19,23,.07),inset 0 1px 0 rgba(255,255,255,.95)!important;
}

.product-modal.active .thumb.active{
  border-color:rgba(15,19,23,.72)!important;
  box-shadow:0 0 0 2px rgba(170,142,85,.30),0 14px 30px rgba(15,19,23,.12)!important;
}

.product-modal.active .thumb img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  filter:none!important;
}

.product-modal.active .sheet-info{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow-y:auto!important;
  padding:42px 44px 34px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,248,250,.94))!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

.product-modal.active .sheet-actions-top{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  padding:0 86px 18px 0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.icon-close,
.gallery-nav{
  display:grid!important;
  place-items:center!important;
  appearance:none!important;
  border:1px solid rgba(15,19,23,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,243,246,.94))!important;
  color:#0d1217!important;
  box-shadow:0 16px 34px rgba(15,19,23,.16),inset 0 1px 0 rgba(255,255,255,.95)!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}

.icon-close{
  top:18px!important;
  right:18px!important;
  z-index:30!important;
  width:56px!important;
  height:56px!important;
  font-size:1.02rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}

.icon-close::before{
  content:none!important;
}

.icon-close svg{
  width:19px!important;
  height:19px!important;
  stroke-width:2.6!important;
}

.gallery-nav{
  z-index:20!important;
  width:56px!important;
  height:56px!important;
  font-size:0!important;
}

.gallery-nav span{
  display:none!important;
}

.gallery-nav::before{
  content:""!important;
  width:12px!important;
  height:12px!important;
  border-top:2px solid currentColor!important;
  border-right:2px solid currentColor!important;
}

.gallery-prev{
  left:18px!important;
}

.gallery-next{
  right:18px!important;
}

.gallery-prev::before{
  transform:rotate(-135deg)!important;
  margin-left:4px!important;
}

.gallery-next::before{
  transform:rotate(45deg)!important;
  margin-right:4px!important;
}

.icon-close:hover,
.gallery-nav:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(170,142,85,.38)!important;
  background:#fff!important;
  box-shadow:0 20px 42px rgba(15,19,23,.20),0 0 0 3px rgba(170,142,85,.10)!important;
}

.region-button{
  min-height:48px!important;
  padding:6px 14px 6px 10px!important;
}

.region-button .button-flag{
  flex:0 0 auto!important;
}

.region-button span{
  display:grid!important;
  gap:1px!important;
  line-height:1.05!important;
}

.region-button strong{
  display:block!important;
  color:#202a33!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}

.region-button small{
  display:block!important;
  color:#74808a!important;
  font-size:.58rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.region-card{
  width:min(1040px,calc(100vw - 40px))!important;
  height:min(760px,calc(100dvh - 40px))!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(246,248,250,.96))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 34px 110px rgba(6,10,14,.32),0 0 0 1px rgba(15,19,23,.08)!important;
}

.region-head{
  padding:34px 96px 16px 34px!important;
  background:linear-gradient(135deg,#fff 0%,#f5f7f9 100%)!important;
}

.region-head h2{
  letter-spacing:-.02em!important;
}

.region-head p{
  max-width:720px!important;
  color:#56626d!important;
  font-size:1rem!important;
  line-height:1.5!important;
}

.region-benefits{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0 34px 18px!important;
  background:linear-gradient(180deg,#f5f7f9,#fff)!important;
}

.region-benefits div{
  min-height:76px!important;
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  border-radius:10px!important;
  border:1px solid rgba(15,19,23,.08)!important;
  background:rgba(255,255,255,.88)!important;
  padding:13px 15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}

.region-benefits strong{
  color:#0f1419!important;
  font-size:.78rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.region-benefits span{
  color:#687580!important;
  font-size:.86rem!important;
  line-height:1.25!important;
}

.region-tools{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:0 34px 18px!important;
  background:#fff!important;
}

.region-tools input{
  width:100%!important;
  min-height:52px!important;
  border:1px solid rgba(15,19,23,.10)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#151b21!important;
  padding:0 18px!important;
  font-size:.95rem!important;
  font-weight:750!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(15,19,23,.06)!important;
}

.region-tools input:focus{
  outline:3px solid rgba(170,142,85,.18)!important;
  border-color:rgba(170,142,85,.42)!important;
}

.region-list{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;
  gap:10px!important;
  padding:0 34px 22px!important;
  overflow:auto!important;
  background:#fff!important;
}

.region-option{
  grid-template-columns:48px minmax(0,1fr) auto!important;
  min-height:82px!important;
  gap:13px!important;
  border-radius:10px!important;
  padding:12px!important;
  background:linear-gradient(180deg,#fff,#f7f9fa)!important;
  border:1px solid rgba(15,19,23,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}

.region-option:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(170,142,85,.32)!important;
  box-shadow:0 16px 34px rgba(15,19,23,.10),inset 0 1px 0 rgba(255,255,255,.96)!important;
}

.region-option.selected{
  border-color:rgba(15,19,23,.70)!important;
  background:linear-gradient(180deg,#fff,#f1f3f5)!important;
  box-shadow:0 0 0 2px rgba(170,142,85,.24),0 16px 34px rgba(15,19,23,.10)!important;
}

.region-option span{
  min-width:0!important;
}

.region-option strong{
  color:#121820!important;
  font-size:.95rem!important;
  letter-spacing:0!important;
}

.region-option small,
.region-option em{
  display:block!important;
  color:#6c7883!important;
  font-size:.76rem!important;
  line-height:1.25!important;
  font-style:normal!important;
}

.region-option em{
  margin-top:3px!important;
  color:#8b7445!important;
  font-weight:850!important;
}

.region-check{
  justify-self:end!important;
  min-width:74px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#eef1f3!important;
  color:#34404a!important;
  padding:0 10px!important;
}

.region-option.selected .region-check{
  background:#111820!important;
  color:#fff!important;
}

.region-foot{
  padding:16px 34px!important;
  border-top:1px solid rgba(15,19,23,.08)!important;
  background:linear-gradient(180deg,#fff,#f5f7f9)!important;
}

@media(max-width:980px){
  .product-modal.active .product-sheet{
    grid-template-columns:1fr!important;
    width:min(760px,calc(100vw - 24px))!important;
    height:calc(100dvh - 24px)!important;
  }

  .product-modal.active .sheet-media{
    grid-template-rows:minmax(0,42dvh) 108px!important;
  }

  .product-modal.active .sheet-info{
    padding:24px 18px 28px!important;
  }
}

@media(max-width:760px){
  .product-modal.active,
  .region-modal.active{
    padding:8px!important;
    align-items:center!important;
  }

  .product-modal.active .product-sheet{
    width:100%!important;
    height:calc(100dvh - 16px)!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  .product-modal.active .sheet-media{
    flex:0 0 auto!important;
    height:auto!important;
    display:grid!important;
    grid-template-rows:clamp(250px,42dvh,390px) 92px!important;
  }

  .product-modal.active .sheet-image{
    height:auto!important;
    min-height:0!important;
  }

  .product-modal.active .sheet-image img{
    max-width:82%!important;
    max-height:82%!important;
  }

  .product-modal.active .sheet-thumbs{
    height:92px!important;
    display:flex!important;
    gap:8px!important;
    padding:10px 12px 12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }

  .product-modal.active .thumb{
    flex:0 0 82px!important;
    width:82px!important;
    min-width:82px!important;
    height:66px!important;
    padding:5px!important;
    border-radius:8px!important;
  }

  .product-modal.active .sheet-info{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:18px 14px calc(24px + env(safe-area-inset-bottom))!important;
  }

  .product-modal.active .sheet-actions-top{
    padding:0 58px 14px 0!important;
  }

  .product-modal.active .sheet-actions-bottom{
    position:sticky!important;
    bottom:0!important;
    z-index:3!important;
    padding-top:12px!important;
    background:linear-gradient(180deg,rgba(248,250,251,0),rgba(248,250,251,.98) 34%)!important;
  }

  .icon-close{
    top:12px!important;
    right:12px!important;
    width:46px!important;
    height:46px!important;
  }

  .gallery-nav{
    width:46px!important;
    height:46px!important;
  }

  .gallery-prev{
    left:10px!important;
  }

  .gallery-next{
    right:10px!important;
  }

  .region-card{
    width:100%!important;
    height:calc(100dvh - 16px)!important;
    border-radius:10px!important;
    grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
  }

  .region-head{
    padding:62px 16px 12px!important;
  }

  .region-head h2{
    font-size:clamp(2rem,12vw,3rem)!important;
  }

  .region-head p{
    font-size:.9rem!important;
  }

  .region-benefits{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:0 16px 12px!important;
  }

  .region-benefits div{
    min-height:58px!important;
    padding:10px 12px!important;
  }

  .region-benefits span{
    font-size:.78rem!important;
  }

  .region-tools{
    grid-template-columns:1fr!important;
    padding:0 16px 12px!important;
  }

  .region-list{
    grid-template-columns:1fr!important;
    padding:0 16px 16px!important;
  }

  .region-option{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    min-height:76px!important;
  }

  .region-check{
    min-width:64px!important;
    font-size:.58rem!important;
  }

  .region-foot{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
  }
}

/* 20260614 true final background override: CAD grid, particles, and scan motion. */
.ambient-3d::before{
  top:73%!important;
  width:182vw!important;
  height:95vh!important;
  transform:translate3d(-50%,-50%,0) rotateX(69deg) rotateZ(-13deg)!important;
  background:
    linear-gradient(90deg,rgba(176,142,72,.42) 0 1px,transparent 1px 8.2vw),
    linear-gradient(0deg,rgba(18,27,36,.26) 0 1px,transparent 1px 7.4vh),
    linear-gradient(90deg,rgba(17,24,32,.10) 0 2px,transparent 2px 32.8vw),
    linear-gradient(0deg,rgba(176,142,72,.18) 0 2px,transparent 2px 29.6vh),
    radial-gradient(ellipse at center,rgba(255,255,255,.80),rgba(223,231,238,.36) 54%,transparent 78%)!important;
  border:0!important;
  box-shadow:0 0 120px rgba(176,142,72,.08)!important;
  animation:gtCadFloor 12s linear infinite!important;
}

.ambient-3d::after{
  inset:0!important;
  left:0!important;
  top:0!important;
  width:auto!important;
  height:auto!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle,rgba(16,24,32,.42) 0 1.2px,transparent 1.9px),
    radial-gradient(circle,rgba(176,142,72,.38) 0 1.3px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.7px),
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.20),transparent 50%)!important;
  background-size:92px 92px,148px 148px,236px 236px,100% 100%!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:.84!important;
  animation:gtParticleField 24s linear infinite!important;
}

.ambient-3d span:nth-child(1),
.ambient-3d span:nth-child(2){
  left:50%!important;
  top:50%!important;
  width:68vw!important;
  height:66vh!important;
  border:1px solid rgba(176,142,72,.26)!important;
  border-radius:14px!important;
  background:
    linear-gradient(90deg,rgba(18,27,36,.18) 0 1px,transparent 1px 48px),
    linear-gradient(0deg,rgba(176,142,72,.22) 0 1px,transparent 1px 48px),
    linear-gradient(115deg,transparent 0 41%,rgba(255,255,255,.62) 48%,rgba(176,142,72,.28) 50%,transparent 58%)!important;
  background-size:48px 48px,48px 48px,100% 100%!important;
  box-shadow:0 24px 90px rgba(20,27,34,.13),inset 0 1px 0 rgba(255,255,255,.82)!important;
  animation:gtCadWall 15s ease-in-out infinite!important;
}

.ambient-3d span:nth-child(1){
  --x:-47vw;
  --y:-4vh;
  --rx:61deg;
  --ry:-32deg;
  --rz:11deg;
  --o:.66;
}

.ambient-3d span:nth-child(2){
  --x:39vw;
  --y:-10vh;
  --rx:59deg;
  --ry:36deg;
  --rz:-14deg;
  --o:.70;
  animation-duration:18s!important;
}

.ambient-3d span:nth-child(3){
  inset:2vh 0 auto 0!important;
  width:auto!important;
  height:64vh!important;
  border:0!important;
  border-radius:0!important;
  background:
    repeating-linear-gradient(90deg,rgba(176,142,72,.11) 0 1px,transparent 1px 18vw),
    repeating-linear-gradient(0deg,rgba(18,27,36,.08) 0 1px,transparent 1px 11vh)!important;
  box-shadow:none!important;
  transform:none!important;
  animation:gtDataPulse 9s ease-in-out infinite!important;
  opacity:.82!important;
}

.ambient-3d span:nth-child(4){
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(176,142,72,.90)!important;
  box-shadow:
    -42vw -18vh 0 1px rgba(176,142,72,.56),
    -33vw 12vh 0 0 rgba(18,27,36,.42),
    -24vw -30vh 0 1px rgba(255,255,255,.80),
    -14vw 26vh 0 0 rgba(176,142,72,.62),
    -5vw -6vh 0 1px rgba(18,27,36,.38),
    8vw 18vh 0 1px rgba(176,142,72,.60),
    17vw -24vh 0 0 rgba(18,27,36,.46),
    28vw 4vh 0 1px rgba(255,255,255,.76),
    38vw -13vh 0 0 rgba(176,142,72,.58),
    47vw 24vh 0 1px rgba(18,27,36,.38)!important;
  animation:gtNodeFloat 11s ease-in-out infinite!important;
  opacity:.92!important;
}

.ambient-3d span:nth-child(5){
  width:min(86vw,1060px)!important;
  height:min(86vw,1060px)!important;
  border-radius:50%!important;
  opacity:.72!important;
}

.ambient-3d span:nth-child(6){
  width:130vw!important;
  background:linear-gradient(90deg,transparent,rgba(18,27,36,.10),rgba(176,142,72,.84),rgba(255,255,255,.96),transparent)!important;
  animation:gtScanLine 7.5s cubic-bezier(.2,.7,.2,1) infinite!important;
  opacity:.74!important;
}

.page.active:not([data-page=home])::after{
  background:
    linear-gradient(90deg,rgba(176,142,72,.18) 0 1px,transparent 1px 84px),
    linear-gradient(0deg,rgba(18,27,36,.10) 0 1px,transparent 1px 84px),
    radial-gradient(circle at 20% 14%,rgba(176,142,72,.20),transparent 28%),
    radial-gradient(circle at 84% 16%,rgba(18,27,36,.12),transparent 30%)!important;
  animation:gtDataPulse 10s ease-in-out infinite!important;
}

@media(max-width:760px){
  .ambient-3d::before{
    top:75%!important;
    width:230vw!important;
    height:78vh!important;
  }

  .ambient-3d::after{
    background-size:74px 74px,116px 116px,188px 188px,100% 100%!important;
    opacity:.72!important;
  }

  .ambient-3d span:nth-child(1){
    --x:-60vw;
    --y:0vh;
    width:92vw!important;
    height:48vh!important;
    opacity:.56!important;
  }

  .ambient-3d span:nth-child(2){
    --x:54vw;
    --y:-8vh;
    width:78vw!important;
    height:54vh!important;
    opacity:.58!important;
  }

  .ambient-3d span:nth-child(3){
    height:58vh!important;
    opacity:.60!important;
  }

  .ambient-3d span:nth-child(5){
    width:126vw!important;
    height:126vw!important;
    opacity:.52!important;
  }

  .ambient-3d span:nth-child(6){
    width:150vw!important;
    opacity:.66!important;
  }
}

/* 20260614 true final holographic mesh override. */
.ambient-3d{
  inset:-8vh -8vw!important;
  perspective:1550px!important;
  opacity:1!important;
}

.ambient-3d::before{
  top:74%!important;
  width:190vw!important;
  height:104vh!important;
  transform:translate3d(-50%,-50%,0) rotateX(72deg) rotateZ(-10deg)!important;
  background:
    linear-gradient(90deg,rgba(182,155,98,.46) 0 1px,transparent 1px 7.8vw),
    linear-gradient(0deg,rgba(18,27,36,.28) 0 1px,transparent 1px 7vh),
    linear-gradient(90deg,rgba(18,27,36,.14) 0 2px,transparent 2px 31.2vw),
    linear-gradient(0deg,rgba(182,155,98,.22) 0 2px,transparent 2px 28vh),
    linear-gradient(102deg,transparent 0 39%,rgba(255,255,255,.68) 45%,rgba(182,155,98,.26) 47%,transparent 55%),
    radial-gradient(ellipse at center,rgba(255,255,255,.84),rgba(223,231,238,.34) 54%,transparent 78%)!important;
  border:0!important;
  box-shadow:0 0 130px rgba(182,155,98,.10)!important;
  animation:gtHoloFloorRun 11.5s linear infinite!important;
}

.ambient-3d::after{
  inset:0!important;
  left:0!important;
  top:0!important;
  width:auto!important;
  height:auto!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  background:
    radial-gradient(circle,rgba(16,24,32,.45) 0 1.15px,transparent 1.9px),
    radial-gradient(circle,rgba(182,155,98,.44) 0 1.25px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.78) 0 1px,transparent 1.7px),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),transparent 52%)!important;
  background-size:82px 82px,136px 136px,218px 218px,100% 100%!important;
  box-shadow:none!important;
  opacity:.88!important;
  animation:gtHoloParticleDrift 22s linear infinite!important;
}

.ambient-3d span:nth-child(1),
.ambient-3d span:nth-child(2){
  left:50%!important;
  top:50%!important;
  width:70vw!important;
  height:70vh!important;
  border:1px solid rgba(182,155,98,.30)!important;
  border-radius:16px!important;
  background:
    linear-gradient(90deg,rgba(18,27,36,.18) 0 1px,transparent 1px 44px),
    linear-gradient(0deg,rgba(182,155,98,.24) 0 1px,transparent 1px 44px),
    linear-gradient(118deg,transparent 0 40%,rgba(255,255,255,.70) 47%,rgba(182,155,98,.32) 50%,transparent 58%)!important;
  background-size:44px 44px,44px 44px,100% 100%!important;
  box-shadow:0 30px 100px rgba(20,27,34,.15),inset 0 1px 0 rgba(255,255,255,.86)!important;
  animation:gtHoloPlaneFloat 14s ease-in-out infinite!important;
}

.ambient-3d span:nth-child(1){
  --x:-48vw;
  --y:-6vh;
  --rx:62deg;
  --ry:-34deg;
  --rz:10deg;
  --o:.70;
}

.ambient-3d span:nth-child(2){
  --x:39vw;
  --y:-12vh;
  --rx:60deg;
  --ry:38deg;
  --rz:-14deg;
  --o:.74;
  animation-duration:17s!important;
}

.ambient-3d span:nth-child(3){
  inset:1vh 0 auto 0!important;
  width:auto!important;
  height:68vh!important;
  border:0!important;
  border-radius:0!important;
  background:
    repeating-linear-gradient(90deg,rgba(182,155,98,.13) 0 1px,transparent 1px 16vw),
    repeating-linear-gradient(0deg,rgba(18,27,36,.09) 0 1px,transparent 1px 10vh)!important;
  box-shadow:none!important;
  transform:none!important;
  animation:gtHoloGridPulse 8.5s ease-in-out infinite!important;
  opacity:.88!important;
}

.ambient-3d span:nth-child(4){
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(182,155,98,.96)!important;
  box-shadow:
    -45vw -19vh 0 1px rgba(182,155,98,.62),
    -37vw 12vh 0 0 rgba(18,27,36,.44),
    -27vw -32vh 0 1px rgba(255,255,255,.86),
    -17vw 26vh 0 0 rgba(182,155,98,.66),
    -6vw -7vh 0 1px rgba(18,27,36,.40),
    6vw 18vh 0 1px rgba(182,155,98,.64),
    16vw -25vh 0 0 rgba(18,27,36,.48),
    27vw 5vh 0 1px rgba(255,255,255,.82),
    38vw -13vh 0 0 rgba(182,155,98,.64),
    48vw 24vh 0 1px rgba(18,27,36,.42)!important;
  animation:gtHoloNodes 10.5s ease-in-out infinite!important;
  opacity:.96!important;
}

.ambient-3d span:nth-child(5){
  left:50%!important;
  top:51%!important;
  width:min(92vw,1120px)!important;
  height:min(92vw,1120px)!important;
  opacity:.76!important;
  animation:gtHoloOrbit 28s linear infinite reverse!important;
}

.ambient-3d span:nth-child(6){
  left:0!important;
  top:34%!important;
  width:138vw!important;
  height:3px!important;
  background:linear-gradient(90deg,transparent,rgba(18,27,36,.12),rgba(182,155,98,.92),rgba(255,255,255,.98),transparent)!important;
  box-shadow:0 0 32px rgba(182,155,98,.38),0 0 86px rgba(255,255,255,.36)!important;
  opacity:.78!important;
  animation:gtHoloSweep 7.2s cubic-bezier(.2,.7,.2,1) infinite!important;
}

.page.active:not([data-page=home])::after{
  background:
    linear-gradient(90deg,rgba(182,155,98,.20) 0 1px,transparent 1px 78px),
    linear-gradient(0deg,rgba(18,27,36,.11) 0 1px,transparent 1px 78px),
    radial-gradient(circle at 18% 12%,rgba(182,155,98,.22),transparent 29%),
    radial-gradient(circle at 86% 16%,rgba(18,27,36,.13),transparent 32%)!important;
  animation:gtHoloGridPulse 9s ease-in-out infinite!important;
}

@media(max-width:760px){
  .ambient-3d{
    inset:-6vh -18vw!important;
    perspective:1240px!important;
  }

  .ambient-3d::before{
    top:75%!important;
    width:238vw!important;
    height:82vh!important;
  }

  .ambient-3d::after{
    background-size:72px 72px,112px 112px,184px 184px,100% 100%!important;
    opacity:.76!important;
  }

  .ambient-3d span:nth-child(1){
    --x:-62vw;
    --y:0vh;
    width:94vw!important;
    height:48vh!important;
    opacity:.62!important;
  }

  .ambient-3d span:nth-child(2){
    --x:55vw;
    --y:-8vh;
    width:80vw!important;
    height:56vh!important;
    opacity:.64!important;
  }

  .ambient-3d span:nth-child(5){
    width:132vw!important;
    height:132vw!important;
    opacity:.56!important;
  }

  .ambient-3d span:nth-child(6){
    width:156vw!important;
    opacity:.70!important;
  }
}

/* 20260614 final mobile country selector: compact header, visible flags, modern rows. */
@media(max-width:760px){
  .region-modal.active{
    padding:7px!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  .region-card{
    width:100%!important;
    height:calc(100dvh - 14px)!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)!important;
  }

  .region-card .icon-close{
    top:14px!important;
    right:14px!important;
    width:48px!important;
    height:48px!important;
    box-shadow:0 14px 30px rgba(15,19,23,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  .region-head{
    flex:0 0 auto!important;
    padding:22px 76px 10px 18px!important;
    background:linear-gradient(145deg,#fff 0%,#f4f7f9 100%)!important;
  }

  .region-head .eyebrow{
    color:#a48648!important;
    font-size:.66rem!important;
    letter-spacing:.08em!important;
  }

  .region-head h2{
    margin:7px 0 8px!important;
    color:#1f2a33!important;
    font-size:clamp(2rem,8.7vw,2.55rem)!important;
    line-height:.96!important;
    letter-spacing:-.025em!important;
  }

  .region-head p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-width:100%!important;
    margin:0!important;
    color:#5f6c76!important;
    font-size:.82rem!important;
    line-height:1.36!important;
  }

  .region-tools{
    order:2!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:0 16px 10px!important;
    background:#fff!important;
  }

  .region-tools input{
    min-height:48px!important;
    border-radius:14px!important;
    padding:0 16px!important;
    font-size:.9rem!important;
    font-weight:850!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,19,23,.06),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  #regionDefault{
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    border-radius:14px!important;
    padding:8px 12px!important;
    background:linear-gradient(180deg,#111820,#0b0f13)!important;
    color:#fff!important;
    box-shadow:0 14px 28px rgba(15,19,23,.18)!important;
    text-align:left!important;
  }

  #regionDefault .button-flag{
    width:38px!important;
    height:27px!important;
    border-radius:6px!important;
    border-color:rgba(255,255,255,.25)!important;
    box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
  }

  #regionDefault span{
    display:grid!important;
    gap:2px!important;
    min-width:0!important;
  }

  #regionDefault strong{
    color:#fff!important;
    font-size:.67rem!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  #regionDefault small{
    color:rgba(255,255,255,.72)!important;
    font-size:.78rem!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }

  .region-benefits{
    order:3!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0 16px 10px!important;
    background:#fff!important;
  }

  .region-benefits div{
    min-height:52px!important;
    align-content:center!important;
    gap:2px!important;
    border-radius:11px!important;
    padding:8px 7px!important;
    background:linear-gradient(180deg,#fff,#f4f6f8)!important;
    border-color:rgba(15,19,23,.08)!important;
  }

  .region-benefits strong{
    color:#151c23!important;
    font-size:.56rem!important;
    line-height:1.08!important;
    letter-spacing:.04em!important;
  }

  .region-benefits span{
    color:#6b7781!important;
    font-size:.64rem!important;
    line-height:1.12!important;
  }

  .region-list{
    order:4!important;
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    gap:8px!important;
    padding:0 14px 12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#fff!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .region-option{
    grid-template-columns:54px minmax(0,1fr) 30px!important;
    min-height:72px!important;
    gap:12px!important;
    align-items:center!important;
    border-radius:13px!important;
    padding:9px 10px!important;
    background:linear-gradient(180deg,#fff,#f7f9fa)!important;
    border:1px solid rgba(15,19,23,.09)!important;
    box-shadow:0 8px 20px rgba(15,19,23,.055),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  .region-option.selected{
    border-color:rgba(15,19,23,.78)!important;
    background:linear-gradient(180deg,#fff,#f0f3f5)!important;
    box-shadow:0 0 0 2px rgba(170,142,85,.24),0 14px 28px rgba(15,19,23,.10)!important;
  }

  .region-option .flag{
    width:54px!important;
    height:38px!important;
    border-radius:7px!important;
    border:1px solid rgba(15,19,23,.10)!important;
    box-shadow:0 8px 16px rgba(15,19,23,.10)!important;
  }

  .region-option strong{
    color:#111820!important;
    font-size:.94rem!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .region-option small{
    margin-top:3px!important;
    color:#68747f!important;
    font-size:.74rem!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .region-option em{
    display:none!important;
  }

  .region-check{
    min-width:28px!important;
    width:28px!important;
    height:28px!important;
    min-height:28px!important;
    border-radius:999px!important;
    padding:0!important;
    font-size:0!important;
    background:#eef1f3!important;
  }

  .region-check::before{
    content:""!important;
    width:9px!important;
    height:9px!important;
    border-radius:50%!important;
    background:#aab3bb!important;
  }

  .region-option.selected .region-check{
    background:#111820!important;
  }

  .region-option.selected .region-check::before{
    width:11px!important;
    height:7px!important;
    border-radius:0!important;
    background:transparent!important;
    border-left:2px solid #fff!important;
    border-bottom:2px solid #fff!important;
    transform:rotate(-45deg) translate(1px,-1px)!important;
  }

  .region-foot{
    order:5!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,.86),#f4f7f9)!important;
    border-top:1px solid rgba(15,19,23,.08)!important;
  }

  .region-foot .btn{
    min-height:44px!important;
    border-radius:12px!important;
    font-size:.66rem!important;
    letter-spacing:.04em!important;
  }
}

/* 20260614 true final motion pass: no animated background, repeatable content slides. */
body{
  background:
    radial-gradient(circle at 14% 8%,rgba(20,27,34,.08),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(182,155,98,.12),transparent 30%),
    linear-gradient(180deg,#f8fafb 0%,#edf2f5 46%,#f9fbfc 100%)!important;
}

.ambient-3d,
.ambient-3d::before,
.ambient-3d::after,
.ambient-3d span{
  display:none!important;
  animation:none!important;
}

.page.active:not([data-page=home])::after{
  display:none!important;
  animation:none!important;
}

.reveal{
  --reveal-x:0px;
  --reveal-y:38px;
  opacity:0!important;
  transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(.985)!important;
  transition:
    opacity .56s cubic-bezier(.2,.7,.2,1),
    transform .68s cubic-bezier(.16,.84,.22,1),
    box-shadow .22s ease,
    border-color .22s ease!important;
  transition-delay:var(--reveal-delay,0ms)!important;
  will-change:opacity,transform!important;
}

.reveal.slide-left{
  --reveal-x:-74px!important;
}

.reveal.slide-right{
  --reveal-x:74px!important;
}

.reveal.in-view{
  --reveal-x:0px!important;
  --reveal-y:0px!important;
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}

.catalog .product-card.reveal,
.brand-rail .brand-filter.reveal,
.gallery img.reveal,
.faq-card.reveal,
.warranty-card.reveal,
.panel.reveal,
.section-banner.reveal,
.hero-feature-card.reveal,
.build-preview.reveal,
.build-controls.reveal,
.checkout-product.reveal,
.checkout-panel.reveal{
  backface-visibility:hidden!important;
}

.product-card.reveal.in-view:hover{
  transform:translate3d(0,-4px,0) scale(1)!important;
}

.panel.reveal.in-view:hover,
.faq-card.reveal.in-view:hover,
.warranty-card.reveal.in-view:hover{
  transform:translate3d(0,-3px,0) scale(1)!important;
}

@media(max-width:760px){
  .reveal{
    --reveal-y:28px;
    transition-duration:.46s,.56s,.18s,.18s!important;
  }

  .reveal.slide-left{
    --reveal-x:-38px!important;
  }

  .reveal.slide-right{
    --reveal-x:38px!important;
  }

  .product-card.reveal.in-view:hover,
  .panel.reveal.in-view:hover,
  .faq-card.reveal.in-view:hover,
  .warranty-card.reveal.in-view:hover{
    transform:translate3d(0,0,0) scale(1)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ambient-3d,
  .ambient-3d::before,
  .ambient-3d::after,
  .ambient-3d span{
    display:none!important;
  }

  .reveal,
  .reveal.slide-left,
  .reveal.slide-right,
  .reveal.in-view{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
/* Mobile bottom nav fix: show custom PNG icons only, keep full labels. */
@media(max-width:760px){
  .mobile-bottom-nav .nav-link .nav-icon{
    display:block!important;
    width:25px!important;
    height:25px!important;
    object-fit:contain!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    transform:none!important;
  }
  .mobile-bottom-nav .nav-link::before,
  .mobile-bottom-nav .nav-link::after,
  .mobile-bottom-nav .nav-link.active::before,
  .mobile-bottom-nav .nav-link.active::after,
  .mobile-bottom-nav .nav-link[data-page]::before,
  .mobile-bottom-nav .nav-link[data-page].active::before{
    content:none!important;
    display:none!important;
    background:none!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .mobile-bottom-nav .nav-link{
    overflow:visible!important;
  }
  .mobile-bottom-nav .nav-link span{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.1!important;
    font-size:.46rem!important;
    letter-spacing:.01em!important;
    max-width:100%!important;
  }
}
/* ===== Account / iOS 26 dashboard ===== */
#page-account{background:#f2f2f7}
#page-account .section-banner{margin-bottom:18px}
.account-shell{max-width:1080px;padding-bottom:36px}
#page-account .section-head{display:grid!important}
.account-auth{max-width:440px;margin:6px auto 0}
.account-dash{max-width:760px;margin:32px auto 0}
.account-dash.locked{margin-top:28px}
.ios-card{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:18px;box-shadow:0 18px 44px rgba(20,27,34,.10),inset 0 1px 0 rgba(255,255,255,.8)}
.account-card{padding:20px}
.account-tabs{display:flex;gap:6px;background:#eef1f4;border-radius:14px;padding:4px;margin-bottom:16px}
.account-tab{flex:1;height:38px;border:0;background:transparent;border-radius:10px;font-weight:850;font-size:.82rem;color:#5d6974;cursor:pointer;transition:background .2s,color .2s}
.account-tab.active{background:#fff;color:#111417;box-shadow:0 4px 12px rgba(20,27,34,.08)}
.account-form{display:grid;gap:12px}
.account-field{display:grid;gap:6px;font-size:.8rem;color:#36424c;font-weight:600}
.account-field input,.account-field select{height:44px;border-radius:12px;border:1px solid var(--line);padding:0 12px;font-size:.95rem;background:#fff;color:#111417;appearance:auto}
.account-field input:focus,.account-field select:focus{outline:none;border-color:#b08e48;box-shadow:0 0 0 3px rgba(176,142,72,.18)}
.account-msg{min-height:18px;margin:2px 0 0;font-size:.8rem;line-height:1.4;color:#5d6974}
.account-msg[data-status="ok"]{color:#286746}
.account-msg[data-status="warn"]{color:#8a681e}
.account-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.account-user strong{display:block;font-size:1.05rem;color:#111417}
.account-user span{color:#64717c;font-size:.82rem}
.ios-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px;align-items:start}
.ios-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ios-card-head span{font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#9b7f43}
.track-card .timeline{display:grid;gap:0}
.track-card .timeline>div{padding:10px 0;border-left:2px solid rgba(176,142,72,.4);padding-left:14px;position:relative}
.track-card .timeline>div::before{content:"";position:absolute;left:-5px;top:14px;width:8px;height:8px;border-radius:50%;background:#b08e48}
.track-card .timeline strong{display:block;font-size:.86rem;color:#111417}
.track-card .timeline span{font-size:.76rem;color:#64717c;line-height:1.45}
.aff-code-row{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#111417;color:#fff;border-radius:12px;padding:12px 14px;margin-bottom:8px}
.aff-code-row code{font-size:1.05rem;letter-spacing:.06em;font-weight:700}
.aff-link{font-size:.72rem;color:#64717c;word-break:break-all;margin:0 0 8px}
.aff-note{font-size:.76rem;color:#64717c;line-height:1.5;margin:0}
.earn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;text-align:center}
.earn-stats strong{display:block;font-size:1.15rem;font-weight:950;color:#111417}
.earn-stats span{font-size:.62rem;color:#64717c;text-transform:uppercase;letter-spacing:.04em}
/* checkout affiliate */
.checkout-affiliate{margin:4px 0 14px;border:1px solid rgba(15,19,23,.10);border-radius:16px;padding:14px;background:rgba(255,255,255,.6)}
.affiliate-discount-badge{display:inline-block;background:linear-gradient(135deg,#1a5c2e,#2d8a4e);color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:8px;letter-spacing:.02em}
.affiliate-row{display:flex;gap:8px;margin-top:8px}
.affiliate-row input{flex:1;height:42px;border-radius:12px;border:1px solid var(--line);padding:0 12px;font-size:.92rem;background:#fff;color:#111417}
.affiliate-row input:focus{outline:none;border-color:#b08e48;box-shadow:0 0 0 3px rgba(176,142,72,.18)}
.checkout-costs .discount-row span,.checkout-costs .discount-row strong{color:#286746;font-weight:700}
/* shop banner */
.shop-banner{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 18px;padding:13px 16px;border-radius:16px;background:linear-gradient(120deg,#111417,#2b2f36 60%,#3a2f1c);color:#fff;box-shadow:0 16px 38px rgba(20,27,34,.18)}
.shop-banner span{font-size:.92rem;font-weight:700;letter-spacing:.01em}
.shop-banner-close{flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer}
.shop-banner-close:hover{background:rgba(255,255,255,.28)}
@media(max-width:900px){.ios-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ios-grid{grid-template-columns:1fr}.account-auth{margin-top:2px}.earn-stats strong{font-size:1rem}}
/* ===== iOS 26 dashboard visuals ===== */
.dash-hero{position:relative;overflow:hidden;padding:20px}
.dash-hero-bg{position:absolute;inset:-30% -12%;background:radial-gradient(40% 60% at 20% 20%,rgba(255,159,10,.35),transparent 60%),radial-gradient(40% 60% at 85% 10%,rgba(176,142,72,.35),transparent 60%),radial-gradient(50% 70% at 60% 95%,rgba(40,103,70,.22),transparent 60%);filter:blur(26px);z-index:0;pointer-events:none}
.dash-hero>*{position:relative;z-index:1}
.dash-hero-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.dash-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:950;color:#fff;background:linear-gradient(135deg,#111417,#3a2f1c);box-shadow:0 8px 20px rgba(20,27,34,.25);flex:0 0 auto}
.dash-hero-user{display:flex;flex-direction:column;flex:1;min-width:0}
.dash-hero-user strong{font-size:1.05rem;color:#111417}
.dash-hero-user span{font-size:.8rem;color:#64717c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-hero-stats{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ring-wrap{position:relative;width:140px;height:140px;flex:0 0 auto}
.ring{width:140px;height:140px;transform:rotate(-90deg)}
.ring-track{fill:none;stroke:rgba(17,20,23,.08);stroke-width:12}
.ring-fill{fill:none;stroke:url(#ringGrad);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}
.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ring-center strong{font-size:1.25rem;font-weight:950;color:#111417}
.ring-center span{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:#64717c;margin-top:2px}
.ring-goal{font-size:.56rem;color:#8a681e;font-style:normal;margin-top:3px;font-weight:700}
.dash-bignum{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px}
.dash-bignum-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#9b7f43;font-weight:800}
.dash-bignum>strong{font-size:2rem;font-weight:950;color:#111417;line-height:1}
.donut-wrap{display:flex;align-items:center;gap:14px;margin-top:8px}
.donut{width:78px;height:78px;border-radius:50%;position:relative;flex:0 0 auto;box-shadow:0 10px 24px rgba(20,27,34,.14);transition:background .6s ease}
.donut::after{content:"";position:absolute;inset:16px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.donut-legend{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:#36424c}
.donut-legend b{color:#111417;margin-left:4px}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}
.dot-paid{background:#286746}
.dot-pending{background:#b08e48}
.earn-card .account-field{margin-bottom:10px}
.earn-note{font-size:.76rem;color:#64717c;line-height:1.5;margin:0 0 12px}
.payout-method-toggle{display:flex;gap:8px;margin-bottom:16px}.payout-method-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e0e4e8;border-radius:10px;background:#fff;cursor:pointer;font-size:.85rem;font-weight:600;color:#3a4250;transition:all .15s}.payout-method-btn:hover{border-color:#b08e48}.payout-method-btn.active{border-color:#b08e48;background:#fdf8ef;color:#111417}.payout-method-btn .payout-icon{width:18px;height:18px;object-fit:contain}
@media(max-width:760px){.dash-hero-stats{gap:16px}.dash-bignum>strong{font-size:1.7rem}.ring-wrap,.ring{width:120px;height:120px}.donut{width:66px;height:66px}}
/* ===== iOS Settings style account ===== */
.acc-view[hidden]{display:none}
.acc-profile{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(15,19,23,.06);border-radius:18px;padding:16px;margin-bottom:24px;box-shadow:0 10px 26px rgba(20,27,34,.08)}
.acc-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,#111417,#3a2f1c);font-size:1.15rem;flex:0 0 auto}
.acc-profile-text{display:flex;flex-direction:column;flex:1;min-width:0}
.acc-profile-text strong{font-size:1.2rem;color:#111417}
.acc-profile-text span{font-size:.84rem;color:#64717c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-group{background:#fff;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 22px rgba(20,27,34,.07),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(15,19,23,.05)}
.acc-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;padding:14px 14px;cursor:pointer;position:relative;font-family:inherit}
.acc-row+.acc-row::before{content:"";position:absolute;top:0;left:56px;right:0;height:1px;background:rgba(15,19,23,.08)}
.acc-row:active{background:rgba(15,19,23,.05)}
.acc-ico{width:30px;height:30px;border-radius:8px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.acc-ico-track{background:linear-gradient(135deg,#0a84ff,#0060df)}
.acc-ico-aff{background:linear-gradient(135deg,#ff9f0a,#ff6b00)}
.acc-ico-earn{background:linear-gradient(135deg,#30d158,#1aa64a)}
.acc-row-label{flex:1;font-size:.96rem;color:#111417;font-weight:500}
.acc-row-value{font-size:.82rem;color:#8a8f98;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-chev{width:8px;height:8px;border-right:2px solid #c4c8ce;border-top:2px solid #c4c8ce;transform:rotate(45deg);flex:0 0 auto;margin-left:2px}
.acc-row-danger .acc-row-label{color:#ff3b30;text-align:center;width:100%}
.acc-row-danger{justify-content:center}
.acc-back{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:#0a84ff;font-size:.96rem;font-weight:600;padding:4px 0 14px;cursor:pointer;font-family:inherit}
.acc-back-chev{width:8px;height:8px;border-left:2px solid #0a84ff;border-bottom:2px solid #0a84ff;transform:rotate(45deg);flex:0 0 auto}
.acc-subhead{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#8a8f98;font-weight:800;margin:0 4px 10px}
/* locked empty states + earnings chart */
.acc-locked{text-align:center;color:#64717c;padding:26px 16px}
.acc-locked p{margin:0 0 14px;font-size:.9rem}
.earn-chart{display:flex;align-items:flex-end;gap:8px;height:120px;margin:4px 0 16px;padding:6px 2px 0}
.earn-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}
.earn-bar .fill{width:100%;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#34c759,#1aa64a);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.earn-bar .lbl{font-size:.56rem;color:#8a8f98;margin-top:5px;text-align:center;white-space:nowrap}

/* ===== FIX: guarantee shop products are always visible ===== */
.catalog .product-card,
.brand-rail .brand-filter,
.gallery img,
.faq-card,
.warranty-card,
.panel,
.section-banner,
.hero-feature-card,
.build-preview,
.build-controls,
.checkout-product,
.checkout-panel{pointer-events:auto!important}
.catalog .product-card{opacity:1!important;visibility:visible!important}
.catalog .product-card.reveal{opacity:1!important;visibility:visible!important;transform:none!important}
.catalog .product-card.reveal.in-view{opacity:1!important;visibility:visible!important;transform:none!important}
.catalog .product-card:hover{transform:translateY(-5px)!important}

/* ===== FIX: currency / region selector available on mobile ===== */
.rf-short{display:none}
@media(max-width:980px){
  .desktop-nav{display:none}
  .header-actions{display:flex}
  .region-button .rf-text{display:none}
  .region-button .rf-short{display:inline}
  .region-button{padding:0 10px;min-height:36px;font-size:.66rem;gap:6px}
  .cart-icon-btn{width:36px;height:36px;border-radius:999px}
  .cart-icon-btn svg{width:17px;height:17px}
  .brand img{width:148px}
}
/* ----- auth modal (account sign in / create account) ----- */
.auth-modal{z-index:120;padding:16px;overflow:visible!important}
.auth-modal .modal-card{position:relative;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px rgba(17,20,23,.28);border-radius:18px;width:min(400px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 32px));overflow-y:auto;overscroll-behavior:contain;padding:28px 24px 24px}
.auth-modal .icon-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:900;font-size:1.1rem;cursor:pointer;line-height:1;display:grid;place-items:center;z-index:2}
.auth-modal .icon-close:hover{background:#f3f4f6}
.auth-modal .modal-head{padding:0;margin-bottom:18px}
.auth-modal .modal-head h2{font-size:1.3rem;font-weight:800;color:var(--ink);margin:0 0 4px}
.auth-modal .modal-head p{font-size:.82rem;color:var(--muted);margin:0}
.auth-modal .modal-tabs{display:flex;gap:6px;margin-bottom:16px}
.auth-modal .modal-tab{min-height:38px;border:1px solid var(--line);border-radius:999px;background:#f7f8fa;padding:0 16px;font-weight:800;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#36424c}
.auth-modal .modal-tab.active{background:#111417;color:#fff;border-color:#111417}
.auth-modal .modal-form{display:grid;gap:12px}
.auth-modal .account-msg{font-size:.82rem;font-weight:600}
@media(max-width:480px){
  .auth-modal .modal-card{width:100%;max-height:calc(100vh - 24px);border-radius:14px;padding:22px 18px 18px}
  .auth-modal .icon-close{width:32px;height:32px;font-size:1.1rem}
}
.account-chooser{display:grid;gap:10px}
.account-chooser-lead{font-size:.92rem;color:#36424c;margin:0 0 6px;line-height:1.4}
/* ----- support / messages ----- */
.msg-thread{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow:auto;padding:14px;background:#f6f7f9;border-radius:14px;margin-bottom:12px}
.msg-bubble{max-width:80%;padding:10px 14px;border-radius:14px;font-size:.9rem;line-height:1.4}
.msg-bubble-out{align-self:flex-end;background:#111417;color:#fff;border-bottom-right-radius:4px}
.msg-bubble-in{align-self:flex-start;background:#fff;border:1px solid var(--line);color:#111417;border-bottom-left-radius:4px}
.msg-form-msg{font-size:.82rem;font-weight:600;margin:0 0 8px}
.msg-compose{display:flex;gap:8px;align-items:flex-end}
.msg-input{flex:1;min-height:44px;max-height:120px;resize:vertical;border-radius:12px;border:1px solid var(--line);padding:11px 12px;font-size:.95rem;font-family:inherit;background:#fff;color:#111417}
.msg-input:focus{outline:none;border-color:#b08e48;box-shadow:0 0 0 3px rgba(176,142,72,.18)}
/* ----- misc account bits ----- */
.track-image{width:100%;height:auto;border-radius:14px;display:block;margin-bottom:14px;border:1px solid var(--line)}
.dash-my-orders{margin-top:6px;font-size:.86rem;color:#36424c}
.gt-banner{margin:0 16px 14px;padding:10px 14px;border-radius:12px;background:#fff7e6;border:1px solid #f0c674;color:#7a5a00;font-size:.84rem;font-weight:600}
.gt-banner.warn{background:#fff7e6;border-color:#f0c674;color:#7a5a00}

/* ── Cart system ─────────────────────────────────────────────────────────── */
.cart-icon-btn{position:relative;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7f8fa);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;color:#242d36;flex-shrink:0}
.cart-icon-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(20,27,34,.12);border-color:rgba(182,155,98,.5)}
.cart-icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.cart-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold,#f5a623);color:#fff;font-size:.6rem;font-weight:700;display:none;align-items:center;justify-content:center;line-height:1;pointer-events:none}
.cart-badge-show{display:flex}
.cart-overlay{position:fixed;inset:0;background:rgba(17,20,23,.45);z-index:1100;opacity:0;transition:opacity .3s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cart-overlay[hidden]{display:none;opacity:0}
.cart-panel{position:fixed;top:0;right:0;width:min(420px,92vw);height:100vh;height:100dvh;background:#fff;z-index:1101;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(20,27,34,.18)}
.cart-panel.open{transform:translateX(0)}
.cart-panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line,#e3e7ec);flex-shrink:0}
.cart-panel-head h2{font-size:1.1rem;margin:0;font-weight:700}
.cart-panel-head .icon-close{width:36px;height:36px;border-radius:999px;border:1px solid var(--line,#e3e7ec);background:#fff;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s}
.cart-panel-head .icon-close:hover{background:#f5f7f9;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.cart-panel-body{flex:1;overflow-y:auto;padding:20px 24px;-webkit-overflow-scrolling:touch}
.cart-empty{text-align:center;padding:60px 20px}
.cart-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.3}
.cart-empty p{font-size:1.05rem;color:var(--muted,#6b7680);margin-bottom:20px}
.cart-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#fafbfc 0%,#f5f6f8 100%);border:1px solid rgba(0,0,0,.05);overflow:hidden;transition:box-shadow .2s}
.cart-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}
.cart-item-img{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#f4f4f5;border:1px solid rgba(0,0,0,.06);flex-shrink:0}
.cart-item-img picture,.cart-item-img img{width:100%;height:100%}
.cart-item-img img{object-fit:contain;mix-blend-mode:normal!important}
.cart-item-info{min-width:0;overflow:hidden}
.cart-item-info h3{font-size:.85rem;margin:0 0 3px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cart-item-brand{font-size:.7rem;color:var(--muted,#6b7680);margin:0 0 6px}
.cart-item-tags{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}
.cart-tag{font-size:.58rem;padding:2px 6px;border-radius:5px;background:rgba(182,155,98,.1);color:#7a5a00;border:1px solid rgba(182,155,98,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cart-item-controls{display:flex;align-items:center;gap:6px}
.cart-qty-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line,#e3e7ec);background:#fff;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.cart-qty-btn:hover{background:#f0f1f3;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.cart-qty{font-size:.85rem;font-weight:600;min-width:20px;text-align:center}
.cart-remove-btn{font-size:.68rem;color:#c0392b;background:none;border:none;cursor:pointer;padding:3px 5px;margin-left:auto;transition:color .15s}
.cart-remove-btn:hover{color:#a93226;text-decoration:underline}
.cart-item-price{text-align:right;display:flex;flex-direction:column;justify-content:space-between;min-width:80px}
.cart-item-price span{font-size:.68rem;color:var(--muted,#6b7680)}
.cart-item-price strong{font-size:.95rem}
.cart-summary{border-top:1px solid var(--line,#e3e7ec);padding-top:16px;margin-top:8px;display:flex;flex-direction:column;gap:12px}
.cart-summary-rows{margin-bottom:14px}
.cart-summary-rows .summary-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.78rem}
.cart-summary-rows .summary-row span{color:var(--muted,#6b7680)}
.cart-summary-rows .summary-row strong{font-weight:600}
.cart-note{font-size:.72rem;color:var(--muted,#6b7680);margin-bottom:14px;line-height:1.5}
.discount-row span,.discount-row strong{color:#286746;font-weight:700}
.cart-next-tier{font-size:.72rem;color:#1a6b44;background:#eaf5ef;border:1px solid #c3e6d4;border-radius:8px;padding:8px 10px;margin-bottom:12px;line-height:1.4}
.cart-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--line,#e3e7ec);margin-top:12px}
.cart-actions .btn{flex:1;min-height:44px}
.volume-banner{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#111417 0%,#1e272f 100%);color:#fff;border-radius:14px;padding:20px 24px;margin-bottom:24px}
.volume-banner-icon{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;background:rgba(182,155,98,.15);border:1px solid rgba(182,155,98,.25);border-radius:10px;color:#b69b62}
.volume-banner-text{flex:1}
.volume-banner-text h4{margin:0 0 4px;font-size:.92rem;font-weight:700;color:#fff;letter-spacing:.01em}
.volume-banner-text p{margin:0 0 12px;font-size:.76rem;color:rgba(255,255,255,.6);line-height:1.5}
.volume-banner-tiers{display:flex;flex-direction:column;gap:0}
.volume-banner-tier{font-size:.74rem;color:rgba(255,255,255,.85);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.07);line-height:1.3}
.volume-banner-tier:last-child{border-bottom:0}
@media(max-width:760px){.volume-banner{padding:16px;gap:12px}.volume-banner-icon{width:38px;height:38px}.volume-banner-text h4{font-size:.85rem}}
.cart-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:#111417;color:#fff;padding:10px 22px;border-radius:10px;font-size:.82rem;font-weight:600;z-index:9999;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;box-shadow:0 8px 24px rgba(20,27,34,.25)}
.cart-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.build-actions{display:flex;gap:12px;margin-top:16px}
.build-actions .btn{flex:1;min-height:44px}

@media(max-width:760px){
  .cart-icon-btn{width:34px;height:34px;border-radius:999px}
  .cart-icon-btn svg{width:16px;height:16px}
  .cart-panel{width:100vw;box-shadow:-4px 0 20px rgba(20,27,34,.12)}
  .cart-panel-head{padding:18px 18px}
  .cart-panel-body{padding:16px 18px}
  .cart-item{grid-template-columns:64px 1fr;gap:10px;padding:12px}
  .cart-item-price{text-align:left;grid-column:1/-1;flex-direction:row;align-items:center;border-top:1px solid var(--line,#e3e7ec);padding-top:8px}
  .cart-item-img{width:64px;height:64px}
  .build-actions{flex-direction:column;gap:10px}
  .build-actions .btn{min-height:48px}
}
.phone-combobox{display:flex;gap:0;border-radius:12px;border:1px solid var(--line);overflow:visible;background:#fff;position:relative}.phone-code-input{width:72px;min-width:72px;border:none;border-right:1px solid var(--line);padding:0 8px;font-size:.85rem;font-weight:600;background:#f8f9fa;color:#111417;text-align:center;position:relative;z-index:2;cursor:pointer}.phone-code-input:focus{outline:none;background:#fff}.phone-number-input{flex:1;border:none!important;border-radius:0!important;padding:0 12px;font-size:.92rem}.phone-number-input:focus{outline:none;box-shadow:none}
.phone-split{display:flex;gap:10px;position:relative}.phone-split-field{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;width:120px}.phone-split-grow{flex:1 1 auto;width:auto}.phone-split-label{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8898aa;padding-left:2px}.phone-code-input-split,.phone-number-input-split{height:48px;border-radius:10px;border:1.5px solid #e3e8ee;padding:0 12px;font-size:.92rem;background:#fafbfc;color:#1a1f36;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .2s,box-shadow .2s,background .2s}.phone-code-input-split{width:100%;font-weight:600;text-align:center}.phone-code-input-split:focus,.phone-number-input-split:focus{outline:none;border-color:var(--gold,#b69b62);box-shadow:0 0 0 3px rgba(182,155,98,.12);background:#fff}.phone-code-dropdown{display:none;position:absolute;top:100%;left:0;min-width:260px;max-height:220px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.12);z-index:9999;margin-top:4px}.phone-code-input:focus ~ .phone-code-dropdown,.phone-code-dropdown.open{display:block}.phone-code-option{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:.82rem;color:#111417;transition:background .15s}.phone-code-option:hover{background:#f0f0f0}.phone-code-option .flag-emoji{font-size:1rem;width:20px;text-align:center}.phone-code-option .code{font-weight:600;color:#555;min-width:42px}.phone-code-option .country-name{color:#111417;font-weight:500}.phone-code-option.active{background:var(--gold-bg,#fff8e6);font-weight:600}.phone-code-no-match{padding:10px 12px;font-size:.8rem;color:#888;text-align:center}
/* ===== Adjustment dependency modal ===== */
.adj-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.adj-modal[aria-hidden="false"]{opacity:1;pointer-events:auto}
.adj-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.adj-modal-panel{position:relative;background:#fff;border-radius:18px;padding:32px 28px 24px;max-width:400px;width:92%;box-shadow:0 24px 64px rgba(0,0,0,.18);animation:cardIn .3s ease both}
.adj-modal-icon{width:48px;height:48px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#b45309}
.adj-modal-title{font-size:1.05rem;font-weight:800;color:#111417;text-align:center;margin:0 0 8px}
.adj-modal-desc{font-size:.82rem;color:#64717c;text-align:center;margin:0 0 20px;line-height:1.5}
.adj-modal-check{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid #e0e4e8;border-radius:12px;cursor:pointer;transition:all .15s;background:#f8f9fa;margin-bottom:20px}
.adj-modal-check:hover{border-color:#b08e48;background:#fdf8ef}
.adj-modal-check input{display:none}
.adj-modal-check-box{width:20px;height:20px;border:2px solid #c0c7ce;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.adj-modal-check input:checked~.adj-modal-check-box{background:#b08e48;border-color:#b08e48}
.adj-modal-check input:checked~.adj-modal-check-box::after{content:'';display:block;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}
.adj-modal-check-label{font-size:.82rem;color:#3a4250;line-height:1.4}
.adj-modal-check-label strong{color:#111417;font-weight:700}
.adj-modal-actions{display:flex;gap:10px}
.adj-modal-actions .btn{flex:1}
@media(max-width:760px){.adj-modal-panel{padding:26px 20px 20px}}

/* ===================================================================
   RESPONSIVE FIX — 20260724
   Optimised for: mobile (320-480), small phone (480-760),
   tablet/iPad (761-1080), laptop (1081-1366), desktop (1367+)
   =================================================================== */

/* --- Tablet (761-1366px): hero feature card glassmorphism removal --- */
@media(max-width:1366px) and (min-width:761px){
  .hero-feature-card{
    max-width:420px!important;
    margin:0 auto!important;
  }
  .hero-feature-body small{display:none}
}

/* --- Small phone (<=480px): tighter spacing --- */
@media(max-width:480px){
  .shell{width:min(100% - 16px,var(--max))}
  .page{padding:20px 0 80px}
  .hero-copy h1{font-size:clamp(1.6rem,8vw,2.4rem);line-height:.96}
  .hero-lead{font-size:.88rem}
  .hero-actions .btn{min-height:44px;font-size:.78rem}
  .home-feature-line{font-size:.72rem;padding:8px 10px}
  .hero-feature-card{min-height:auto!important}
  .hero-feature-body{padding:10px 4px 2px}
  .hero-feature-body strong{font-size:.76rem}
  .hero-feature-body b{font-size:.88rem}
  .hero-swatch{max-width:28px;height:24px;border-radius:10px}
  .hero-colour{padding:8px 10px 9px;gap:6px}
  .hero-colour-head{gap:6px}
  .hero-colour-label{font-size:.5rem}
  .hero-colour-active{font-size:.68rem}
  .hero-logo{width:130px;margin-bottom:6px}
  .hero-stat-grid span{min-height:24px;font-size:.5rem}
  .brand-rail{grid-template-columns:repeat(3,1fr);gap:6px}
  .brand-filter{height:48px;padding:6px}
  .brand-filter img{max-height:24px}
  .catalog{gap:14px}
  .product-body{padding:12px}
  .product-body h3{font-size:.84rem;line-height:1.2}
  .product-body p{font-size:.82rem}
  .product-body .tag{min-height:20px;padding:0 6px;font-size:.54rem}
  .price-block strong{font-size:1.05rem}
  .price-block small{font-size:.52rem}
  .view-seat{min-height:30px;padding:0 10px;font-size:.56rem}
  .section-head h2{font-size:clamp(1.4rem,6vw,2.2rem)}
  .section-head p{font-size:.78rem}
  .home-story{font-size:.84rem;padding:0 4px}
  .home-story p{margin-bottom:10px}
  .faq-card{padding:14px}
  .faq-card h3{font-size:.78rem}
  .faq-card p{font-size:.82rem}
  .warranty-card{padding:14px}
  .warranty-card h3{font-size:.78rem}
  .footer-grid{gap:20px}
  footer p{font-size:.78rem;line-height:1.5}
  footer h3{font-size:.78rem;margin-bottom:8px}
  footer button{font-size:.78rem}
}

/* --- Extra small phone (<=390px) --- */
@media(max-width:390px){
  .hero-swatch{max-width:24px;height:22px;border-radius:8px;gap:4px}
  .hero-colour-strip{gap:4px}
  .hero-stat-grid{grid-template-columns:1fr;gap:4px}
  .hero-stat-grid span{min-height:22px;font-size:.48rem}
  .brand-rail{grid-template-columns:repeat(2,1fr);gap:4px}
  .brand-filter{height:42px;padding:4px}
  .brand-filter img{max-height:20px}
  .mobile-bottom-nav .nav-link span{font-size:.44rem;letter-spacing:.04em}
  .mobile-bottom-nav .nav-icon{width:22px;height:22px}
  .mobile-bottom-nav .nav-link{min-height:48px}
}

/* --- Footer mobile padding --- */
@media(max-width:760px){
  footer{padding:28px 0 100px!important}
  .footer-grid{gap:20px;padding:0 4px}
  footer h3{font-size:.8rem;margin-bottom:8px}
  footer p{font-size:.8rem;line-height:1.5}
  footer button{font-size:.8rem}
}

/* --- Touch tablet: menu button visible alongside bottom nav --- */
@media(max-width:1366px) and (pointer:coarse) and (min-width:761px){
  .menu-button{display:none!important}
}

/* --- Ensure hero-product centres on all tablet sizes --- */
@media(max-width:1366px) and (min-width:761px){
  .hero-product{max-width:500px;width:100%;margin:0 auto}
  .hero-grid{gap:20px}
  .hero-copy{padding:10px 0 0}
  .home-story{font-size:.92rem}
}

/* --- Large desktop (1920px+): max content width and spacing --- */
@media(min-width:1920px){
  .hero-copy h1{font-size:clamp(3rem,3.5vw,4.8rem)}
  .catalog{gap:24px}
  .product-body{padding:20px}
  .product-body h3{font-size:1.15rem}
  .product-body p{font-size:.92rem}
  .section-head h2{font-size:clamp(2rem,3vw,3.4rem)}
}

/* --- 4K / ultra-wide (2560px+): scale up content --- */
@media(min-width:2560px){
  :root{--max:1600px}
  .hero-copy h1{font-size:5rem}
  .hero-lead{font-size:1.15rem}
  .hero-feature-card{max-width:520px}
  .hero-swatch{max-width:48px;height:42px}
}

/* --- Landscape phone: prevent hero from being too tall --- */
@media(max-height:500px) and (orientation:landscape){
  .home-hero{min-height:auto;padding:16px 0}
  .hero-feature-card{min-height:auto!important}
  .hero-feature-media{aspect-ratio:16/9}
  .hero-stat-grid{grid-template-columns:repeat(4,1fr)}
}

/* --- High DPI / Retina: crisp image rendering --- */
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
  .product-media img,.hero-feature-media img,.sheet-image img{
    image-rendering:-webkit-optimize-contrast;
  }
}

/* --- Dark mode hint: respect user preference (light mode forced) --- */
@media(prefers-color-scheme:dark){
  :root{color-scheme:light}
}

/* ---------- account auth cards ---------- */
.account-auth{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 0 60px}
.account-auth[hidden]{display:none!important}
.account-dash[hidden]{display:none!important}
.account-card{width:100%;max-width:420px;padding:32px 28px;text-align:center}
.account-card[hidden]{display:none}
.account-card-head h3{margin:0 0 6px;font-size:1.35rem;color:#fff}
.account-card-head p{margin:0 0 20px;color:var(--c-muted,#8b95a1);font-size:.88rem;line-height:1.4}
.auth-switch{margin-top:16px;font-size:.85rem;color:var(--c-muted,#8b95a1)}
.auth-switch-btn{background:none;border:none;color:var(--c-accent,#b2914e);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}
.auth-switch-btn:hover{color:#fff}
.account-msg{margin-top:12px;font-size:.82rem;min-height:1.2em}
.account-msg[data-status="warn"]{color:#ff6b6b}
.account-msg[data-status="ok"]{color:#6bffb8}

/* ---------- home affiliate section ---------- */
.home-affiliate{padding:60px 0}
.home-affiliate-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#111417 0%,#1e2328 100%);border-radius:24px;padding:48px 44px;overflow:visible;position:relative}
.home-affiliate-copy{color:#fff;position:relative;z-index:2}
.home-affiliate-eyebrow{color:rgba(182,155,92,.85)!important}
.home-affiliate-copy h2{font-size:1.8rem;font-weight:900;line-height:1.2;margin:14px 0 16px}
.home-affiliate-copy p{color:rgba(255,255,255,.72);font-size:.92rem;line-height:1.55;margin:0 0 22px}
.home-affiliate-tiers{display:flex;gap:12px;margin-bottom:28px}
.home-aff-tier{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 18px;text-align:center;flex:1;color:#fff}
.home-aff-tier-label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);margin-bottom:6px}
.home-aff-tier strong{display:block;font-size:1.3rem;font-weight:900;color:#f5a623;margin-bottom:2px}
.home-aff-tier .home-aff-tier-meta{display:block;font-size:.7rem;color:rgba(255,255,255,.5)}
.home-aff-tier em{display:block;font-size:.72rem;font-style:normal;color:rgba(255,255,255,.45);margin-top:4px}
.home-affiliate-actions{display:flex;align-items:center;gap:16px}
.home-affiliate-note{font-size:.78rem;color:rgba(255,255,255,.45)}
.home-affiliate-art{position:relative;overflow:visible;display:flex;align-items:center;justify-content:center}
.home-affiliate-art picture{display:block;width:100%}
.home-affiliate-banner-img{width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}
@media(max-width:900px){
  .home-affiliate-card{grid-template-columns:1fr;padding:32px 24px}
  .home-affiliate-tiers{flex-direction:column}
  .home-affiliate-art{order:-1;margin-bottom:8px}
}

/* ===== MOBILE OVERFLOW KILL — final override pass ===== */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-overflow-scrolling:touch}
body{overflow-x:clip;width:100%;max-width:100vw}
main,.page,section,div,article,form,aside,nav,header,footer{min-width:0;max-width:100vw;overflow:clip}
img,video,svg,canvas{max-width:100%;height:auto}
.shell{padding-left:clamp(14px,4vw,48px);padding-right:clamp(14px,4vw,48px)}
.ambient-3d{display:none!important}
.catalog{overflow:visible}
@media(max-width:760px){
  .shell{padding-left:14px;padding-right:14px}
  .home-hero{overflow:hidden}
  .hero-grid{grid-template-columns:1fr!important;gap:18px}
  .hero-copy{padding:0}
  .hero-product{max-width:100%!important;width:100%!important}
  .checkout-grid{grid-template-columns:1fr!important}
  .checkout-product{display:none}
  .product-body{padding:10px!important}
  .build-sheet .shell{padding-left:10px;padding-right:10px}
  .cart-panel{width:100vw!important}
  .faq-card{max-width:100%!important;width:100%!important}
  .sheet{max-width:100vw!important;overflow:hidden!important}
  .sheet .shell{max-width:100%!important;padding-left:10px!important;padding-right:10px!important}
}

/* ================= 20260806 FAQ accordion + hero badges ================= */
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;animation:fadeUp .68s .66s ease both}
.hero-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:8px 13px;color:rgba(255,255,255,.92);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.hero-badge svg{flex-shrink:0;color:#c9a75f;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.hero-product .hero-badges{display:grid;gap:8px;margin-top:12px}
.hero-product .hero-badge{justify-content:flex-start;min-height:40px;border:1px solid rgba(17,20,23,.1);border-radius:9px;background:rgba(255,255,255,.86);color:#48535d;box-shadow:0 1px 2px rgba(20,27,34,.05);backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-product .hero-badge svg{color:#8a681e;filter:none}
@media(max-width:760px){
  .hero-badges{gap:8px;margin-top:12px}
  .hero-badge{width:100%;justify-content:center;font-size:.68rem;padding:9px 12px;white-space:normal;text-align:center}
}

/* ================= 20260806 homepage contact form ================= */
.faq-contact{margin-top:34px;padding:28px;border-radius:18px}
.faq-contact-head h3{font-size:1.25rem;font-weight:800;margin:0 0 6px;color:#0f172a}
@media (min-width:761px){.faq-contact-head .home-policy-symbol{max-height:72px}}
.faq-contact-head p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0 0 18px}
.faq-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.faq-contact-form label{display:grid;gap:6px;font-size:.78rem;font-weight:700;color:#36424c}
.faq-contact-full{grid-column:1/-1}
.faq-contact-form input,.faq-contact-form textarea{height:46px;border-radius:12px;border:1px solid var(--line);padding:0 13px;font-size:.95rem;background:#fff;color:#111417;width:100%;box-sizing:border-box;font-family:inherit}
.faq-contact-form textarea{height:auto;min-height:96px;padding:11px 13px;resize:vertical;line-height:1.5}
.faq-contact-form input:focus,.faq-contact-form textarea:focus{outline:none;border-color:#b08e48;box-shadow:0 0 0 3px rgba(176,142,72,.18)}
.faq-contact-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.faq-contact-note{font-size:.8rem;color:#64748b;margin:0;line-height:1.5}
.faq-contact-status{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:.9rem;font-weight:600}
.faq-contact-status[data-status="ok"]{background:rgba(40,103,70,.08);color:#286746}
.faq-contact-status[data-status="warn"]{background:rgba(176,142,72,.12);color:#8a681e}
.faq-contact-status[data-status="error"]{background:rgba(176,80,55,.08);color:#b05037}
@media(max-width:600px){.faq-contact{padding:20px}.faq-contact-form{grid-template-columns:1fr}}

/* ================= 20260816 configurator premium polish ================= */
.configurator{border-color:rgba(17,20,23,.08);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcfd);box-shadow:0 34px 90px rgba(20,27,34,.10),inset 0 1px 0 rgba(255,255,255,.95)}
.build-preview{background:radial-gradient(circle at 72% 16%,rgba(182,155,98,.08),transparent 44%),linear-gradient(180deg,#f6f8fa,#edf1f4)}
.build-image{border-radius:16px;border-color:rgba(17,20,23,.07);box-shadow:0 22px 54px rgba(20,27,34,.10),inset 0 1px 0 rgba(255,255,255,.9)}
.build-image img{filter:drop-shadow(0 26px 34px rgba(20,27,34,.16))}
.build-caption h3{font-size:1.15rem;letter-spacing:.02em;margin:2px 0 4px;color:#111417}
.build-total strong{font-size:2.05rem;letter-spacing:-.02em;color:#111417}
.build-controls{padding:24px;border-left:1px solid rgba(17,20,23,.07)}
.control-title{font-size:.7rem;letter-spacing:.12em;color:#111417}
.control-title svg{opacity:.75;color:#b59655}
.control-title span{color:#8a949d;font-weight:700}
.control-group{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(17,20,23,.07)}
.control-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.choice{position:relative}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.choice .choice-box{min-height:52px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(17,20,23,.12);border-radius:12px;background:#fff;padding:0 14px 0 16px;font-size:.85rem;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;box-shadow:0 2px 8px rgba(20,27,34,.04);box-sizing:border-box}
.choice .choice-box:hover{border-color:rgba(17,20,23,.28);box-shadow:0 8px 20px rgba(20,27,34,.08);transform:translateY(-1px)}
.choice .choice-name{min-height:0;display:inline;border:0;border-radius:0;background:none;padding:0;font-size:.85rem;font-weight:700;color:#1c252c;line-height:1.3}
.choice .choice-price{min-height:0;display:inline-flex;align-items:center;flex-shrink:0;font-weight:850;font-size:.74rem;letter-spacing:.02em;color:#111417;background:linear-gradient(180deg,#f2f3f5,#e8eaed);border:1px solid rgba(17,20,23,.07);border-radius:999px;padding:4px 10px;white-space:nowrap}
.choice .choice-price.included{color:#6a7680;font-weight:700;background:#f5f6f7}
.choice input:checked+.choice-box{background:linear-gradient(180deg,#111417,#262d33);border-color:#111417;box-shadow:0 10px 24px rgba(20,27,34,.20),0 0 0 3px rgba(182,155,98,.28) inset}
.choice input:checked+.choice-box .choice-name{color:#fff}
.choice input:checked+.choice-box .choice-price{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);color:#e8c877}
.choice input:checked+.choice-box .choice-price.included{color:#c8cfd4}
.choice .choice-check{position:absolute;top:8px;right:8px;width:20px;height:20px;min-height:20px;display:grid;place-items:center;border-radius:999px;padding:0;background:#b59655;color:#fff;opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .16s ease;pointer-events:none;z-index:2}
.choice input:checked~.choice-check{opacity:1;transform:scale(1)}
.swatch{row-gap:8px}
.swatch span{width:46px;height:46px;border-color:rgba(17,20,23,.14);box-shadow:0 4px 10px rgba(20,27,34,.10)}
.swatch input:checked+span{border-color:#b59655;box-shadow:0 0 0 2px #b59655 inset,0 0 0 4px #fff inset,0 6px 14px rgba(20,27,34,.14)}
.swatch small{font-size:.64rem;color:#5b6670}
.swatch .swatch-price{color:#b59655;font-weight:900}
.summary{background:linear-gradient(180deg,#f7f8fa,#f1f3f5);border:1px solid rgba(17,20,23,.07);border-radius:14px;padding:6px 14px}
.summary-row{padding:9px 0;font-size:.84rem}
.summary-row:last-child{border-bottom:0}
.summary-row span{color:#6a7680}
.summary-row strong{color:#1c252c;font-weight:750}
.build-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}
.build-actions .btn{min-height:48px;border-radius:12px;font-size:.86rem;letter-spacing:.04em;box-shadow:0 14px 30px rgba(17,20,23,.16)}

/* ================= 20260816 configurator world-class polish ================= */
#page-build .shell{padding-bottom:24px}
.build-controls{counter-reset:buildstep}
.control-group{counter-increment:buildstep}
.control-title{gap:6px}
.control-title::before{content:"0" counter(buildstep);flex:0 0 auto;display:inline-grid;place-items:center;min-width:26px;height:26px;margin-right:4px;border-radius:999px;background:linear-gradient(180deg,#f7ebcc,#e5cd94);color:#6b5220;font-size:.62rem;font-weight:900;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 10px rgba(182,155,98,.18)}
.control-group:last-child .control-title::before{content:none}
.control-title svg{display:none}
.build-image{background:radial-gradient(ellipse at 50% 120%,rgba(182,155,98,.15),transparent 46%),radial-gradient(circle at 50% 38%,#fff 0 20%,#f0f3f6 52%,#dde4ea 100%)}
.build-image::after{left:13%;right:13%;bottom:6%;height:44%;background:radial-gradient(ellipse at center,rgba(17,20,23,.10),transparent 68%)}
.build-image img{filter:drop-shadow(0 30px 40px rgba(20,27,34,.18))}
.build-caption{background:rgba(255,255,255,.72);border:1px solid rgba(17,20,23,.06);border-radius:14px;padding:14px 16px;backdrop-filter:blur(8px)}
.build-caption h3{margin-top:4px}
.build-total strong{background:linear-gradient(180deg,#a8873f,#6b5220);-webkit-background-clip:text;background-clip:text;color:transparent}
.build-total .price-disclaimer{color:#8a949d}
.build-sticky{display:none}
@media(max-width:760px){
  #page-build .shell{padding-bottom:130px}
  #page-build .section-head{align-items:flex-start;gap:10px;margin-bottom:14px}
  #page-build .section-head h2{font-size:1.3rem}
  .configurator{border-radius:16px}
  .build-sticky{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:900;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-top:1px solid rgba(17,20,23,.08);box-shadow:0 -12px 30px rgba(20,27,34,.10);padding:10px 16px}
  .build-sticky-total{flex:1;min-width:0}
  .build-sticky-total span{display:block;font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8a949d;margin-bottom:1px}
  .build-sticky-total strong{font-size:1.25rem;letter-spacing:-.01em;color:#111417;font-weight:850;white-space:nowrap}
  .build-sticky .btn{min-height:44px;padding:0 20px;font-size:.78rem;letter-spacing:.05em}
  .build-sticky .btn.secondary{display:none}
}


/* ================= 20260816c configurator — mobile-first world-class ================= */
/* Build page: soft studio backdrop so every control reads as its own card */
#page-build{background:linear-gradient(180deg,#f4f6f8 0,#e9edf1 100%)}
#page-build .section-head h2{letter-spacing:.01em}
#page-build .section-head .eyebrow{color:#a8873f}

/* Configurator shell: transparent stack of cards on mobile, keeps 2-col grid on desktop */
@media(max-width:760px){
  #page-build .shell{padding-left:14px;padding-right:14px;padding-bottom:150px}
  .configurator{display:block;border:0;background:transparent;box-shadow:none;border-radius:0}
  .build-preview{padding:0 0 14px;background:transparent}
  .build-controls{padding:0;border:0;background:transparent}

  /* ---- Cinematic preview stage ---- */
  .build-image{height:clamp(300px,64vw,420px);border-radius:22px;border-color:rgba(17,20,23,.08);
    background:radial-gradient(ellipse at 50% 118%,rgba(182,155,98,.22),transparent 48%),
               radial-gradient(circle at 50% 34%,#fff 0 18%,#f1f4f7 50%,#dde4ea 100%);
    box-shadow:0 26px 60px rgba(20,27,34,.14),inset 0 1px 0 rgba(255,255,255,.95)}
  .build-image img{filter:drop-shadow(0 34px 44px rgba(20,27,34,.22))}
  .build-image::after{left:16%;right:16%;bottom:4%;height:40%;background:radial-gradient(ellipse at center,rgba(17,20,23,.13),transparent 70%)}

  /* ---- Colourway grid: every colour visible, no horizontal scroll ---- */
  .build-finish-inline{padding:14px 2px 4px}
  .build-finish-inline .control-title{margin-bottom:10px;font-size:.66rem}
  .build-finish-inline .swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;
    padding:6px 2px 12px;overflow:visible}
  .build-finish-inline .swatch{width:auto;row-gap:9px}
  .build-finish-inline .swatch span{width:54px;height:54px;border:2px solid rgba(17,20,23,.12);
    box-shadow:0 6px 14px rgba(20,27,34,.12)}
  .build-finish-inline .swatch input:checked+span{border-color:#b59655;
    box-shadow:0 0 0 2px #b59655 inset,0 0 0 5px #fff inset,0 8px 18px rgba(182,155,98,.35)}
  .build-finish-inline .swatch small{font-size:.66rem;color:#454f58;font-weight:800}
  .build-finish-inline .swatch .swatch-price{font-size:.62rem}
  @media(min-width:480px){.build-finish-inline .swatches{grid-template-columns:repeat(6,minmax(0,1fr))}}

  /* ---- Floating price/model card over the stage ---- */
  .build-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin:0 10px;padding:14px 16px;border-radius:18px;
    background:rgba(255,255,255,.86);border:1px solid rgba(17,20,23,.07);
    box-shadow:0 18px 44px rgba(20,27,34,.12);backdrop-filter:blur(14px)}
  .build-caption h3{font-size:1.02rem;line-height:1.25;margin:3px 0 0}
  .build-caption p{display:none}
  .build-caption>div:first-child{flex:1;min-width:0}
  .build-total{text-align:right}
  .build-total span{font-size:.58rem}
  .build-total strong{font-size:1.7rem;background:linear-gradient(180deg,#b08f47,#6b5220);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .build-total .price-disclaimer{display:none}

  /* ---- Step cards ---- */
  .control-group{background:#fff;border:1px solid rgba(17,20,23,.08);border-radius:22px;
    padding:18px 16px;margin-bottom:14px;box-shadow:0 12px 30px rgba(20,27,34,.07)}
  .control-group:last-child{margin-bottom:0}
  .control-title{font-size:.7rem;letter-spacing:.14em;margin-bottom:12px}
  .control-title::before{min-width:34px;height:34px;margin-right:10px;font-size:.8rem;
    border-radius:12px;background:linear-gradient(180deg,#f8eccb,#e7cf96);color:#5d4518;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 6px 14px rgba(182,155,98,.28)}
  .control-title span{letter-spacing:.1em}

  /* ---- Option cards: full-width touch rows ---- */
  .choice-grid{display:grid;grid-template-columns:1fr;gap:10px}
  .choice .choice-box{min-height:60px;padding:0 42px 0 16px;border-radius:16px;font-size:.88rem;
    border-color:rgba(17,20,23,.1);box-shadow:0 3px 10px rgba(20,27,34,.05)}
  .choice .choice-box:active{transform:scale(.985)}
  .choice .choice-name{font-size:.88rem;font-weight:800;color:#161d23}
  .choice .choice-price{min-height:26px;font-size:.78rem;padding:0 11px;border-radius:999px;
    background:linear-gradient(180deg,#faf5e7,#efe2bd);border:1px solid rgba(182,155,98,.35);color:#6b5220}
  .choice .choice-price.included{background:#f2f4f6;border-color:rgba(17,20,23,.08);color:#6a7680}
  .choice input:checked+.choice-box{background:linear-gradient(180deg,#151a1f,#232a31);
    border-color:#b59655;box-shadow:0 12px 26px rgba(20,27,34,.22),0 0 0 1.5px rgba(182,155,98,.55) inset}
  .choice input:checked+.choice-box .choice-name{color:#fff}
  .choice input:checked+.choice-box .choice-price{background:rgba(182,155,98,.2);
    border-color:rgba(232,200,119,.45);color:#e8c877}
  .choice input:checked+.choice-box .choice-price.included{color:#c6cdd3;background:rgba(255,255,255,.1)}
  .choice .choice-check{top:50%;right:12px;width:26px;height:26px;transform:translateY(-50%) scale(.5);
    background:linear-gradient(180deg,#c9a95f,#a8873f);box-shadow:0 4px 10px rgba(182,155,98,.4)}
  .choice input:checked~.choice-check{transform:translateY(-50%) scale(1)}

  /* ---- Summary + actions ---- */
  .summary{background:linear-gradient(180deg,#f7f8fa,#f0f2f4);border:1px solid rgba(17,20,23,.07);
    border-radius:16px;padding:8px 14px}
  .summary-row{font-size:.84rem}
  .build-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
  .build-actions .btn{min-height:54px;border-radius:16px;font-size:.9rem;font-weight:800;
    box-shadow:0 16px 34px rgba(20,27,34,.18)}

  /* ---- Floating total dock ---- */
  .build-sticky{left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom,0px));
    border-radius:20px;border:1px solid rgba(17,20,23,.1);
    background:rgba(255,255,255,.96);box-shadow:0 20px 52px rgba(20,27,34,.22);
    padding:12px 14px;gap:12px}
  .build-sticky-total strong{font-size:1.4rem;background:linear-gradient(180deg,#b08f47,#6b5220);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .build-sticky .btn{flex:1;min-height:50px;border-radius:14px;font-size:.82rem;letter-spacing:.06em;
    border:1px solid rgba(182,155,98,.5);box-shadow:0 10px 24px rgba(20,27,34,.22)}
}
@media(min-width:761px) and (max-width:1080px){
  .choice-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
}


/* ================= 20260816d configurator live-spec feedback ================= */
.build-image{position:relative}
.build-finish-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;
  min-height:30px;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.86);
  border:1px solid rgba(17,20,23,.08);box-shadow:0 8px 22px rgba(20,27,34,.14);
  backdrop-filter:blur(10px);font-size:.66rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#1c252c}
.build-finish-dot{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.92);
  box-shadow:0 0 0 1px rgba(17,20,23,.14),0 2px 6px rgba(20,27,34,.25);background:#b59655}
.build-sticky-spec{display:block;margin-top:2px;font-size:.6rem;font-weight:700;letter-spacing:.01em;color:#6a7680;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}
@media(max-width:760px){
  .build-finish-badge{top:12px;left:12px;min-height:28px;padding:5px 11px;font-size:.6rem}
  .build-finish-dot{width:12px;height:12px}
}


/* ================= 20260816e cart — premium redesign ================= */
.cart-overlay{background:rgba(12,16,20,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cart-panel{background:linear-gradient(180deg,#fdfdfd,#f7f8fa);box-shadow:-24px 0 80px rgba(12,16,20,.28);
  border-left:1px solid rgba(17,20,23,.08)}
.cart-panel-head{padding:20px 24px;border-bottom:1px solid rgba(17,20,23,.07);background:rgba(255,255,255,.7);backdrop-filter:blur(10px)}
.cart-panel-head h2{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;letter-spacing:.01em;color:#111417}
.cart-count{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;
  background:linear-gradient(180deg,#f3e6c4,#e4cd94);color:#5d4518;font-size:.66rem;font-weight:900;letter-spacing:.06em}
.cart-panel-head .icon-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(17,20,23,.1);
  background:#fff;color:#111417;box-shadow:0 4px 12px rgba(20,27,34,.06);transition:all .15s ease}
.cart-panel-head .icon-close:hover{background:#111417;color:#fff;border-color:#111417;transform:rotate(90deg)}
.cart-panel-body{padding:18px 20px 26px}
.cart-items{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.cart-item{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:14px;padding:14px;border-radius:16px;
  background:#fff;border:1px solid rgba(17,20,23,.08);box-shadow:0 10px 26px rgba(20,27,34,.06);
  transition:box-shadow .2s ease,transform .2s ease;overflow:hidden}
.cart-item:hover{box-shadow:0 16px 38px rgba(20,27,34,.12);transform:translateY(-1px)}
.cart-item-img{width:78px;height:78px;border-radius:12px;overflow:hidden;border:1px solid rgba(17,20,23,.06);
  background:radial-gradient(circle at 50% 42%,#fff 0 26%,#eef1f4 55%,#dfe4e9 100%);flex-shrink:0}
.cart-item-img img{object-fit:contain;padding:6px;box-sizing:border-box}
.cart-item-info h3{font-size:.86rem;font-weight:800;color:#161d23;margin:0 0 2px}
.cart-item-brand{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a8873f;margin:0 0 7px}
.cart-item-tags{gap:4px;margin-bottom:10px}
.cart-tag{min-height:20px;padding:2px 8px;border-radius:999px;font-size:.58rem;font-weight:700;color:#5b6670;
  background:#f2f4f6;border:1px solid rgba(17,20,23,.06);letter-spacing:.02em}
.cart-item-controls{display:flex;align-items:center;gap:8px}
.cart-qty-btn{width:30px;height:30px;border-radius:10px;border:1px solid rgba(17,20,23,.12);background:#fff;
  color:#111417;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .15s ease;box-shadow:0 2px 6px rgba(20,27,34,.05)}
.cart-qty-btn:hover{background:#111417;color:#fff;border-color:#111417}
.cart-qty{min-width:26px;text-align:center;font-size:.86rem;font-weight:800;color:#161d23}
.cart-remove-btn{background:none;border:0;padding:4px 2px;margin-left:6px;font-size:.64rem;font-weight:750;
  letter-spacing:.04em;color:#9aa3ab;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}
.cart-remove-btn:hover{color:#b3272d}
.cart-item-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;min-width:86px}
.cart-item-price span{font-size:.64rem;color:#8a949d;font-weight:600}
.cart-item-price strong{font-size:1.02rem;font-weight:850;letter-spacing:-.01em;color:#111417}
/* summary */
.cart-summary{background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid rgba(17,20,23,.08);
  border-radius:16px;padding:6px 16px;box-shadow:0 8px 22px rgba(20,27,34,.05)}
.cart-summary .summary-row{padding:9px 0;font-size:.82rem;border-bottom:1px solid rgba(17,20,23,.05)}
.cart-summary .summary-row span{color:#4b5660;font-weight:650}
.cart-summary .summary-row strong{font-weight:800;color:#161d23}
.cart-summary .summary-row em{font-style:normal;font-size:.68rem;color:#8a949d;font-weight:600}
.cart-summary .discount-row strong{color:#8a6d1f}
.next-tier{margin:10px 0 4px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#faf6ea,#f4ecda);
  border:1px solid rgba(182,155,98,.3)}
.next-tier-row{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:750;color:#6b5220;letter-spacing:.02em}
.next-tier-row::before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,#d6b572,#a8873f);
  box-shadow:0 0 0 3px rgba(182,155,98,.18);flex-shrink:0}
.next-tier-track{height:5px;border-radius:999px;background:rgba(17,20,23,.08);margin-top:8px;overflow:hidden}
.next-tier-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c8a85f,#a8873f);
  transition:width .4s ease}
.summary-total{display:flex;align-items:baseline;justify-content:space-between;padding:14px 0 4px;border-top:1px solid rgba(17,20,23,.08);margin-top:4px}
.summary-total span{font-size:.8rem;font-weight:800;letter-spacing:.02em;color:#161d23}
.summary-total strong{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;color:#111417;
  background:linear-gradient(180deg,#b08f47,#6b5220);-webkit-background-clip:text;background-clip:text;color:transparent}
.summary-total-note{font-size:.62rem;color:#8a949d;font-weight:600;margin:0 0 8px;text-align:right}
/* actions */
.cart-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.cart-actions .btn{width:100%;min-height:52px;border-radius:14px;font-size:.9rem;font-weight:800;letter-spacing:.06em}
.cart-actions .btn.full{background:linear-gradient(180deg,#151a1f,#232a31);color:#fff;border:1px solid rgba(182,155,98,.45);
  box-shadow:0 16px 34px rgba(20,27,34,.22)}
.cart-actions .btn.full:hover{background:linear-gradient(180deg,#1d242b,#2a323a)}
.cart-actions .btn.secondary{background:#fff;color:#161d23;border:1px solid rgba(17,20,23,.14);box-shadow:none}
.cart-actions .btn.secondary:hover{border-color:rgba(17,20,23,.3);background:#f7f8fa}
/* empty state */
.cart-empty{padding:52px 24px;text-align:center}
.cart-empty-icon{width:92px;height:92px;margin:0 auto 20px;border-radius:28px;display:grid;place-items:center;color:#a8873f;
  background:radial-gradient(circle at 50% 30%,#faf3e0,#efe3c2 60%,#e5d3a4);
  box-shadow:0 18px 44px rgba(182,155,98,.28),inset 0 1px 0 rgba(255,255,255,.8)}
.cart-empty h3{font-size:1.15rem;font-weight:800;margin:0 0 8px;color:#161d23}
.cart-empty p{font-size:.86rem;color:#6a7680;line-height:1.55;margin:0 auto 22px;max-width:260px}
.cart-empty .btn{min-height:48px;padding:0 28px;border-radius:14px;font-size:.86rem;font-weight:800;letter-spacing:.05em}
@media(max-width:760px){
  .cart-panel{width:100vw}
  .cart-panel-head{padding:16px 18px}
  .cart-panel-body{padding:14px 16px 24px}
  .cart-item{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;border-radius:14px}
  .cart-item-img{width:64px;height:64px;border-radius:10px}
  .cart-item-price{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;
    border-top:1px solid rgba(17,20,23,.07);padding-top:10px;margin-top:2px;min-width:0}
  .cart-item-price span{order:1}
  .cart-item-price strong{order:2}
}

/* ================= 20260816g all colourways visible (wrapping grid) + modern scrollbars ================= */
/* keep the swatch rail + horizontal snap strips free of visible scrollbars */
.swatches,.sheet-thumbs,.thumb-strip{scrollbar-width:none;-ms-overflow-style:none}
.swatches::-webkit-scrollbar,.sheet-thumbs::-webkit-scrollbar,.thumb-strip::-webkit-scrollbar{display:none;height:0}
/* ================= 20260816t premium scrollbars ================= */
/* IMPORTANT: never set scrollbar-width/scrollbar-color globally in Chromium —
   Chrome 121+ switches those scrollbars to the native renderer and IGNORES the
   ::-webkit-scrollbar pill styling below (that's why earlier versions showed
   basic square bars). Only Firefox (no ::-webkit-scrollbar support) gets the
   thin native fallback via @supports. Chromium/Safari get the custom pills. */
@supports not selector(::-webkit-scrollbar){
  *{scrollbar-width:thin;scrollbar-color:rgba(31,38,46,.5) rgba(31,38,46,.07)}
}
::-webkit-scrollbar,html::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track,html::-webkit-scrollbar-track{
  background:rgba(17,24,39,.055);
  border-radius:999px;
  margin:2px;
}
::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{
  background:rgba(23,30,38,.58);
  border-radius:999px;
  border:2px solid rgba(247,248,250,.9);
  background-clip:padding-box;
  min-height:44px;
}
::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{
  background:rgba(168,134,62,.85);
  border:2px solid rgba(247,248,250,.9);
  background-clip:padding-box;
}
::-webkit-scrollbar-corner{background:transparent}

/* ================= 20260816p configurator — refined premium mobile ================= */
/* Tighter page header so the chair is visible on first screen */
@media(max-width:760px){
  #page-build .shell{padding-top:8px}
  #page-build .section-head{gap:8px;margin-bottom:12px}
  #page-build .section-head h2{font-size:1.1rem;line-height:1.16;letter-spacing:-.01em;margin:3px 0 0}
  #page-build .section-head .eyebrow{font-size:.56rem;letter-spacing:.2em;margin-bottom:1px}
  #page-build .section-head p{display:none}
  #page-build .section-head>div:last-child{display:flex;align-items:center}
  #page-build .section-head .btn.secondary{min-height:34px;padding:0 14px;font-size:.6rem;border-radius:999px;letter-spacing:.08em;box-shadow:none}

  /* Stage: a little more presence, calmer finish pill */
  .build-image{height:clamp(320px,72vw,440px);border-radius:20px}
  .build-finish-badge{top:12px;left:12px;padding:8px 12px;border-radius:12px;font-size:.62rem;letter-spacing:.06em}

  /* Colourway grid: even, quiet */
  .build-finish-inline{padding:12px 2px 2px}
  .build-finish-inline .control-title{margin-bottom:8px}
  .build-finish-inline .swatches{gap:12px 8px;padding:4px 2px 10px}
  .build-finish-inline .swatch span{width:52px;height:52px;box-shadow:0 5px 12px rgba(20,27,34,.10)}
  .build-finish-inline .swatch small{font-size:.6rem;line-height:1.3}
  .build-finish-inline .swatch .swatch-price{font-size:.56rem;font-weight:800}

  /* Step cards: one unified surface, less “cut out” paper */
  .control-group{border-radius:18px;padding:15px 14px;margin-bottom:11px;box-shadow:0 8px 22px rgba(20,27,34,.055)}
  .control-title{font-size:.64rem;margin-bottom:10px}
  .control-title::before{min-width:28px;height:28px;border-radius:9px;font-size:.66rem;margin-right:8px}

  /* Option rows: calmer unselected pills, gold only when picked */
  .choice .choice-box{min-height:56px;border-radius:14px;border-color:rgba(17,24,39,.09);box-shadow:none;padding-right:44px}
  .choice .choice-price{background:#f3f4f6;border-color:transparent;color:#6b7280;font-weight:750}
  .choice input:checked+.choice-box{box-shadow:0 10px 22px rgba(20,27,34,.20),0 0 0 1.5px rgba(182,155,98,.55) inset}
  .choice input:checked+.choice-box .choice-price{background:rgba(182,155,98,.22);border-color:rgba(232,200,119,.4);color:#d8b25c}
  .choice .choice-check{width:24px;height:24px}

  /* Floating dock: slimmer, doesn't “cut” the screen */
  .build-sticky{padding:10px 14px;border-radius:18px;gap:10px;box-shadow:0 16px 40px rgba(20,27,34,.18)}
  .build-sticky-total span{font-size:.52rem;letter-spacing:.1em}
  .build-sticky-total strong{font-size:1.25rem}
  .build-sticky-spec{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem}
  .build-sticky .btn{min-height:46px;border-radius:12px;font-size:.72rem;letter-spacing:.08em}
}

/* ================= 20260817 warranty page redesign ================= */
#page-warranty .section-head{margin-bottom:26px}
.warranty-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.warranty-stat{position:relative;overflow:hidden;padding:24px 20px 20px}
.warranty-stat::after{content:"";position:absolute;right:-24px;top:-24px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(182,155,98,.16),transparent 70%);pointer-events:none}
.warranty-stat-ico{position:absolute;right:16px;top:16px;width:34px;height:34px;object-fit:contain;opacity:.55;pointer-events:none}
.warranty-stat-num{display:block;font-size:2.2rem;font-weight:850;line-height:1;letter-spacing:-.03em;color:#a8873f}
.warranty-stat-num span{display:block;font-size:.6rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8a949d;margin-top:7px}
.warranty-stat h3{margin:14px 0 6px;font-size:.9rem;font-weight:800;letter-spacing:.02em;color:#111417}
.warranty-stat p{margin:0;font-size:.82rem;line-height:1.5;color:#64717c}
.warranty-grid{gap:16px;margin-bottom:16px}
.warranty-card{position:relative;padding:22px}
.warranty-card-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;margin-bottom:14px;background:linear-gradient(135deg,rgba(182,155,98,.18),rgba(182,155,98,.05));border:1px solid rgba(182,155,98,.30);color:#8a6d2f}
.warranty-card h3{margin-bottom:10px}
.warranty-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.warranty-list li{position:relative;padding-left:27px;font-size:.92rem;line-height:1.5;color:#3c4852}
.warranty-list li::before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:.58rem;font-weight:900;color:#fff;line-height:1}
.warranty-list-check li::before{background:linear-gradient(135deg,#4a7a4f,#2d6a3f);content:"\2713"}
.warranty-list-x li::before{background:linear-gradient(135deg,#b8504a,#8c2929);content:"\2715"}
.warranty-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.warranty-step{position:relative;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#fafbfc);box-shadow:0 14px 34px rgba(20,27,34,.08);padding:22px 20px;overflow:hidden}
.warranty-step::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,#b59655,transparent)}
.warranty-step-num{display:block;font-size:.7rem;font-weight:900;letter-spacing:.2em;color:#8a6d2f;margin-bottom:10px}
.warranty-step h3{margin:0 0 6px;font-size:.96rem;font-weight:800;color:#111417}
.warranty-step p{margin:0;font-size:.85rem;line-height:1.55;color:#64717c}
.warranty-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 30px;margin-top:4px;border:1px solid rgba(182,155,98,.34);background:linear-gradient(120deg,#fff,rgba(182,155,98,.07))}
.warranty-cta .eyebrow{display:block;margin-bottom:6px}
.warranty-cta-ico{display:block;width:40px;height:40px;object-fit:contain;margin-bottom:10px;opacity:.78}
.warranty-cta h3{margin:0 0 6px;font-size:1.35rem;font-weight:850;letter-spacing:-.01em;color:#111417}
.warranty-cta p{margin:0;font-size:.9rem;color:#64717c}
.warranty-cta .btn{flex-shrink:0;min-height:46px;padding:0 26px;border-radius:999px}
@media(max-width:760px){
  .warranty-stats{grid-template-columns:1fr;gap:10px}
  .warranty-stat{display:flex;align-items:center;gap:18px;padding:16px 18px}
  .warranty-stat::after{display:none}
  .warranty-stat-ico{display:none}
  .warranty-stat-num{font-size:1.7rem;min-width:78px}
  .warranty-stat-num span{display:inline;font-size:.55rem;letter-spacing:.12em;margin-top:0;margin-left:4px}
  .warranty-stat h3{margin:0 0 2px;font-size:.86rem}
  .warranty-stat p{font-size:.78rem}
  .warranty-steps{grid-template-columns:1fr;gap:10px}
  .warranty-step{display:flex;gap:16px;align-items:flex-start;padding:16px 18px}
  .warranty-step::before{width:100%;height:3px;top:0;bottom:auto;left:0;right:0;background:linear-gradient(90deg,transparent,#b59655,transparent)}
  .warranty-step-num{margin-bottom:0}
  .warranty-step h3{margin-bottom:3px}
  .warranty-card{padding:18px}
  .warranty-cta{flex-direction:column;align-items:flex-start;padding:24px 22px}
  .warranty-cta .btn{width:100%;text-align:center}
}

/* ================= 20260817 remove floating build dock ================= */
/* The Add to Cart CTA lives at the bottom of the build page (in the build summary card), not in a floating bar. */
.build-sticky{display:none!important}
@media(max-width:760px){
  #page-build .shell{padding-bottom:40px}
}

/* ================= 20260817 account dashboard redesign ================= */
/* Auth chooser + auth cards: dark premium with gold accents */
#accountAuth .account-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,#151a22 0%,#101318 100%);
  border:1px solid rgba(182,155,98,.28);
  border-radius:24px;
  padding:34px 30px 30px;
  box-shadow:0 30px 70px rgba(20,27,34,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
#accountAuth .account-card::before{
  content:"";position:absolute;top:-40%;left:-20%;right:-20%;height:170px;
  background:radial-gradient(50% 100% at 50% 0%,rgba(182,155,98,.22),transparent 70%);
  pointer-events:none;
}
#accountAuth .account-card>*{position:relative;z-index:1}
#accountAuth .account-card-head h3{color:#fff}
#accountAuth .account-card-head p{color:rgba(255,255,255,.62)}
.account-chooser-lead{color:rgba(255,255,255,.72);font-size:.95rem;line-height:1.55;margin:0 0 18px}
#accountAuth .btn.full{background:linear-gradient(135deg,#c9a45c,#a8873f);border:0;color:#fff;box-shadow:0 14px 30px rgba(176,142,72,.35)}
#accountAuth .btn.full:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(176,142,72,.42)}
#accountAuth .btn.ghost{background:rgba(182,155,98,.08);border:1px solid rgba(182,155,98,.5);color:#d8c08a;margin-top:2px;box-shadow:none}
#accountAuth .btn.ghost:hover{background:rgba(182,155,98,.16)}
#accountAuth .account-field{color:rgba(255,255,255,.7)}
#accountAuth .account-field input,#accountAuth .account-field select{background:#fff;color:#111417}

/* Profile hero */
.acc-profile{
  position:relative;
  overflow:hidden;
  align-items:center;
  background:linear-gradient(135deg,#151a22 0%,#1e242c 55%,#2a2417 100%);
  border:1px solid rgba(182,155,98,.25);
  border-radius:24px;
  padding:22px;
  margin-bottom:26px;
  box-shadow:0 26px 60px rgba(20,27,34,.22), inset 0 1px 0 rgba(255,255,255,.05);
  font-family:inherit;text-align:left;cursor:default;
}
.acc-profile::before{
  content:"";position:absolute;left:-20%;right:-20%;bottom:-70%;height:230px;
  background:radial-gradient(60% 100% at 50% 100%,rgba(182,155,98,.20),transparent 70%);
  pointer-events:none;
}
.acc-profile>*{position:relative;z-index:1}
.acc-avatar{
  width:62px;height:62px;
  background:linear-gradient(135deg,#b69b62,#7c6230);
  box-shadow:0 0 0 3px rgba(182,155,98,.35), 0 10px 24px rgba(20,27,34,.35);
  font-size:1.3rem;
}
.acc-profile-text{justify-content:center}
.acc-profile-text .acc-profile-eyebrow{font-size:.6rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#c9a45c;margin-bottom:3px}
.acc-profile-text strong{color:#fff;font-size:1.25rem;letter-spacing:-.01em}
.acc-profile-text span{color:rgba(255,255,255,.6)}
.acc-profile .acc-chev{border-color:rgba(201,164,92,.7)}

/* Group labels + menu cards */
.acc-group-label{font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#8a6d2f;margin:0 6px 10px}
.acc-group{
  background:linear-gradient(180deg,#fff,#fafbfc);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 14px 34px rgba(20,27,34,.08);
}
.acc-row{padding:16px}
.acc-row+.acc-row::before{left:60px;background:rgba(17,20,23,.06)}
.acc-row:hover{background:rgba(182,155,98,.06)}
.acc-row:active{background:rgba(182,155,98,.10)}
.acc-ico{width:36px;height:36px;border-radius:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 14px rgba(20,27,34,.12)}
.acc-ico-track{background:linear-gradient(135deg,#3b82d6,#2563b0)}
.acc-ico-aff{background:linear-gradient(135deg,#d9a441,#b07c28)}
.acc-ico-earn{background:linear-gradient(135deg,#2f9e5f,#1f7a47)}
.acc-ico-msg{background:linear-gradient(135deg,#5e5ce6,#7d4dff)}
.acc-row-label{font-weight:650;font-size:.97rem}
.acc-row-value{font-size:.74rem;color:#8a6d2f;font-weight:700}
.acc-row-value:not(:empty){background:rgba(182,155,98,.14);padding:3px 10px;border-radius:999px}
.acc-chev{border-color:#c9a45c}
.acc-row:hover .acc-chev{border-color:#a8873f}
.acc-row-danger .acc-row-label{color:#e5484d}

/* Back button + subheads (gold instead of iOS blue) */
.acc-back{color:#8a6d2f;font-weight:750;padding:2px 0 16px}
.acc-back:hover{color:#6e5522}
.acc-back-chev{border-color:#8a6d2f}
.acc-subhead{color:#8a6d2f;letter-spacing:.14em;font-size:.72rem;margin-bottom:12px}

/* Sub-view content cards */
.acc-content.ios-card{
  background:linear-gradient(180deg,#fff,#fafbfc);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 14px 34px rgba(20,27,34,.08);
  padding:22px;
}
.acc-content .ios-card-head span{color:#8a6d2f}
.acc-locked.ios-card{background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid var(--line);border-radius:18px}

@media(max-width:760px){
  .acc-profile{padding:18px}
  .acc-avatar{width:54px;height:54px}
  .acc-group-label{margin-left:4px}
  .acc-content.ios-card{padding:18px}
  #accountAuth .account-card{padding:28px 22px 24px}
}

/* ================= Partner logo marquee ================= */
.partner-marquee{background:#0c0f14;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);padding:22px 0}
.partner-marquee-track{display:flex;justify-content:center}
.partner-marquee-content{display:flex;align-items:center;justify-content:center;gap:60px;flex-wrap:nowrap}
.partner-logo{height:28px;width:auto;object-fit:contain;opacity:.55;filter:brightness(1.1) contrast(0.9);transition:opacity .3s,filter .3s;flex-shrink:0}
.partner-logo:hover{opacity:1!important;filter:none!important}
@media(max-width:760px){.partner-marquee{padding:16px 14px}.partner-marquee-content{gap:30px;flex-wrap:wrap;justify-content:center}.partner-logo{height:22px}}

/* ================= 20260817 TikTok section ================= */
.home-tiktok{padding:60px 0 6px}
.home-tiktok-head{margin-bottom:28px}
.home-tiktok-head p strong{color:#111417}
.tiktok-profile{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  border-radius:20px;
  margin-bottom:22px;
  background:linear-gradient(135deg,#151a22,#1e242c);
  border:1px solid rgba(182,155,98,.25);
  box-shadow:0 20px 46px rgba(20,27,34,.18);
  text-decoration:none;
}
.tiktok-profile-avatar{
  flex:0 0 auto;
  width:56px;height:56px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#000;color:#fff;
  border:2px solid rgba(255,255,255,.14);
  box-shadow:0 10px 22px rgba(0,0,0,.4);
}
.tiktok-profile-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.tiktok-profile-meta strong{color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:-.01em}
.tiktok-profile-meta span{color:rgba(255,255,255,.6);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tiktok-profile-follow{
  flex:0 0 auto;
  display:inline-flex;align-items:center;
  padding:11px 24px;border-radius:999px;
  background:linear-gradient(135deg,#c9a45c,#a8873f);
  color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 12px 26px rgba(176,142,72,.35);
  transition:transform .2s ease,box-shadow .2s ease;
}
.tiktok-profile:hover .tiktok-profile-follow{transform:translateY(-2px);box-shadow:0 16px 32px rgba(176,142,72,.45)}
.tiktok-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;justify-content:center}
.tiktok-video{
  position:relative;
  width:100%;
  max-width:325px;
  margin:0 auto;
  aspect-ratio:9/16;
  border-radius:18px;
  overflow:hidden;
  background:#0c0f14;
  border:1px solid rgba(15,19,23,.08);
  box-shadow:0 18px 44px rgba(20,27,34,.14);
}
.tiktok-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media(max-width:760px){
  .home-tiktok{padding:44px 0 4px}
  .home-tiktok-head{margin-bottom:20px}
  .tiktok-profile{padding:14px 16px;gap:12px}
  .tiktok-profile-avatar{width:48px;height:48px}
  .tiktok-profile-follow{padding:10px 16px;font-size:.66rem}
  .tiktok-videos{gap:14px}
}

/* ================= 20260817 TikTok section — profile card v2 ================= */
.tiktok-profile{
  display:flex;
  align-items:center;
  gap:20px;
  padding:22px 26px;
  border-radius:22px;
  margin-bottom:24px;
  background:linear-gradient(135deg,#151a22,#1e242c 58%,#2a2417);
  border:1px solid rgba(182,155,98,.28);
  box-shadow:0 22px 50px rgba(20,27,34,.20);
  text-decoration:none;
  position:relative;
  overflow:hidden;
}
.tiktok-profile::before{
  content:"";position:absolute;top:-70%;left:-10%;right:-10%;height:190px;
  background:radial-gradient(50% 100% at 50% 0%,rgba(182,155,98,.20),transparent 70%);
  pointer-events:none;
}
.tiktok-profile>*{position:relative;z-index:1}
.tiktok-profile-media{position:relative;flex:0 0 auto}
.tiktok-profile-avatar{
  width:78px;height:78px;
  border-radius:50%;
  object-fit:cover;display:block;
  border:3px solid rgba(182,155,98,.6);
  box-shadow:0 10px 26px rgba(0,0,0,.45);
  transition:border-color .2s ease;
}
.tiktok-profile-tt{
  position:absolute;right:-6px;bottom:-6px;
  width:27px;height:27px;border-radius:50%;
  display:grid;place-items:center;
  background:#000;color:#fff;
  border:2px solid #1e242c;
  box-shadow:0 4px 12px rgba(0,0,0,.5);
}
.tiktok-profile-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tiktok-profile-handle{font-size:1.2rem;font-weight:850;color:#fff;letter-spacing:-.01em}
.tiktok-profile-name{font-size:.82rem;color:rgba(255,255,255,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tiktok-profile-stats{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.tiktok-profile-stat{
  display:inline-flex;align-items:baseline;gap:5px;
  padding:5px 13px;border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  font-size:.66rem;color:rgba(255,255,255,.55);
  text-transform:uppercase;letter-spacing:.06em;font-weight:700;
}
.tiktok-profile-stat b{font-size:.84rem;color:#f5c56b;font-weight:800;letter-spacing:0;text-transform:none}
.tiktok-profile-follow{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:112px;padding:13px 26px;border-radius:999px;
  background:linear-gradient(135deg,#c9a45c,#a8873f);
  color:#fff;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 12px 28px rgba(176,142,72,.4);
  transition:transform .2s ease,box-shadow .2s ease;
}
.tiktok-profile:hover .tiktok-profile-follow{transform:translateY(-2px);box-shadow:0 16px 34px rgba(176,142,72,.5)}
.tiktok-profile:hover .tiktok-profile-avatar{border-color:#c9a45c}
@media(max-width:760px){
  .tiktok-profile{gap:14px;padding:16px 16px;border-radius:18px}
  .tiktok-profile-avatar{width:64px;height:64px;border-width:2px}
  .tiktok-profile-handle{font-size:1.06rem}
  .tiktok-profile-name{font-size:.74rem}
  .tiktok-profile-stats{margin-top:4px;gap:6px}
  .tiktok-profile-stat{padding:4px 10px;font-size:.6rem}
  .tiktok-profile-stat b{font-size:.76rem}
  .tiktok-profile-follow{min-width:0;padding:12px 18px;font-size:.68rem}
}

/* ================= 20260817 TikTok section — v3 premium band ================= */
.home-tiktok{padding:0}
.home-tiktok-band{
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,#101318 0%,#171c24 55%,#221b10 100%);
  border-top:1px solid rgba(182,155,98,.22);
  border-bottom:1px solid rgba(182,155,98,.22);
  padding:64px 0 72px;
}
.home-tiktok-band::before{
  content:"";position:absolute;top:-30%;left:50%;transform:translateX(-50%);
  width:900px;height:420px;
  background:radial-gradient(50% 100% at 50% 0%,rgba(182,155,98,.14),transparent 70%);
  pointer-events:none;
}
.home-tiktok-band>*{position:relative;z-index:1}
.home-tiktok-head{margin-bottom:30px}
.home-tiktok-head .eyebrow{color:rgba(182,155,98,.95)!important}
.home-tiktok-head h2{color:#fff!important}
.home-tiktok-head p{color:rgba(255,255,255,.62)!important}
.home-tiktok-head p strong{color:#f5c56b!important}
.tiktok-profile{
  background:rgba(255,255,255,.045);
  border-color:rgba(182,155,98,.32);
  box-shadow:0 18px 44px rgba(0,0,0,.3);
  border-radius:24px;
}
.tiktok-profile:hover{background:rgba(255,255,255,.07)}
.tiktok-videos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(0,320px));
  gap:20px;
  justify-content:center;
  align-items:start;
}
.tiktok-video-card{margin:0;display:flex;flex-direction:column;gap:12px}
.tiktok-video{
  max-width:320px;
  margin:0 auto;
  border-radius:20px;
  border:1px solid rgba(182,155,98,.35);
  box-shadow:0 22px 48px rgba(0,0,0,.4);
  background:#000;
}
.tiktok-video-card figcaption{
  display:flex;flex-direction:column;gap:3px;
  max-width:320px;
  margin:0 auto;
  text-align:center;
}
.tiktok-video-tag{
  font-size:.6rem;font-weight:850;
  letter-spacing:.18em;text-transform:uppercase;
  color:rgba(182,155,98,.85);
}
.tiktok-video-card figcaption>span:last-child{
  font-size:.82rem;color:rgba(255,255,255,.72);
  line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
@media(max-width:760px){
  .home-tiktok-band{padding:48px 0 58px}
  .home-tiktok-head{margin-bottom:24px}
  .tiktok-videos{
    display:flex;
    overflow-x:auto;
    gap:16px;
    margin:0 -16px;
    padding:8px 16px 14px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .tiktok-videos::-webkit-scrollbar{display:none}
  .tiktok-video-card{flex:0 0 62vw;max-width:248px;scroll-snap-align:center}
  .tiktok-video{max-width:none;width:100%}
  .tiktok-video-card figcaption{max-width:none}
}

/* ================= 20260817 TikTok section — v4 thumbnail cards ================= */
.tiktok-video{
  position:relative;
  aspect-ratio:9/16;
  border-radius:20px;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(182,155,98,.35);
  box-shadow:0 22px 48px rgba(0,0,0,.4);
  margin:0 auto;
  max-width:320px;
}
.tiktok-thumb{
  position:absolute;inset:0;
  width:100%;height:100%;
  border:0;padding:0;cursor:pointer;background:#000;
  font-family:inherit;
}
.tiktok-thumb img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}
.tiktok-thumb::after{
  content:"";position:absolute;inset:auto 0 0 0;height:42%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.62));
  pointer-events:none;
}
.tiktok-thumb:hover img{transform:scale(1.045)}
.tiktok-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.4);
  color:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.4);
  transition:transform .25s ease,background .25s ease;
}
.tiktok-thumb:hover .tiktok-play{transform:translate(-50%,-50%) scale(1.1);background:rgba(255,255,255,.28)}
.tiktok-likes{
  position:absolute;left:12px;bottom:12px;
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:#fff;font-size:.72rem;font-weight:800;
  pointer-events:none;
}
.tiktok-likes svg{color:#ff2d55}
.tiktok-video iframe{
  display:none;
  position:absolute;inset:0;
  width:100%;height:100%;border:0;
}
.tiktok-video.is-playing iframe{display:block}
.tiktok-video.is-playing .tiktok-thumb{display:none}
@media(max-width:760px){
  .tiktok-video{max-width:none;width:100%}
}

/* ================= 20260817 TikTok section — v5: kill flaky reveal + mobile profile fix ================= */
/* The scroll-reveal entrance animation froze mid-transition on the TikTok elements,
   leaving video cards overlapping. Render the section statically — it never animates. */
.home-tiktok .reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
/* Mobile: stop squeezing the profile text column — stack avatar+Follow on one row,
   name/stats on a full-width row below. */
@media(max-width:760px){
  .tiktok-profile{flex-wrap:wrap;gap:12px 14px}
  .tiktok-profile-media{order:1}
  .tiktok-profile-follow{order:2;margin-left:auto}
  .tiktok-profile-body{order:3;flex:1 1 100%;min-width:100%}
  .tiktok-profile-name{white-space:normal;overflow:visible}
}

/* TikTok logo in the section head eyebrow */
.home-tiktok-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.tiktok-eyebrow-logo{
  width:17px;height:17px;
  flex:0 0 auto;
  color:rgba(182,155,98,.95);
  filter:drop-shadow(0 2px 8px rgba(182,155,98,.35));
}

/* ================= 20260817 Hero configurator panel — premium dark-gold ================= */
/* Featured card: light text so it reads on the dark hero video scrim (was dark-on-dark on mobile) */
.hero-feature-tag{color:#c9a45c!important}
.hero-feature-body strong{color:#fff!important;font-size:1.02rem!important;letter-spacing:.01em!important;text-transform:none!important;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.hero-feature-body small{color:rgba(255,255,255,.72)!important}
.hero-feature-body b{color:#f5c56b!important;margin-top:4px;font-size:1rem!important;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.hero-feature-body .price-note{color:rgba(255,255,255,.6)!important}
/* Colourway panel: dark glass with gold accents (was a washed-out white box) */
.hero-colour{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;
  border:1px solid rgba(182,155,98,.32)!important;
  border-radius:18px!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
  box-shadow:0 20px 46px -20px rgba(20,27,34,.6),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.hero-colour-label{color:rgba(182,155,98,.95)!important;display:inline-flex;align-items:center;gap:7px}
.hero-colour-active{color:rgba(255,255,255,.92)!important}
.hero-colour-active strong{color:#f5c56b!important}
.hero-colour-dot{box-shadow:0 0 0 2px rgba(255,255,255,.92),0 2px 6px rgba(0,0,0,.5)!important}
.hero-swatch{
  max-width:46px;height:38px;border-radius:13px;
  box-shadow:0 6px 14px -4px rgba(20,27,34,.6),inset 0 0 0 2px rgba(255,255,255,.92)!important;
}
.hero-swatch.active{box-shadow:0 10px 22px -6px rgba(20,27,34,.65),inset 0 0 0 2px #fff,0 0 0 3px #c9a45c!important}
.hero-colour-hint{background:linear-gradient(135deg,#c9a45c,#a8873f)!important}
@media(max-width:980px){
  .hero-colour{width:100%}
  .hero-swatch{max-width:40px;height:34px}
}
@media(max-width:480px){
  .hero-colour{padding:10px 12px 11px}
  .hero-swatch{max-width:34px;height:29px;border-radius:11px}
  .hero-feature-body strong{font-size:.9rem!important}
  .hero-feature-body b{font-size:.92rem!important}
}

/* ================= 20260817 Hero configurator panel — v2 one cohesive premium card ================= */
/* Frame the whole configurator (logo + seat + colourway + badges) inside a single dark-glass card */
.hero-product.hero-feature-panel{
  background:linear-gradient(170deg,rgba(22,27,36,.82),rgba(13,16,22,.76))!important;
  border:1px solid rgba(182,155,98,.3)!important;
  border-radius:26px!important;
  padding:18px 18px 20px!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  box-shadow:0 34px 80px -26px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.hero-product .hero-logo{margin-bottom:12px!important}
/* framed chair image */
.hero-product .hero-feature-media{
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 26px 54px -20px rgba(0,0,0,.65)!important;
  overflow:hidden!important;
}
/* left-aligned product text */
.hero-product .hero-feature-body{text-align:left!important;padding:16px 2px 0!important}
.hero-product .hero-feature-tag{font-size:.58rem!important;letter-spacing:.22em!important}
.hero-product .hero-feature-body strong{font-size:1.14rem!important;line-height:1.2!important}
.hero-product .hero-feature-body b{font-size:1.12rem!important;margin-top:5px}
/* colourway strip integrated as a footer bar */
.hero-product .hero-colour{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(182,155,98,.22)!important;
  border-radius:14px!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  margin-top:16px!important;
}
/* badges: gold-tinted dark pills in a row (override the old white boxes) */
.hero-product .hero-badges{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:14px}
.hero-product .hero-badge{
  flex:1 1 auto;min-height:36px;justify-content:center;text-align:center;
  border:1px solid rgba(182,155,98,.3)!important;
  background:rgba(182,155,98,.09)!important;
  color:rgba(255,255,255,.88)!important;
  border-radius:999px!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  white-space:normal;padding:9px 12px;font-size:.66rem;
}
.hero-product .hero-badge svg{color:#c9a45c!important;filter:none!important}
@media(max-width:480px){
  .hero-product.hero-feature-panel{padding:14px 14px 16px!important;border-radius:22px!important}
  .hero-product .hero-feature-media{border-radius:16px!important}
}

/* ---- New comparison visual layout ---- */
.comparison-visual{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}
.comparison-chair-panel{background:linear-gradient(180deg,#fff 0%,#fafbfc 100%);border:1px solid #e8eaed;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(20,27,34,.07);transition:box-shadow .3s ease,transform .3s ease}
.comparison-chair-panel:hover{box-shadow:0 20px 56px rgba(20,27,34,.12);transform:translateY(-2px)}
.comparison-chair-gt{border-color:rgba(182,155,98,.25)}
.comparison-chair-gt:hover{border-color:rgba(182,155,98,.5);box-shadow:0 20px 56px rgba(182,155,98,.12)}
.comparison-chair-img-wrap{position:relative;background:radial-gradient(circle at 50% 45%,#fff 0 22%,#eef2f5 48%,#dce3e8 72%);padding:24px;display:flex;align-items:center;justify-content:center;min-height:260px}
.comparison-chair-img-wrap img{max-width:85%;max-height:220px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(20,27,34,.12))}
.comparison-chair-badge{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,#111417,#252b31);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px;box-shadow:0 4px 12px rgba(17,20,23,.18)}
.comparison-chair-badge-trad{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 4px 12px rgba(107,114,128,.22)}
.comparison-checklist{list-style:none;margin:0;padding:20px 24px 24px}
.comp-check-item{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:.88rem;font-weight:500;color:var(--text,#334155);border-bottom:1px solid #f1f3f5}
.comp-check-item:last-child{border-bottom:none}
.comp-icon-check{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#16a34a;color:#fff}
.comp-icon-cross{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#9ca3af}
.comp-has{color:var(--ink,#0f172a);font-weight:600}
.comp-no{color:var(--muted,#64748b);opacity:.65}
.comparison-footer{text-align:center;margin-top:32px;max-width:540px;margin-left:auto;margin-right:auto}
.comparison-footer h3{font-size:1.1rem;font-weight:800;margin-bottom:8px;color:var(--ink,#0f172a)}
.comparison-footer p{color:var(--text,#334155);line-height:1.7;font-size:.92rem;margin:0}
.comparison-footer-highlight{color:var(--ink,#0f172a)!important;font-weight:600;margin-top:8px!important}
@media(max-width:700px){
  .comparison-visual{grid-template-columns:1fr 1fr;gap:10px}
  .comparison-chair-panel{border-radius:14px}
  .comparison-chair-img-wrap{min-height:120px;padding:12px}
  .comparison-chair-img-wrap img{max-height:100px;max-width:90%}
  .comparison-chair-badge{top:8px;left:8px;font-size:.55rem;padding:4px 9px}
  .comparison-checklist{padding:10px 12px 14px}
  .comp-check-item{gap:6px;padding:5px 0;font-size:.72rem;line-height:1.3}
  .comp-icon-check,.comp-icon-cross{width:16px;height:16px}
  .comp-check-item svg{width:13px;height:13px}
}

/* ---- Stripe-styled payment gateway ---- */
.stripe-checkout-wrap{margin:1rem 0 .4rem;border:1px solid #e3e8ee;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.stripe-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #f0f2f5;background:#fafbfc}
.stripe-logo{height:26px;width:auto;filter:grayscale(0)}
.stripe-powered{display:flex;align-items:center;gap:5px;color:#8898aa;font-size:.72rem;font-weight:600;letter-spacing:.02em}
.stripe-powered svg{opacity:.6}
.stripe-form{padding:24px}
.stripe-card-brands{margin-bottom:16px}
.stripe-card-brands img{height:24px;width:auto;opacity:.85}

/* ================= 20260828 F90 cinematic origin story ================= */
main{overflow:visible!important}
#page-home{overflow:visible!important}
body.f90-cinema-active .site-header{
  background:rgba(3,4,6,.74);
  border-bottom-color:rgba(255,255,255,.08);
  box-shadow:0 18px 52px rgba(0,0,0,.28);
}
body.f90-cinema-active .brand img{filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.25))}
body.f90-cinema-active .desktop-nav .nav-link,
body.f90-cinema-active .region-button{
  color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.1);
  box-shadow:none;
}
body.f90-cinema-active .desktop-nav .nav-link.active{
  color:#fff;
  background:rgba(255,255,255,.09);
  box-shadow:inset 0 -2px 0 rgba(201,164,92,.75);
}
body.f90-cinema-active .cart-icon-btn{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.13);
}
.f90-cinematic,
.f90-cinematic .f90-scroll-space,
.f90-cinematic .f90-pin,
.f90-cinematic .f90-copy,
.f90-cinematic .f90-product-bridge,
.f90-cinematic .f90-product-shell{
  overflow:visible!important;
}
.f90-cinematic{
  --f90-progress:0;
  --bridge-progress:0;
  position:relative;
  z-index:2;
  margin:0;
  color:#fff;
  background:#020304;
  isolation:isolate;
}
.f90-scroll-space{
  position:relative;
  height:560vh;
  min-height:3600px;
  background:#020304;
}
.f90-pin{
  position:sticky;
  top:0;
  height:100vh;
  height:100svh;
  min-height:620px;
  background:
    radial-gradient(circle at 18% 22%,rgba(225,220,202,.18),transparent 23%),
    radial-gradient(circle at 78% 30%,rgba(255,249,226,.12),transparent 19%),
    radial-gradient(circle at 50% 58%,rgba(182,155,98,.08),transparent 36%),
    linear-gradient(180deg,#010208 0%,#02030a 44%,#000 100%);
  overflow:hidden!important;
}
.f90-cinematic.is-fixed .f90-pin{
  position:fixed;
  left:0;
  right:0;
  top:0;
  width:100vw;
}
.f90-cinematic.is-past .f90-pin{
  position:absolute;
  left:0;
  right:0;
  top:auto;
  bottom:0;
  width:100%;
}
.f90-pin::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 52% 48%,transparent 0 42%,rgba(0,0,0,.12) 64%,rgba(0,0,0,.72) 100%),
    radial-gradient(circle at 16% 22%,rgba(226,220,198,.14),transparent 30%),
    linear-gradient(90deg,rgba(0,0,0,.38),transparent 30%,transparent 72%,rgba(0,0,0,.5));
}
.f90-pin::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  z-index:7;
  height:34vh;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,#000 74%,#020304);
  opacity:var(--f90-bottom-fade,0);
}
.f90-canvas{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  max-width:none;
  opacity:0;
  transition:opacity .8s ease;
}
.f90-cinematic.is-ready .f90-canvas{opacity:1}
.f90-static-fallback{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),transparent 36%),
    linear-gradient(180deg,#050607,#000);
}
.f90-static-fallback[hidden],
.f90-loader[hidden]{
  display:none!important;
}
.f90-static-fallback picture,
.f90-static-fallback img{
  width:min(68vw,760px);
  max-height:72vh;
  object-fit:contain;
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.66));
}
.f90-loader{
  position:absolute;
  left:50%;
  top:50%;
  z-index:5;
  width:min(270px,70vw);
  transform:translate(-50%,-50%);
  display:grid;
  gap:12px;
  justify-items:center;
  color:rgba(255,255,255,.8);
  transition:opacity .45s ease;
  pointer-events:none;
}
.f90-cinematic.is-ready .f90-loader{opacity:0}
.f90-loader span{
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.34em;
}
.f90-loader i{
  display:block;
  width:100%;
  height:2px;
  background:rgba(255,255,255,.14);
  overflow:hidden;
}
.f90-loader b{
  display:block;
  height:100%;
  width:100%;
  transform:scaleX(.08);
  transform-origin:left center;
  background:linear-gradient(90deg,#b69b62,#fff,#b69b62);
  transition:transform .25s ease;
}
.f90-studio-lines{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:var(--f90-lines-opacity,.12);
}
.f90-studio-lines span{
  position:absolute;
  display:block;
  height:1px;
  width:46vw;
  min-width:360px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent);
  filter:blur(.2px);
}
.f90-studio-lines span:nth-child(1){left:31%;top:18%;transform:rotate(-3deg)}
.f90-studio-lines span:nth-child(2){left:8%;top:63%;transform:rotate(5deg);opacity:.45}
.f90-studio-lines span:nth-child(3){right:4%;top:34%;transform:rotate(-8deg);opacity:.35}
.f90-blackout{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    radial-gradient(circle at 66% 52%,rgba(0,0,0,.1),rgba(0,0,0,.78) 54%,#000 100%),
    #000;
  opacity:var(--f90-blackout,0);
}
.f90-copy{
  position:absolute;
  inset:0;
  z-index:6;
  width:min(1320px,calc(100% - 48px));
  margin:0 auto;
  pointer-events:none;
}
.f90-kicker{
  position:absolute;
  left:0;
  top:clamp(86px,14vh,140px);
  margin:0;
  color:rgba(201,164,92,.82);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.28em;
  text-transform:uppercase;
  opacity:calc(.25 + (var(--f90-progress) * .75));
}
.f90-chapter{
  position:absolute;
  left:0;
  top:34%;
  width:min(390px,34vw);
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:opacity .14s linear,transform .14s linear;
}
.f90-chapter:nth-of-type(3),
.f90-chapter:nth-of-type(4){
  left:auto;
  right:0;
  top:42%;
  text-align:right;
  width:min(440px,38vw);
}
.f90-chapter h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.65rem,3.25vw,3.8rem);
  line-height:.86;
  font-weight:950;
  letter-spacing:0;
  text-transform:uppercase;
  text-shadow:0 24px 64px rgba(0,0,0,.74);
}
.f90-chapter p{
  max-width:440px;
  margin:18px 0 0;
  color:rgba(255,255,255,.68);
  font-size:clamp(.96rem,1.2vw,1.18rem);
  line-height:1.55;
  font-weight:650;
}
.f90-chapter:nth-of-type(3) p,
.f90-chapter:nth-of-type(4) p{margin-left:auto}
.f90-progress{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  z-index:8;
  height:1px;
  background:rgba(255,255,255,.1);
  overflow:hidden!important;
}
.f90-progress i{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(182,155,98,.2),rgba(255,255,255,.85),rgba(182,155,98,.75));
}
.f90-product-bridge{
  position:relative;
  z-index:3;
  margin-top:-1px;
  min-height:94vh;
  min-height:94svh;
  display:grid;
  align-items:center;
  background:
    radial-gradient(circle at 72% 48%,rgba(255,255,255,.1),transparent 28%),
    linear-gradient(180deg,#000 0%,#06080b 44%,#f8f9fa 100%);
  overflow:hidden!important;
}
.f90-product-bridge::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 46%,rgba(255,255,255,.18));
  opacity:var(--bridge-scrim,1);
}
.f90-product-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(300px,.72fr);
  gap:clamp(28px,7vw,90px);
  align-items:center;
  padding:clamp(64px,8vw,112px) 0;
}
.f90-bridge-copy{
  display:grid;
  gap:18px;
  transform:translate3d(0,var(--bridge-copy-y,28px),0);
  opacity:var(--bridge-opacity,.12);
}
.f90-bridge-copy span{
  color:#c9a45c;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.f90-bridge-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.4rem,5.4vw,6.4rem);
  line-height:.86;
  letter-spacing:0;
  text-transform:uppercase;
  text-shadow:0 24px 64px rgba(0,0,0,.52);
}
.f90-bridge-copy p{
  margin:0 0 8px;
  max-width:520px;
  color:rgba(255,255,255,.72);
  font-size:clamp(1rem,1.5vw,1.28rem);
  line-height:1.55;
  font-weight:680;
}
.f90-configure{
  justify-self:start;
  border-color:#fff!important;
  background:#fff!important;
  color:#111417!important;
  box-shadow:0 22px 54px rgba(0,0,0,.35)!important;
}
.f90-bridge-seat{
  position:relative;
  margin:0;
  display:grid;
  place-items:center;
  min-height:560px;
  transform:translate3d(var(--bridge-seat-x,48px),var(--bridge-seat-y,18px),0);
  opacity:var(--bridge-opacity,.16);
}
.f90-bridge-seat::before{
  content:"";
  position:absolute;
  left:8%;
  right:2%;
  bottom:11%;
  height:20%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.34),transparent 68%);
  filter:blur(8px);
}
.f90-bridge-seat picture,
.f90-bridge-seat img{
  position:relative;
  z-index:1;
  width:min(560px,46vw);
  max-height:72vh;
  object-fit:contain;
  filter:drop-shadow(0 36px 70px rgba(0,0,0,.32));
}
.f90-no-webgl .f90-scroll-space{
  height:auto;
  min-height:0;
}
.f90-no-webgl .f90-pin{
  position:relative;
  min-height:96vh;
}
.f90-no-webgl .f90-copy{
  display:grid;
  align-content:center;
  gap:26px;
  padding:120px 0;
}
.f90-no-webgl .f90-kicker,
.f90-no-webgl .f90-chapter{
  position:relative;
  inset:auto;
  width:min(720px,100%);
  opacity:1;
  transform:none;
}
.f90-no-webgl .f90-chapter:not(:last-child){display:none}
@media(max-width:980px){
  .f90-scroll-space{height:500vh;min-height:3000px}
  .f90-pin{min-height:580px}
  .f90-chapter,
  .f90-chapter:nth-of-type(3),
  .f90-chapter:nth-of-type(4){
    width:min(500px,54vw);
  }
}
@media(max-width:760px){
  .f90-scroll-space{height:430vh;min-height:2500px}
  .f90-pin{
    min-height:100svh;
    background:
      radial-gradient(circle at 18% 21%,rgba(225,220,202,.2),transparent 30%),
      radial-gradient(circle at 82% 30%,rgba(255,249,226,.12),transparent 24%),
      radial-gradient(circle at 48% 62%,rgba(182,155,98,.08),transparent 42%),
      linear-gradient(180deg,#010208 0%,#02030a 58%,#000 100%);
  }
  .f90-copy{
    width:min(100% - 28px,560px);
  }
  .f90-kicker{
    top:86px;
    font-size:.58rem;
    letter-spacing:.22em;
  }
  .f90-chapter,
  .f90-chapter:nth-of-type(3),
  .f90-chapter:nth-of-type(4){
    left:0;
    right:auto;
    top:auto;
    bottom:calc(122px + env(safe-area-inset-bottom));
    width:100%;
    text-align:left;
  }
  .f90-chapter h2{
    font-size:clamp(1.58rem,10.8vw,3.15rem);
    line-height:.9;
  }
  .f90-chapter p{
    max-width:330px;
    margin-top:12px;
    font-size:.86rem;
  }
  .f90-progress{
    left:14px;
    right:14px;
    bottom:calc(112px + env(safe-area-inset-bottom));
  }
  .f90-product-bridge{
    min-height:auto;
    padding-bottom:70px;
  }
  .f90-product-shell{
    grid-template-columns:1fr;
    gap:18px;
    padding:58px 0 86px;
  }
  .f90-bridge-copy{gap:12px}
  .f90-bridge-copy h2{
    font-size:clamp(2.1rem,13vw,4rem);
  }
  .f90-bridge-copy p{
    max-width:320px;
    font-size:.95rem;
  }
  .f90-bridge-seat{
    min-height:340px;
    order:-1;
  }
  .f90-bridge-seat picture,
  .f90-bridge-seat img{
    width:min(90vw,420px);
    max-height:48vh;
  }
  body.f90-cinema-active .site-header{background:rgba(255,255,255,.9)}
  body.f90-cinema-active .brand img{filter:none}
  body.f90-cinema-active .cart-icon-btn,
  body.f90-cinema-active .region-button{
    background:rgba(255,255,255,.86);
    color:#111417;
    border-color:rgba(17,20,23,.1);
  }
}
@media(orientation:landscape) and (max-height:560px){
  .f90-scroll-space{height:390vh;min-height:1900px}
  .f90-pin{min-height:520px}
  .f90-chapter,
  .f90-chapter:nth-of-type(3),
  .f90-chapter:nth-of-type(4){
    top:46%;
    bottom:auto;
    width:min(460px,48vw);
  }
  .f90-chapter h2{font-size:clamp(1.7rem,6vw,3rem)}
}
@media(prefers-reduced-motion:reduce){
  .f90-scroll-space{height:auto;min-height:0}
  .f90-pin{
    position:relative;
    height:auto;
    min-height:100svh;
    padding:116px 0 80px;
  }
  .f90-copy{
    position:relative;
    display:grid;
    align-content:center;
    gap:28px;
  }
  .f90-kicker,
  .f90-chapter,
  .f90-chapter:nth-of-type(3),
  .f90-chapter:nth-of-type(4){
    position:relative;
    inset:auto;
    width:min(700px,100%);
    text-align:left;
    opacity:1!important;
    transform:none!important;
  }
  .f90-chapter:not(:last-child){display:none}
  .f90-progress{display:none}
  .f90-product-bridge,
  .f90-bridge-copy,
  .f90-bridge-seat{
    transform:none!important;
    opacity:1!important;
  }
}
.stripe-input{width:100%;padding:.75rem .9rem;border:1px solid #d9dee3;border-radius:8px;background:#fff;color:#1a1f36;font-size:.95rem;font-family:system-ui,-apple-system,sans-serif;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.stripe-input:focus{border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,.12)}
.stripe-input::placeholder{color:#aab7c4}
.stripe-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;padding:0 20px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease}
.stripe-btn-pay{width:100%;background:linear-gradient(135deg,#635bff,#7a73ff);color:#fff;margin-top:4px;box-shadow:0 2px 8px rgba(99,91,255,.3)}
.stripe-btn-pay:hover{box-shadow:0 4px 16px rgba(99,91,255,.45);transform:translateY(-1px)}
.stripe-btn-secondary{background:#fff;color:#1a1f36;border:1px solid #d9dee3}
.stripe-btn-secondary:hover{background:#f7f8fa;border-color:#c1c9d2}
.stripe-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid #f0f2f5;background:#fafbfc}
.stripe-footer-lock{display:flex;align-items:center;gap:5px;color:#8898aa;font-size:.7rem;font-weight:600}
.stripe-footer-lock svg{opacity:.6}
.stripe-footer-badges img{height:18px;width:auto;opacity:.6}
@media(max-width:500px){
  .stripe-header{padding:14px 16px}
  .stripe-logo{height:22px}
  .stripe-form{padding:18px 16px}
  .stripe-footer{padding:12px 16px;flex-direction:column;gap:8px}
}

/* ================= 20260905 build configurator - clean white BMW-style refresh ================= */
#page-build{
  --build-blue:#1c69d4;
  --build-blue-2:#0653b6;
  --build-ink:#111827;
  --build-muted:#667085;
  --build-line:rgba(17,24,39,.105);
  --build-soft:#f5f7fa;
  --build-card:#fff;
  background:
    radial-gradient(circle at 12% 7%,rgba(28,105,212,.10),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f6f8fb 44%,#edf1f5 100%)!important;
  color:var(--build-ink);
}
#page-build>.shell>.section-head{
  display:flex!important;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
}
#page-build .section-head .eyebrow{
  color:var(--build-blue)!important;
  letter-spacing:.18em;
}
#page-build .section-head h2{
  color:var(--build-ink);
  font-size:clamp(1.9rem,3vw,3.35rem);
  line-height:.95;
  letter-spacing:0;
  margin:0;
  text-transform:uppercase;
}
#page-build .section-head p{
  max-width:390px;
  margin:0 0 12px auto;
  color:#5d6875;
  font-size:.94rem;
  line-height:1.45;
}
#page-build .section-head .btn.secondary{
  min-height:42px;
  border-radius:999px;
  background:#fff;
  border-color:rgba(28,105,212,.20);
  color:#17324d;
  box-shadow:0 10px 24px rgba(17,24,39,.075);
}
#page-build .configurator{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:0;
  overflow:visible;
  border:1px solid rgba(17,24,39,.10);
  border-radius:18px;
  background:rgba(255,255,255,.90);
  box-shadow:0 28px 80px rgba(17,24,39,.115),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
}
#page-build .build-preview{
  position:relative;
  padding:22px;
  background:
    linear-gradient(90deg,rgba(28,105,212,.16),transparent 2px) 0 0/86px 100% no-repeat,
    linear-gradient(180deg,#fff,#f4f7fb);
  border-radius:18px 0 0 18px;
}
#page-build .build-image{
  position:relative;
  min-height:clamp(500px,50vw,690px);
  border:1px solid rgba(17,24,39,.08);
  border-radius:16px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0) 30%),
    radial-gradient(ellipse at 50% 82%,rgba(17,24,39,.11),transparent 40%),
    radial-gradient(circle at 50% 38%,#fff 0 22%,#f1f5f9 52%,#e1e8f0 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 20px 52px rgba(17,24,39,.10);
}
#page-build .build-image::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:14px;
  border:1px solid rgba(28,105,212,.13);
  border-bottom-color:rgba(17,24,39,.07);
  pointer-events:none;
}
#page-build .build-image::after{
  content:"";
  position:absolute;
  left:13%;
  right:13%;
  bottom:6%;
  height:34%;
  background:radial-gradient(ellipse at center,rgba(17,24,39,.14),transparent 70%);
  filter:blur(6px);
  pointer-events:none;
}
#page-build .build-image img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:contain;
  padding:clamp(18px,3.2vw,46px);
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 28px 34px rgba(17,24,39,.18));
}
#page-build .build-finish-badge{
  top:18px;
  left:18px;
  min-height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#182433;
  border-color:rgba(17,24,39,.10);
  box-shadow:0 12px 24px rgba(17,24,39,.10);
}
#page-build .build-finish-inline{
  display:none;
}
#page-build .build-caption{
  margin-top:16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
  padding:16px 18px;
  border:1px solid rgba(17,24,39,.08);
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px rgba(17,24,39,.075);
}
#page-build .build-caption span,
#page-build .build-total span{
  display:block;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#718096;
}
#page-build .build-caption h3{
  margin:4px 0 4px;
  color:#111827;
  font-size:1.2rem;
  line-height:1.2;
  letter-spacing:0;
}
#page-build .build-caption p{
  margin:0;
  max-width:680px;
  color:#667085;
  font-size:.9rem;
  line-height:1.45;
}
#page-build .build-total{
  text-align:right;
  white-space:nowrap;
}
#page-build .build-total strong{
  display:block;
  color:var(--build-blue);
  font-size:2.1rem;
  line-height:1;
  letter-spacing:0;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
}
#page-build .build-total .price-disclaimer{
  display:block;
  color:#8b95a1;
  font-size:.66rem;
  line-height:1.2;
}
#page-build .build-controls{
  padding:22px;
  border-left:1px solid rgba(17,24,39,.08);
  background:linear-gradient(180deg,#fff,#fafcff);
  border-radius:0 18px 18px 0;
  counter-reset:buildstep;
}
#page-build .control-group{
  counter-increment:buildstep;
  margin:0 0 16px;
  padding:0 0 16px;
  border-bottom:1px solid rgba(17,24,39,.075);
  background:transparent;
  box-shadow:none;
}
#page-build .control-group:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}
#page-build .control-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  color:#182433;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#page-build .control-title::before{
  content:"0" counter(buildstep);
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  min-width:30px;
  margin:0 2px 0 0;
  border-radius:999px;
  background:#eef5ff;
  border:1px solid rgba(28,105,212,.22);
  color:var(--build-blue);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:0;
  box-shadow:none;
}
#page-build .control-group:last-child .control-title::before{
  content:none;
}
#page-build .control-title svg{
  display:none;
}
#page-build .control-title span{
  margin-left:auto;
  color:#8a95a3;
  font-size:.62rem;
  letter-spacing:.12em;
}
#page-build .finish-group-desktop{
  padding-bottom:18px;
}
#page-build .swatches{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(72px,1fr));
  gap:12px;
  overflow:visible;
  padding:0;
}
#page-build .swatch{
  display:grid;
  justify-items:center;
  gap:8px;
  padding:10px 7px;
  border:1px solid rgba(17,24,39,.09);
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 16px rgba(17,24,39,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#page-build .swatch:hover{
  transform:translateY(-1px);
  border-color:rgba(28,105,212,.28);
  box-shadow:0 10px 22px rgba(17,24,39,.085);
}
#page-build .swatch>span{
  width:42px;
  height:42px;
  border:1px solid rgba(17,24,39,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 6px 12px rgba(17,24,39,.10);
}
#page-build .swatch input:checked+span{
  border-color:#fff;
  box-shadow:0 0 0 3px var(--build-blue),0 0 0 6px #fff,0 8px 18px rgba(28,105,212,.25);
}
#page-build .swatch small{
  max-width:100%;
  color:#344054;
  font-size:.62rem;
  font-weight:850;
  line-height:1.25;
  text-align:center;
}
#page-build .swatch .swatch-price{
  display:block;
  margin-top:2px;
  color:var(--build-blue);
  font-size:.58rem;
}
#page-build .choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#page-build #featureChoices.choice-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#page-build .choice{
  position:relative;
  min-width:0;
}
#page-build .choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
#page-build .choice .choice-box{
  min-height:56px;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 42px 10px 14px;
  border:1px solid rgba(17,24,39,.105);
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 14px rgba(17,24,39,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
#page-build .choice .choice-box:hover{
  transform:translateY(-1px);
  border-color:rgba(28,105,212,.26);
  box-shadow:0 10px 22px rgba(17,24,39,.08);
}
#page-build .choice .choice-name{
  min-width:0;
  overflow-wrap:anywhere;
  color:#1d2939;
  font-size:.86rem;
  font-weight:780;
  line-height:1.22;
}
#page-build .choice .choice-price{
  flex-shrink:0;
  min-height:25px;
  padding:4px 9px;
  border:1px solid rgba(17,24,39,.07);
  border-radius:999px;
  background:#f5f7fa;
  color:#667085;
  font-size:.68rem;
  font-weight:850;
  white-space:nowrap;
}
#page-build .choice .choice-price.included{
  background:#f5f7fa;
  color:#667085;
}
#page-build .choice input:checked+.choice-box{
  background:linear-gradient(180deg,#fff,#f6faff);
  border-color:rgba(28,105,212,.72);
  box-shadow:0 12px 28px rgba(28,105,212,.16),0 0 0 2px rgba(28,105,212,.10) inset;
}
#page-build .choice input:checked+.choice-box .choice-name{
  color:#0f2f57;
}
#page-build .choice input:checked+.choice-box .choice-price,
#page-build .choice input:checked+.choice-box .choice-price.included{
  background:#e8f1ff;
  border-color:rgba(28,105,212,.18);
  color:var(--build-blue);
}
#page-build .choice .choice-check{
  position:absolute;
  top:50%;
  right:12px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--build-blue);
  color:#fff;
  opacity:0;
  transform:translateY(-50%) scale(.72);
  box-shadow:0 6px 14px rgba(28,105,212,.28);
  transition:opacity .16s ease,transform .16s ease;
}
#page-build .choice input:checked~.choice-check{
  opacity:1;
  transform:translateY(-50%) scale(1);
}
#page-build .control-group small{
  display:block!important;
  margin-top:9px!important;
  color:#667085!important;
  font-size:.78rem!important;
  line-height:1.45!important;
}
#page-build .summary{
  display:grid;
  padding:7px 14px;
  border:1px solid rgba(28,105,212,.12);
  border-radius:12px;
  background:#f7faff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
#page-build .summary-row{
  display:grid;
  grid-template-columns:minmax(90px,.38fr) minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:9px 0;
  border-bottom:1px solid rgba(28,105,212,.08);
  font-size:.84rem;
}
#page-build .summary-row:last-child{
  border-bottom:0;
}
#page-build .summary-row span{
  color:#667085;
  font-weight:700;
}
#page-build .summary-row strong{
  min-width:0;
  color:#182433;
  font-weight:820;
  line-height:1.35;
  text-align:right;
  overflow-wrap:anywhere;
}
#page-build .summary-row:last-child strong{
  color:var(--build-blue);
  font-size:1rem;
}
#page-build .build-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
#page-build .build-actions .btn,
#page-build .build-sticky .btn{
  min-height:52px;
  border-radius:999px!important;
  border-color:var(--build-blue)!important;
  background:linear-gradient(180deg,#2778e8,#1c69d4)!important;
  color:#fff!important;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.09em;
  box-shadow:0 14px 28px rgba(28,105,212,.26)!important;
}
#page-build .build-actions .btn.secondary,
#page-build .build-sticky .btn.secondary{
  background:#fff!important;
  color:#17324d!important;
  border-color:rgba(28,105,212,.24)!important;
  box-shadow:0 8px 18px rgba(17,24,39,.065)!important;
}
#page-build .build-actions .btn:hover,
#page-build .build-sticky .btn:hover{
  transform:translateY(-1px);
}
#page-build .build-sticky{
  display:none!important;
}

@media(max-width:1120px){
  #page-build .configurator{
    grid-template-columns:1fr;
  }
  #page-build .build-preview,
  #page-build .build-controls{
    border-radius:18px;
  }
  #page-build .build-controls{
    border-left:0;
    border-top:1px solid rgba(17,24,39,.08);
  }
  #page-build .build-image{
    min-height:clamp(430px,60vw,620px);
  }
}

@media(max-width:760px){
  #page-build{
    padding-top:72px;
  }
  #page-build .shell{
    width:calc(100% - 28px);
    padding-top:0!important;
    padding-bottom:128px!important;
  }
  #page-build>.shell>.section-head{
    display:grid!important;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:10px 12px;
    margin-bottom:12px!important;
  }
  #page-build .section-head>div:first-child{
    min-width:0;
  }
  #page-build .section-head>div:last-child{
    display:block!important;
  }
  #page-build .section-head .eyebrow{
    margin-bottom:4px;
    font-size:.56rem;
    letter-spacing:.18em;
  }
  #page-build .section-head h2{
    font-size:clamp(1.26rem,7.2vw,1.72rem);
    line-height:1.02;
  }
  #page-build .section-head p{
    display:none;
  }
  #page-build .section-head .btn.secondary{
    min-height:38px;
    padding:0 13px;
    font-size:.58rem;
    letter-spacing:.08em;
    white-space:nowrap;
  }
  #page-build .configurator{
    display:block;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
  #page-build .build-preview{
    padding:0 0 12px;
    background:transparent;
    border-radius:0;
  }
  #page-build .build-image{
    min-height:clamp(330px,88vw,460px);
    height:auto;
    border-radius:18px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,0) 36%),
      radial-gradient(ellipse at 50% 86%,rgba(17,24,39,.13),transparent 43%),
      radial-gradient(circle at 50% 40%,#fff 0 20%,#f4f7fb 53%,#dde6ef 100%);
    box-shadow:0 18px 44px rgba(17,24,39,.105),inset 0 1px 0 rgba(255,255,255,.95);
  }
  #page-build .build-image::before{
    inset:12px;
  }
  #page-build .build-image img{
    padding:18px 12px 26px;
    min-height:clamp(330px,88vw,460px);
  }
  #page-build .build-finish-badge{
    top:12px;
    left:12px;
    max-width:calc(100% - 24px);
    min-height:30px;
    padding:5px 10px;
    font-size:.58rem;
    letter-spacing:.08em;
  }
  #page-build .build-finish-inline{
    display:none;
    margin-top:12px;
  }
  #page-build .finish-group-desktop{
    display:block;
  }
  #page-build .build-finish-inline .control-title{
    margin-bottom:10px;
    padding:0 2px;
  }
  #page-build .build-finish-inline .control-title::before{
    content:none;
  }
  #page-build .build-finish-inline .control-title span{
    margin-left:6px;
  }
  #page-build .build-finish-inline .swatches{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
  }
  #page-build .build-finish-inline .swatch{
    min-height:94px;
    padding:9px 4px;
  }
  #page-build .build-finish-inline .swatch>span{
    width:44px;
    height:44px;
  }
  #page-build .build-caption{
    grid-template-columns:1fr;
    gap:11px;
    margin-top:10px;
    padding:14px;
    border-radius:16px;
  }
  #page-build .build-caption h3{
    font-size:1rem;
  }
  #page-build .build-caption p{
    display:none;
  }
  #page-build .build-total{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:12px;
    text-align:left;
    white-space:normal;
  }
  #page-build .build-total strong{
    font-size:1.65rem;
  }
  #page-build .build-total .price-disclaimer{
    display:none;
  }
  #page-build .build-controls{
    padding:0;
    border:0;
    background:transparent;
    border-radius:0;
  }
  #page-build .control-group{
    margin-bottom:11px;
    padding:14px;
    border:1px solid rgba(17,24,39,.09);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 24px rgba(17,24,39,.06);
  }
  #page-build .control-title{
    margin-bottom:10px;
    font-size:.64rem;
    letter-spacing:.13em;
  }
  #page-build .control-title::before{
    width:28px;
    height:28px;
    min-width:28px;
    font-size:.62rem;
  }
  #page-build .control-title span{
    display:none;
  }
  #page-build .choice-grid,
  #page-build #featureChoices.choice-grid{
    grid-template-columns:1fr;
    gap:9px;
  }
  #page-build .choice .choice-box{
    min-height:56px;
    grid-template-columns:minmax(0,1fr) auto;
    padding:10px 42px 10px 13px;
    border-radius:13px;
  }
  #page-build .choice .choice-name{
    font-size:.84rem;
  }
  #page-build .choice .choice-price{
    font-size:.66rem;
    padding:3px 8px;
  }
  #page-build .control-group small{
    font-size:.72rem!important;
  }
  #page-build .summary{
    border-radius:13px;
    padding:5px 11px;
  }
  #page-build .summary-row{
    grid-template-columns:minmax(74px,.35fr) minmax(0,1fr);
    gap:8px;
    font-size:.78rem;
  }
  #page-build .build-actions{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  #page-build .build-actions .btn{
    min-height:50px;
    border-radius:14px;
    font-size:.7rem;
  }
  #page-build .build-sticky{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(82px + env(safe-area-inset-bottom,0px));
    z-index:9998;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
    padding:10px;
    border:1px solid rgba(17,24,39,.12);
    border-radius:18px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(18px) saturate(150%);
    -webkit-backdrop-filter:blur(18px) saturate(150%);
    box-shadow:0 18px 46px rgba(17,24,39,.18);
  }
  #page-build .build-sticky-total{
    min-width:0;
  }
  #page-build .build-sticky-total span{
    display:block;
    margin-bottom:1px;
    color:#667085;
    font-size:.52rem;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  #page-build .build-sticky-total strong{
    display:block;
    color:var(--build-blue);
    font-size:1.24rem;
    line-height:1;
    font-weight:950;
    white-space:nowrap;
  }
  #page-build .build-sticky-spec{
    display:block;
    max-width:42vw;
    margin-top:3px;
    color:#667085;
    font-size:.58rem;
    font-weight:700;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #page-build .build-sticky .btn{
    min-height:46px;
    min-width:66px;
    padding:0 15px;
    border-radius:14px;
    font-size:.68rem;
    letter-spacing:.08em;
  }
  #page-build .build-sticky .btn.secondary{
    min-width:56px;
  }
}

@media(max-width:390px){
  #page-build .build-finish-inline .swatches{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #page-build .build-sticky{
    grid-template-columns:minmax(0,1fr) auto;
  }
  #page-build .build-sticky .btn.secondary{
    display:none;
  }
}

/* ================= 20260905 loader cleanup - remove dark overlay wash ================= */
.loader-screen{
  background:
    radial-gradient(circle at 64% 42%,rgba(255,255,255,.98),rgba(248,250,252,.96) 34%,rgba(232,237,242,.96) 100%)!important;
}
.loader-screen::before{
  background:
    linear-gradient(112deg,transparent 0 18%,rgba(28,105,212,.045) 18.2% 18.45%,transparent 18.8% 52%,rgba(182,155,98,.08) 52.1% 52.36%,transparent 52.6% 100%),
    repeating-linear-gradient(135deg,rgba(28,105,212,.022) 0 1px,transparent 1px 48px),
    repeating-linear-gradient(45deg,rgba(255,255,255,.86) 0 1px,transparent 1px 76px)!important;
  opacity:.42!important;
  mix-blend-mode:normal!important;
}
.loader-screen::after{
  background:linear-gradient(90deg,transparent,rgba(28,105,212,.14),rgba(17,24,39,.16),rgba(28,105,212,.10),transparent)!important;
  box-shadow:0 12px 34px rgba(17,24,39,.10)!important;
}
.loader-smoke{
  z-index:3!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
}
.loader-smoke::before{
  display:none!important;
  content:none!important;
}
.loader-smoke span{
  background:radial-gradient(circle at 38% 38%,rgba(255,255,255,.72),rgba(231,236,241,.35) 46%,rgba(165,176,188,.10) 72%,transparent 100%)!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
}
.loader-logo{
  z-index:8!important;
  filter:drop-shadow(0 18px 34px rgba(17,24,39,.12))!important;
}
.loader-track{
  z-index:6!important;
}
.loader-track::after{
  background:radial-gradient(ellipse at center,rgba(17,24,39,.20),rgba(17,24,39,.07) 48%,transparent 74%)!important;
  box-shadow:none!important;
}
.loader-chair{
  z-index:7!important;
  mix-blend-mode:normal!important;
  filter:contrast(1.04) saturate(1.02) drop-shadow(0 24px 34px rgba(17,24,39,.20))!important;
}

/* ================= 20260905 loader upgrade: chair drifts OVER the logo leaving a black tyre-smoke trail ================= */
@keyframes gtScreenFade{0%,92%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes gtLogoReveal{0%{opacity:0;filter:blur(22px);transform:translate(-50%,-50%) scale(.9)}28%{opacity:0;filter:blur(16px);transform:translate(-50%,-50%) scale(.94)}42%{opacity:1;filter:blur(0) drop-shadow(0 16px 34px rgba(17,24,39,.15));transform:translate(-50%,-50%) scale(1)}78%{opacity:1;filter:blur(0) drop-shadow(0 14px 30px rgba(17,24,39,.13));transform:translate(-50%,-50%) scale(1.012)}100%{opacity:0;filter:blur(16px);transform:translate(-50%,-50%) scale(.96)}}
@keyframes gtChairDrift{0%{opacity:0;transform:translate3d(122vw,-50%,0) rotate(-2.6deg) scale(.96)}4%{opacity:1}30%{transform:translate3d(86vw,-50%,0) rotate(1.1deg) scale(1)}48%{transform:translate3d(60vw,-50%,0) rotate(-1.5deg) scale(1)}62%{transform:translate3d(38vw,-50%,0) rotate(2.4deg) scale(1.015)}75%{transform:translate3d(16vw,-50%,0) rotate(-1.4deg) scale(1.015)}88%{transform:translate3d(-14vw,-50%,0) rotate(1.7deg) scale(1)}94%{opacity:1;transform:translate3d(-48vw,-50%,0) rotate(-.5deg) scale(.99)}100%{opacity:0;transform:translate3d(-118vw,-50%,0) rotate(.7deg) scale(.95)}}
@keyframes gtChairShadow{0%{opacity:0;transform:translate3d(122vw,0,0) scaleX(.92)}8%,84%{opacity:.55}100%{opacity:0;transform:translate3d(-118vw,0,0) scaleX(.55)}}
@keyframes gtRoadSheen{0%{transform:translateX(110%) skewX(-18deg);opacity:0}28%{opacity:.6}100%{transform:translateX(-120%) skewX(-18deg);opacity:0}}
@keyframes gtSmokePuff{0%{opacity:0;transform:translate3d(0,24px,0) scale(.32)}10%{opacity:.38;transform:translate3d(.2vw,12px,0) scale(.6)}26%{opacity:.6;transform:translate3d(.5vw,3px,0) scale(.84)}44%{opacity:.48;transform:translate3d(.9vw,-2.5vh,0) scale(1)}62%{opacity:.32;transform:translate3d(1.4vw,-6.5vh,0) scale(1.16) rotate(-2deg)}80%{opacity:.15;transform:translate3d(2vw,-10vh,0) scale(1.28) rotate(1.5deg)}100%{opacity:0;transform:translate3d(2.6vw,-14vh,0) scale(1.4) rotate(-1deg)}}
@keyframes gtSmokeChurn{0%{transform:translate3d(0,0,0) rotate(-8deg) scale(.8)}30%{transform:translate3d(12%,-9%,0) rotate(7deg) scale(1.24)}58%{transform:translate3d(-9%,-19%,0) rotate(-9deg) scale(1.02)}82%{transform:translate3d(7%,-27%,0) rotate(6deg) scale(1.2)}100%{transform:translate3d(-4%,-34%,0) rotate(-4deg) scale(1.3)}}
@keyframes gtSmokeWash{0%{opacity:0;transform:translate3d(0,28px,0) scale(.7)}20%{opacity:.34}42%{opacity:.42;transform:translate3d(0,-2vh,0) scale(.95)}66%{opacity:.36;transform:translate3d(0,-7vh,0) scale(1.08)}86%{opacity:.16;transform:translate3d(0,-12vh,0) scale(1.18)}100%{opacity:0;transform:translate3d(0,-17vh,0) scale(1.26)}}

.loader-screen{
  background:
    radial-gradient(circle at 50% 42%,#ffffff 0%,#f7f9fb 44%,#f0f3f6 76%,#e9edf1 100%)!important;
  background-color:#f4f6f8!important;
  animation:gtScreenFade 5s cubic-bezier(.2,.7,.2,1) forwards!important;
}
.loader-screen::before{
  display:none!important;
  content:none!important;
}
.loader-screen::after{
  content:"";position:absolute;left:2%;right:2%;bottom:auto;top:calc(50% + 29vh);height:2px;
  background:linear-gradient(90deg,transparent,rgba(17,24,39,.2) 20%,rgba(182,155,98,.55) 50%,rgba(17,24,39,.2) 80%,transparent)!important;
  box-shadow:0 10px 26px rgba(17,24,39,.12)!important;
  z-index:1;
  animation:gtRoadSheen 2.8s .35s cubic-bezier(.16,.74,.2,1) both!important;
}
.loader-logo{
  top:50%!important;
  left:50%;
  z-index:4!important;
  width:min(600px,72vw);
  max-height:30vh;
  object-fit:contain;
  opacity:0;
  visibility:visible!important;
  pointer-events:none;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 16px 34px rgba(17,24,39,.14))!important;
  animation:gtLogoReveal 4.35s cubic-bezier(.2,.7,.2,1) .15s both;
}
.loader-smoke{
  position:absolute!important;
  left:0!important;top:0!important;
  width:100%!important;height:100%!important;
  transform:none!important;
  z-index:5!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  pointer-events:none;
}
.loader-smoke::before{ /* single soft billowing mass so the puffs read as one burnout cloud, not dots */
  content:""!important;
  display:block!important;
  position:absolute;
  left:7%;right:7%;
  top:calc(50% + 5vh);
  height:clamp(260px,48vh,620px);
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 64%,rgba(22,26,31,.26) 0%,rgba(50,57,65,.14) 42%,rgba(104,112,121,.05) 64%,transparent 82%)!important;
  mix-blend-mode:normal!important;
  filter:blur(24px);
  opacity:0;
  animation:gtSmokeWash 4.4s cubic-bezier(.3,.5,.3,1) both;
}
.loader-smoke span{
  position:absolute;
  display:block;
  border-radius:50%;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  background:radial-gradient(ellipse at 45% 48%,rgba(16,20,25,.4) 0%,rgba(33,38,45,.27) 34%,rgba(63,70,79,.14) 56%,rgba(110,118,127,.055) 76%,transparent 90%)!important;
  opacity:0;
  filter:blur(11px);
  transform-origin:50% 60%;
  animation:gtSmokePuff 3.2s cubic-bezier(.3,.5,.3,1) both;
}
.loader-smoke span::before,
.loader-smoke span::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle at 46% 54%,rgba(9,12,16,.32) 0%,rgba(40,46,53,.17) 48%,rgba(92,100,109,.055) 70%,transparent 84%);
  filter:blur(8px);
  animation:gtSmokeChurn 3.2s cubic-bezier(.3,.5,.3,1) both;
  animation-delay:inherit;
}
.loader-smoke span::before{left:-16%;top:-28%;width:74%;height:88%}
.loader-smoke span::after{right:-20%;bottom:-34%;width:86%;height:78%;animation-direction:reverse}
.loader-smoke span:nth-child(1){left:76vw;top:calc(50% + 24vh);width:max(64px,18vh);height:max(46px,14vh);animation-delay:1.12s}
.loader-smoke span:nth-child(2){left:68vw;top:calc(50% + 26vh);width:max(60px,17vh);height:max(42px,13vh);animation-delay:1.3s}
.loader-smoke span:nth-child(3){left:60vw;top:calc(50% + 20vh);width:max(68px,19vh);height:max(46px,14vh);animation-delay:1.48s}
.loader-smoke span:nth-child(4){left:52vw;top:calc(50% + 23vh);width:max(56px,16vh);height:max(40px,12vh);animation-delay:1.66s}
.loader-smoke span:nth-child(5){left:44vw;top:calc(50% + 10vh);width:max(64px,18vh);height:max(44px,13vh);animation-delay:1.84s}
.loader-smoke span:nth-child(6){left:36vw;top:calc(50% + 13vh);width:max(72px,20vh);height:max(46px,14vh);animation-delay:2.02s}
.loader-smoke span:nth-child(7){left:29vw;top:calc(50% + 7vh);width:max(60px,17vh);height:max(42px,12vh);animation-delay:2.2s}
.loader-smoke span:nth-child(8){left:22vw;top:calc(50% + 9vh);width:max(68px,19vh);height:max(46px,14vh);animation-delay:2.36s}
.loader-smoke span:nth-child(9){left:16vw;top:calc(50% + 3vh);width:max(56px,16vh);height:max(40px,12vh);animation-delay:2.52s}
.loader-smoke span:nth-child(10){left:10vw;top:calc(50% + 5vh);width:max(64px,18vh);height:max(44px,13vh);animation-delay:2.68s}
.loader-smoke span:nth-child(11){left:4vw;top:calc(50% + 0vh);width:max(54px,15vh);height:max(38px,11vh);animation-delay:2.82s}
.loader-smoke span:nth-child(12){left:-.5vw;top:calc(50% + 2vh);width:max(48px,13vh);height:max(34px,10vh);animation-delay:2.94s}

.loader-track{
  position:absolute!important;
  left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:auto!important;height:auto!important;
  transform:none!important;
  z-index:7!important;
  pointer-events:none;
}
.loader-track::after{
  content:"";position:absolute;
  left:0;right:auto;bottom:auto;
  top:calc(50% + 29vh);
  width:clamp(220px,30vw,480px);height:30px;
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(10,14,19,.5),rgba(17,24,39,.16) 46%,transparent 74%)!important;
  box-shadow:none!important;
  filter:blur(10px);
  opacity:0;
  animation:gtChairShadow 4.2s cubic-bezier(.3,.1,.2,1) .1s both;
}
.loader-chair{
  position:absolute!important;
  left:0!important;top:50%!important;right:auto!important;bottom:auto!important;
  width:auto!important;
  height:clamp(300px,58vh,640px);
  max-height:none!important;
  mix-blend-mode:normal!important;
  filter:contrast(1.05) saturate(1.03) drop-shadow(0 24px 32px rgba(17,24,39,.24))!important;
  transform-origin:50% 58%;
  opacity:0;
  animation:gtChairDrift 4.2s cubic-bezier(.3,.1,.2,1) .1s both;
}
@media(max-width:760px){
  .loader-screen::after{top:calc(50% + 22vh);left:4%;right:4%}
  .loader-logo{top:50%!important;width:min(560px,88vw);max-height:22vh}
  .loader-chair{height:clamp(150px,44vh,430px);max-height:none!important;width:auto!important}
  .loader-track::after{top:calc(50% + 22vh);width:clamp(150px,36vw,290px);height:18px}
  .loader-smoke span:nth-child(1){left:82vw}
  .loader-smoke span:nth-child(2){left:73vw}
  .loader-smoke span:nth-child(3){left:64vw}
  .loader-smoke span:nth-child(4){left:55vw}
  .loader-smoke span:nth-child(5){left:47vw}
  .loader-smoke span:nth-child(6){left:39vw}
  .loader-smoke span:nth-child(7){left:31vw}
  .loader-smoke span:nth-child(8){left:23vw}
  .loader-smoke span:nth-child(9){left:16vw}
  .loader-smoke span:nth-child(10){left:9vw}
  .loader-smoke span:nth-child(11){left:3vw}
  .loader-smoke span:nth-child(12){left:-1vw}
}
@media(max-width:390px){
  .loader-chair{height:clamp(140px,40vh,380px)}
  .loader-logo{width:min(500px,92vw)}
}
@media(prefers-reduced-motion:reduce){
  .loader-screen{animation:none!important}
  .loader-screen.loader-hidden{display:none!important}
  .loader-logo{opacity:1!important;visibility:visible!important;filter:none!important;animation:none!important;transform:translate(-50%,-50%)!important}
  .loader-chair{opacity:.2!important;animation:none!important;transform:translate3d(10vw,-50%,0)!important}
  .loader-smoke span,.loader-smoke span::before,.loader-smoke span::after,.loader-smoke::before,.loader-track::after,.loader-screen::after{animation:none!important;opacity:0!important}
}

/* ================= 20260908 cinematic loader - chair burnout across logo ================= */
@keyframes gtCinematicLoaderExit{
  0%,88%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden}
}
@keyframes gtCinematicLogo{
  0%,18%{opacity:0;filter:blur(18px) drop-shadow(0 18px 34px rgba(15,23,42,.08));transform:translate(-50%,-50%) scale(.94)}
  32%,78%{opacity:1;filter:blur(0) drop-shadow(0 18px 36px rgba(15,23,42,.14));transform:translate(-50%,-50%) scale(1)}
  88%{opacity:.76;filter:blur(1px) drop-shadow(0 16px 32px rgba(15,23,42,.12));transform:translate(-50%,-50%) scale(1.012)}
  100%{opacity:0;filter:blur(14px) drop-shadow(0 18px 34px rgba(15,23,42,.08));transform:translate(-50%,-50%) scale(.97)}
}
@keyframes gtCinematicChairPass{
  0%{opacity:0;transform:translate3d(124vw,-50%,0) rotate(-2deg) scale(.9)}
  6%{opacity:1}
  22%{transform:translate3d(86vw,-50%,0) rotate(1.1deg) scale(.96)}
  40%{transform:translate3d(54vw,-50%,0) rotate(-1.2deg) scale(1)}
  55%{transform:translate3d(28vw,-50%,0) rotate(1.6deg) scale(1.03)}
  68%{transform:translate3d(4vw,-50%,0) rotate(-.7deg) scale(1.04)}
  82%{opacity:1;transform:translate3d(-34vw,-50%,0) rotate(1deg) scale(1)}
  100%{opacity:0;transform:translate3d(-122vw,-50%,0) rotate(.4deg) scale(.94)}
}
@keyframes gtCinematicSmoke{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.28) rotate(-2deg);filter:blur(10px)}
  18%{opacity:.22;transform:translate3d(-1vw,8px,0) scale(.58) rotate(1deg);filter:blur(13px)}
  38%{opacity:.52;transform:translate3d(-4vw,-1.5vh,0) scale(.9) rotate(-4deg);filter:blur(18px)}
  58%{opacity:.42;transform:translate3d(-8vw,-5vh,0) scale(1.18) rotate(3deg);filter:blur(25px)}
  76%{opacity:.22;transform:translate3d(-12vw,-9vh,0) scale(1.38) rotate(-2deg);filter:blur(34px)}
  100%{opacity:0;transform:translate3d(-17vw,-14vh,0) scale(1.58) rotate(2deg);filter:blur(42px)}
}
@keyframes gtCinematicSmokeCore{
  0%,16%{opacity:0;transform:translate3d(22vw,16px,0) scale(.62)}
  36%{opacity:.22;transform:translate3d(8vw,2px,0) scale(.86)}
  58%{opacity:.3;transform:translate3d(-4vw,-4vh,0) scale(1.04)}
  78%{opacity:.16;transform:translate3d(-15vw,-9vh,0) scale(1.18)}
  100%{opacity:0;transform:translate3d(-26vw,-15vh,0) scale(1.3)}
}
@keyframes gtCinematicSmokeCurl{
  0%{transform:translate3d(0,0,0) rotate(-7deg) scale(.84)}
  38%{transform:translate3d(13%,-11%,0) rotate(8deg) scale(1.18)}
  68%{transform:translate3d(-10%,-24%,0) rotate(-9deg) scale(1.08)}
  100%{transform:translate3d(7%,-36%,0) rotate(6deg) scale(1.28)}
}
@keyframes gtCinematicShadow{
  0%{opacity:0;transform:translate3d(112vw,0,0) scaleX(.65)}
  10%,78%{opacity:.46}
  100%{opacity:0;transform:translate3d(-118vw,0,0) scaleX(.48)}
}
.loader-screen{
  background:
    radial-gradient(circle at 48% 43%,#fff 0%,#f9fbfd 38%,#eef3f8 75%,#e8edf2 100%)!important;
  background-color:#f6f8fb!important;
  animation:gtCinematicLoaderExit 4.95s cubic-bezier(.2,.7,.2,1) forwards!important;
}
.loader-screen::before{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:-18%;
  z-index:0;
  background:
    linear-gradient(118deg,transparent 0 19%,rgba(28,105,212,.045) 19.15% 19.36%,transparent 19.6% 48%,rgba(182,155,98,.07) 48.15% 48.35%,transparent 48.6% 100%),
    radial-gradient(ellipse at 50% 62%,rgba(15,23,42,.07),transparent 38%)!important;
  opacity:.56!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}
.loader-screen::after{
  content:""!important;
  position:absolute!important;
  left:4%!important;
  right:4%!important;
  top:calc(50% + 26vh)!important;
  bottom:auto!important;
  height:2px!important;
  z-index:2!important;
  background:linear-gradient(90deg,transparent,rgba(28,105,212,.12),rgba(15,23,42,.22),rgba(182,155,98,.32),rgba(15,23,42,.16),transparent)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.09)!important;
  animation:gtRoadSheen 2.65s .45s cubic-bezier(.16,.74,.2,1) both!important;
}
.loader-logo{
  left:50%!important;
  top:50%!important;
  z-index:4!important;
  width:min(620px,74vw)!important;
  max-height:28vh!important;
  opacity:0;
  visibility:visible!important;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 18px 36px rgba(15,23,42,.14))!important;
  animation:gtCinematicLogo 4.5s cubic-bezier(.2,.7,.2,1) .14s both!important;
}
.loader-track{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  z-index:7!important;
  pointer-events:none;
}
.loader-track::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:calc(50% + 26vh)!important;
  bottom:auto!important;
  width:clamp(220px,29vw,470px)!important;
  height:28px!important;
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(15,23,42,.48),rgba(15,23,42,.14) 46%,transparent 74%)!important;
  filter:blur(11px)!important;
  box-shadow:none!important;
  opacity:0;
  animation:gtCinematicShadow 4.25s cubic-bezier(.3,.1,.2,1) .08s both!important;
}
.loader-chair{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:auto!important;
  height:clamp(300px,56vh,620px)!important;
  max-height:none!important;
  opacity:0;
  z-index:8!important;
  mix-blend-mode:normal!important;
  filter:contrast(1.05) saturate(1.03) drop-shadow(0 24px 34px rgba(15,23,42,.25))!important;
  transform-origin:50% 60%;
  animation:gtCinematicChairPass 4.25s cubic-bezier(.3,.1,.2,1) .08s both!important;
}
.loader-smoke{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  z-index:6!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  pointer-events:none;
}
.loader-smoke::before{
  content:""!important;
  display:block!important;
  position:absolute;
  left:2%;
  right:2%;
  top:calc(50% + 10vh);
  height:clamp(220px,42vh,540px);
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 62%,rgba(255,255,255,.74),rgba(214,222,230,.26) 38%,rgba(136,149,163,.075) 62%,transparent 82%)!important;
  filter:blur(28px)!important;
  opacity:0;
  mix-blend-mode:normal!important;
  animation:gtCinematicSmokeCore 4.25s cubic-bezier(.3,.5,.3,1) .92s both!important;
}
.loader-smoke span{
  position:absolute;
  display:block;
  border-radius:50%;
  background:radial-gradient(ellipse at 44% 46%,rgba(255,255,255,.95) 0%,rgba(231,236,242,.72) 32%,rgba(181,192,203,.26) 58%,rgba(120,134,148,.08) 78%,transparent 90%)!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  opacity:0;
  filter:blur(12px);
  transform-origin:50% 65%;
  animation:gtCinematicSmoke 3.35s cubic-bezier(.3,.5,.3,1) both!important;
}
.loader-smoke span::before,
.loader-smoke span::after{
  content:""!important;
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.84),rgba(220,228,236,.45) 48%,rgba(160,173,187,.11) 72%,transparent 86%)!important;
  filter:blur(10px);
  animation:gtCinematicSmokeCurl 3.35s cubic-bezier(.3,.5,.3,1) both!important;
  animation-delay:inherit!important;
}
.loader-smoke span::before{left:-18%;top:-30%;width:82%;height:92%}
.loader-smoke span::after{right:-24%;bottom:-38%;width:92%;height:80%;animation-direction:reverse!important}
.loader-smoke span:nth-child(1){left:88vw;top:calc(50% + 20vh);width:clamp(92px,18vh,180px);height:clamp(58px,12vh,128px);animation-delay:.82s!important}
.loader-smoke span:nth-child(2){left:78vw;top:calc(50% + 24vh);width:clamp(98px,20vh,205px);height:clamp(62px,13vh,136px);animation-delay:1.02s!important}
.loader-smoke span:nth-child(3){left:69vw;top:calc(50% + 18vh);width:clamp(110px,22vh,220px);height:clamp(68px,14vh,145px);animation-delay:1.22s!important}
.loader-smoke span:nth-child(4){left:60vw;top:calc(50% + 22vh);width:clamp(92px,18vh,188px);height:clamp(58px,12vh,126px);animation-delay:1.42s!important}
.loader-smoke span:nth-child(5){left:50vw;top:calc(50% + 12vh);width:clamp(116px,23vh,230px);height:clamp(72px,14vh,150px);animation-delay:1.62s!important}
.loader-smoke span:nth-child(6){left:41vw;top:calc(50% + 15vh);width:clamp(124px,24vh,245px);height:clamp(72px,14vh,155px);animation-delay:1.82s!important}
.loader-smoke span:nth-child(7){left:32vw;top:calc(50% + 8vh);width:clamp(110px,22vh,220px);height:clamp(66px,13vh,140px);animation-delay:2.02s!important}
.loader-smoke span:nth-child(8){left:24vw;top:calc(50% + 11vh);width:clamp(118px,23vh,235px);height:clamp(70px,14vh,148px);animation-delay:2.18s!important}
.loader-smoke span:nth-child(9){left:17vw;top:calc(50% + 4vh);width:clamp(100px,20vh,205px);height:clamp(60px,12vh,130px);animation-delay:2.34s!important}
.loader-smoke span:nth-child(10){left:10vw;top:calc(50% + 6vh);width:clamp(108px,21vh,216px);height:clamp(64px,13vh,138px);animation-delay:2.5s!important}
.loader-smoke span:nth-child(11){left:4vw;top:calc(50% + 1vh);width:clamp(92px,18vh,190px);height:clamp(56px,11vh,120px);animation-delay:2.64s!important}
.loader-smoke span:nth-child(12){left:-1vw;top:calc(50% + 3vh);width:clamp(82px,16vh,170px);height:clamp(50px,10vh,108px);animation-delay:2.78s!important}
@media(max-width:760px){
  .loader-logo{width:min(520px,88vw)!important;max-height:22vh!important}
  .loader-chair{height:clamp(190px,42vh,410px)!important}
  .loader-screen::after,.loader-track::after{top:calc(50% + 21vh)!important}
  .loader-track::after{width:clamp(160px,42vw,290px)!important;height:20px!important}
  .loader-smoke::before{top:calc(50% + 7vh);height:clamp(190px,38vh,390px)}
  .loader-smoke span{filter:blur(10px)}
}
@media(max-width:390px){
  .loader-logo{width:min(490px,90vw)!important}
  .loader-chair{height:clamp(170px,38vh,360px)!important}
  .loader-screen::after,.loader-track::after{top:calc(50% + 19vh)!important}
}
@media(prefers-reduced-motion:reduce){
  .loader-screen{animation:none!important}
  .loader-logo{opacity:1!important;visibility:visible!important;animation:none!important;filter:none!important;transform:translate(-50%,-50%)!important}
  .loader-chair{opacity:.18!important;animation:none!important;transform:translate3d(8vw,-50%,0)!important}
  .loader-smoke,.loader-track::after,.loader-screen::after{opacity:0!important;animation:none!important}
}

/* Keep the loader on-screen until JavaScript finishes the full cinematic pass. */
.loader-screen{
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
}
.loader-logo,
.loader-chair,
.loader-track::after,
.loader-smoke::before,
.loader-smoke span,
.loader-smoke span::before,
.loader-smoke span::after,
.loader-screen::after{
  animation:none!important;
}
.loader-screen.loader-live .loader-logo{animation:gtCinematicLogo 4.5s cubic-bezier(.2,.7,.2,1) .14s both!important}
.loader-screen.loader-live .loader-chair{animation:gtCinematicChairPass 4.25s cubic-bezier(.3,.1,.2,1) .08s both!important}
.loader-screen.loader-live .loader-track::after{animation:gtCinematicShadow 4.25s cubic-bezier(.3,.1,.2,1) .08s both!important}
.loader-screen.loader-live .loader-smoke::before{animation:gtCinematicSmokeCore 4.25s cubic-bezier(.3,.5,.3,1) .92s both!important}
.loader-screen.loader-live .loader-smoke span{animation:gtCinematicSmoke 3.35s cubic-bezier(.3,.5,.3,1) both!important}
.loader-screen.loader-live .loader-smoke span::before,
.loader-screen.loader-live .loader-smoke span::after{animation:gtCinematicSmokeCurl 3.35s cubic-bezier(.3,.5,.3,1) both!important;animation-delay:inherit!important}
.loader-screen.loader-live::after{animation:gtRoadSheen 2.65s .45s cubic-bezier(.16,.74,.2,1) both!important}
.loader-screen.loader-hidden{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .62s ease,visibility .62s ease!important;
}
@media(prefers-reduced-motion:reduce){
  .loader-screen.loader-live .loader-logo,
  .loader-screen.loader-live .loader-chair,
  .loader-screen.loader-live .loader-track::after,
  .loader-screen.loader-live .loader-smoke::before,
  .loader-screen.loader-live .loader-smoke span,
  .loader-screen.loader-live .loader-smoke span::before,
  .loader-screen.loader-live .loader-smoke span::after,
  .loader-screen.loader-live::after{animation:none!important}
}

/* Smoke tuning: fuller white-grey tyre smoke without the old dark rectangle. */
@keyframes gtTyreSmokeRoll{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.3) rotate(-3deg);filter:blur(8px)}
  16%{opacity:.34;transform:translate3d(-1vw,8px,0) scale(.62) rotate(2deg);filter:blur(10px)}
  36%{opacity:.78;transform:translate3d(-4vw,-.5vh,0) scale(.96) rotate(-4deg);filter:blur(14px)}
  58%{opacity:.62;transform:translate3d(-8vw,-4vh,0) scale(1.2) rotate(3deg);filter:blur(22px)}
  78%{opacity:.32;transform:translate3d(-13vw,-8vh,0) scale(1.42) rotate(-2deg);filter:blur(31px)}
  100%{opacity:0;transform:translate3d(-19vw,-13vh,0) scale(1.62) rotate(2deg);filter:blur(40px)}
}
@keyframes gtTyreSmokeMass{
  0%,14%{opacity:0;transform:translate3d(20vw,12px,0) scale(.62)}
  34%{opacity:.32;transform:translate3d(8vw,3px,0) scale(.88)}
  58%{opacity:.5;transform:translate3d(-4vw,-3vh,0) scale(1.08)}
  80%{opacity:.28;transform:translate3d(-16vw,-8vh,0) scale(1.23)}
  100%{opacity:0;transform:translate3d(-27vw,-14vh,0) scale(1.36)}
}
.loader-screen.loader-live .loader-smoke::before{
  top:calc(50% + 8vh)!important;
  height:clamp(250px,48vh,580px)!important;
  background:
    radial-gradient(ellipse at 42% 54%,rgba(207,218,229,.34),rgba(152,168,185,.18) 38%,transparent 68%),
    radial-gradient(ellipse at 58% 58%,rgba(255,255,255,.82),rgba(220,228,236,.38) 34%,rgba(143,160,178,.16) 62%,transparent 82%)!important;
  filter:blur(18px)!important;
  animation:gtTyreSmokeMass 4.35s cubic-bezier(.3,.5,.3,1) .72s both!important;
}
.loader-screen.loader-live .loader-smoke span{
  background:
    radial-gradient(ellipse at 38% 46%,rgba(255,255,255,.96) 0%,rgba(236,241,246,.82) 24%,rgba(186,199,213,.5) 52%,rgba(112,129,147,.19) 76%,transparent 91%)!important;
  filter:blur(7px);
  animation:gtTyreSmokeRoll 3.75s cubic-bezier(.3,.5,.3,1) both!important;
}
.loader-screen.loader-live .loader-smoke span::before,
.loader-screen.loader-live .loader-smoke span::after{
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.92),rgba(216,226,236,.66) 42%,rgba(132,150,170,.22) 72%,transparent 88%)!important;
  filter:blur(6px);
}
.loader-screen.loader-live .loader-smoke span:nth-child(1){left:88vw;top:calc(50% + 15vh);animation-delay:.66s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(2){left:80vw;top:calc(50% + 18vh);animation-delay:.82s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(3){left:72vw;top:calc(50% + 12vh);animation-delay:.98s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(4){left:62vw;top:calc(50% + 16vh);animation-delay:1.14s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(5){left:53vw;top:calc(50% + 7vh);animation-delay:1.3s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(6){left:44vw;top:calc(50% + 10vh);animation-delay:1.46s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(7){left:35vw;top:calc(50% + 4vh);animation-delay:1.62s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(8){left:27vw;top:calc(50% + 7vh);animation-delay:1.78s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(9){left:19vw;top:calc(50% + 1vh);animation-delay:1.94s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(10){left:12vw;top:calc(50% + 4vh);animation-delay:2.1s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(11){left:5vw;top:calc(50% - 1vh);animation-delay:2.24s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(12){left:-1vw;top:calc(50% + 1vh);animation-delay:2.38s!important}
@media(max-width:760px){
  .loader-screen.loader-live .loader-smoke::before{
    top:calc(50% + 7vh)!important;
    height:clamp(210px,36vh,380px)!important;
    filter:blur(15px)!important;
  }
  .loader-screen.loader-live .loader-smoke span{filter:blur(6px)}
  .loader-screen.loader-live .loader-smoke span:nth-child(1){left:80vw;top:calc(50% + 13vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(2){left:72vw;top:calc(50% + 15vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(3){left:64vw;top:calc(50% + 10vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(4){left:55vw;top:calc(50% + 13vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(5){left:47vw;top:calc(50% + 7vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(6){left:39vw;top:calc(50% + 10vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(7){left:31vw;top:calc(50% + 5vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(8){left:23vw;top:calc(50% + 8vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(9){left:16vw;top:calc(50% + 3vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(10){left:9vw;top:calc(50% + 5vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(11){left:3vw;top:calc(50% + 1vh)}
  .loader-screen.loader-live .loader-smoke span:nth-child(12){left:-2vw;top:calc(50% + 3vh)}
}

/* Final loader timing: logo first, chair sweep second, smoke immediately behind the wheels. */
@keyframes gtCinematicLogo{
  0%,8%{opacity:0;filter:blur(16px) drop-shadow(0 18px 34px rgba(15,23,42,.08));transform:translate(-50%,-50%) scale(.94)}
  20%,82%{opacity:1;filter:blur(0) drop-shadow(0 18px 36px rgba(15,23,42,.14));transform:translate(-50%,-50%) scale(1)}
  92%{opacity:.82;filter:blur(1px) drop-shadow(0 16px 32px rgba(15,23,42,.12));transform:translate(-50%,-50%) scale(1.012)}
  100%{opacity:0;filter:blur(14px) drop-shadow(0 18px 34px rgba(15,23,42,.08));transform:translate(-50%,-50%) scale(.97)}
}
@keyframes gtCinematicChairPass{
  0%{opacity:0;transform:translate3d(126vw,-50%,0) rotate(-2deg) scale(.9)}
  8%{opacity:1;transform:translate3d(106vw,-50%,0) rotate(.8deg) scale(.94)}
  28%{transform:translate3d(78vw,-50%,0) rotate(-1.2deg) scale(.98)}
  48%{transform:translate3d(46vw,-50%,0) rotate(1.5deg) scale(1.03)}
  64%{transform:translate3d(16vw,-50%,0) rotate(-.7deg) scale(1.04)}
  82%{opacity:1;transform:translate3d(-30vw,-50%,0) rotate(1deg) scale(1)}
  100%{opacity:0;transform:translate3d(-124vw,-50%,0) rotate(.4deg) scale(.94)}
}
.loader-screen.loader-live .loader-logo{animation:gtCinematicLogo 4.8s cubic-bezier(.2,.7,.2,1) .05s both!important}
.loader-screen.loader-live .loader-chair{animation:gtCinematicChairPass 4.55s cubic-bezier(.3,.1,.2,1) .18s both!important}
.loader-screen.loader-live .loader-track::after{animation:gtCinematicShadow 4.55s cubic-bezier(.3,.1,.2,1) .18s both!important}
.loader-screen.loader-live .loader-smoke::before{animation:gtTyreSmokeMass 4.25s cubic-bezier(.3,.5,.3,1) .18s both!important}
.loader-screen.loader-live .loader-smoke span{animation:gtTyreSmokeRoll 4s cubic-bezier(.3,.5,.3,1) both!important}
.loader-screen.loader-live .loader-smoke span:nth-child(1){animation-delay:.2s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(2){animation-delay:.32s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(3){animation-delay:.44s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(4){animation-delay:.56s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(5){animation-delay:.68s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(6){animation-delay:.8s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(7){animation-delay:.92s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(8){animation-delay:1.04s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(9){animation-delay:1.16s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(10){animation-delay:1.28s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(11){animation-delay:1.4s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(12){animation-delay:1.52s!important}

/* Reveal only after the car clears the logo on desktop and mobile (3.9s), then hold until exit. */
@keyframes gtCinematicLogo{
  0%,72%{opacity:0;filter:blur(16px) drop-shadow(0 18px 34px rgba(15,23,42,.08));transform:translate(-50%,-50%) scale(.94)}
  84%,100%{opacity:1;filter:blur(0) drop-shadow(0 18px 36px rgba(15,23,42,.14));transform:translate(-50%,-50%) scale(1)}
}
.loader-screen.loader-live .loader-logo{animation:gtCinematicLogo 5.35s cubic-bezier(.2,.7,.2,1) .05s both!important}
.loader-screen.loader-live .loader-chair{animation:gtCinematicChairPass 4.95s cubic-bezier(.3,.1,.2,1) .18s both!important}
.loader-screen.loader-live .loader-track::after{animation:gtCinematicShadow 4.95s cubic-bezier(.3,.1,.2,1) .18s both!important}
.loader-screen.loader-live .loader-smoke::before{animation:gtTyreSmokeMass 4.75s cubic-bezier(.3,.5,.3,1) .18s both!important}
.loader-screen.loader-live .loader-smoke span{animation:gtTyreSmokeRoll 4.45s cubic-bezier(.3,.5,.3,1) both!important}

/* 20260908b: black tyre smoke pass. Keep it smoky and round, never a square overlay. */
.loader-screen.loader-live .loader-smoke::before{
  background:
    radial-gradient(ellipse at 42% 54%,rgba(3,4,6,.42),rgba(13,16,22,.24) 38%,transparent 70%),
    radial-gradient(ellipse at 60% 58%,rgba(0,0,0,.48),rgba(20,24,31,.34) 34%,rgba(58,65,75,.16) 64%,transparent 84%)!important;
  mix-blend-mode:multiply!important;
}
.loader-screen.loader-live .loader-smoke span{
  background:
    radial-gradient(ellipse at 38% 46%,rgba(0,0,0,.72) 0%,rgba(14,17,23,.58) 28%,rgba(45,51,61,.34) 56%,rgba(91,100,112,.12) 78%,transparent 92%)!important;
  mix-blend-mode:multiply!important;
}
.loader-screen.loader-live .loader-smoke span::before,
.loader-screen.loader-live .loader-smoke span::after{
  background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.62),rgba(20,24,31,.48) 42%,rgba(73,83,96,.18) 72%,transparent 89%)!important;
  mix-blend-mode:multiply!important;
}

/* 20260909: final shop card visual polish, no content changes. */
#page-shop .catalog{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:clamp(18px,2.2vw,30px)!important;
  align-items:stretch!important;
  overflow:visible!important;
}
#page-shop .catalog .product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:100%!important;
  isolation:isolate!important;
  border-radius:8px!important;
  border:1px solid rgba(15,19,23,.105)!important;
  background:#fff!important;
  box-shadow:
    0 18px 44px rgba(15,19,23,.09),
    0 1px 0 rgba(255,255,255,.95) inset!important;
  overflow:hidden!important;
  animation:none!important;
  transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease!important;
}
#page-shop .catalog .product-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,0) 38%),
    linear-gradient(180deg,rgba(255,255,255,0) 66%,rgba(15,19,23,.035))!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
#page-shop .catalog .product-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:none!important;
}
#page-shop .catalog .product-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(178,145,78,.42)!important;
  box-shadow:
    0 30px 76px rgba(15,19,23,.155),
    0 0 0 1px rgba(178,145,78,.12),
    0 1px 0 rgba(255,255,255,1) inset!important;
}
#page-shop .catalog .product-card:focus-visible{
  outline:3px solid rgba(178,145,78,.3)!important;
  outline-offset:4px!important;
}
#page-shop .catalog .product-media{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:transparent!important;
}
#page-shop .catalog .product-media::before{
  display:none!important;
}
#page-shop .catalog .product-media::after{
  display:none!important;
}
#page-shop .catalog .product-media img{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  mix-blend-mode:multiply!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}
#page-shop .catalog .product-card:hover .product-media img{
  transform:scale(1.02)!important;
  filter:none!important;
}
#page-shop .catalog .product-body{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:18px!important;
  border-top:1px solid rgba(15,19,23,.075)!important;
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
}
#page-shop .catalog .product-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
}
#page-shop .catalog .product-meta span{
  min-width:0!important;
  max-width:50%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#64707b!important;
  font-size:.58rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
}
#page-shop .catalog .product-body h3{
  margin:0 0 9px!important;
  color:#101418!important;
  font-size:clamp(.96rem,.88vw,1.08rem)!important;
  font-weight:950!important;
  letter-spacing:0!important;
  line-height:1.18!important;
}
#page-shop .catalog .product-body p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  min-height:2.72em!important;
  margin:0 0 15px!important;
  overflow:hidden!important;
  color:#5c6873!important;
  font-size:.86rem!important;
  line-height:1.36!important;
}
#page-shop .catalog .product-foot{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  margin-top:auto!important;
  padding-top:14px!important;
  border-top:1px solid rgba(15,19,23,.075)!important;
}
#page-shop .catalog .price-block span{
  color:#7a858f!important;
  font-size:.56rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#page-shop .catalog .price-block strong{
  color:#101418!important;
  font-size:1.16rem!important;
  font-weight:950!important;
  line-height:1.05!important;
}
#page-shop .catalog .price-block small{
  max-width:205px!important;
  color:#7d8791!important;
  font-size:.5rem!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
#page-shop .catalog .view-seat{
  min-width:102px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid #101418!important;
  background:#101418!important;
  color:#fff!important;
  font-size:.6rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 24px rgba(16,20,24,.18)!important;
}
@media(min-width:1180px){
  #page-shop .catalog{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #page-shop .catalog{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  #page-shop .catalog .product-card{
    border-radius:8px!important;
    transform:none!important;
    box-shadow:0 14px 34px rgba(15,19,23,.09),0 1px 0 rgba(255,255,255,.95) inset!important;
  }
  #page-shop .catalog .product-card:hover{
    transform:none!important;
    box-shadow:0 14px 34px rgba(15,19,23,.09),0 1px 0 rgba(255,255,255,.95) inset!important;
  }
  #page-shop .catalog .product-media{
    aspect-ratio:4/3!important;
  }
  #page-shop .catalog .product-media img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
  }
  #page-shop .catalog .product-card:hover .product-media img{
    transform:translateZ(0)!important;
  }
  #page-shop .catalog .product-body{
    padding:15px!important;
  }
  #page-shop .catalog .product-meta span{
    font-size:.54rem!important;
  }
  #page-shop .catalog .product-body h3{
    font-size:.98rem!important;
    line-height:1.2!important;
  }
  #page-shop .catalog .product-body p{
    min-height:0!important;
    font-size:.84rem!important;
    line-height:1.42!important;
  }
  #page-shop .catalog .product-foot{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  #page-shop .catalog .price-block strong{
    font-size:1.08rem!important;
  }
  #page-shop .catalog .view-seat{
    min-width:104px!important;
    min-height:40px!important;
    padding:0 13px!important;
    font-size:.56rem!important;
  }
}
@media(max-width:390px){
  #page-shop .catalog .product-foot{
    grid-template-columns:1fr!important;
  }
  #page-shop .catalog .view-seat{
    width:100%!important;
  }
}

/* 20260909: mobile F90 scroll story readability and slower pacing. */
@media(max-width:760px){
  .f90-scroll-space{
    height:620vh!important;
    min-height:3900px!important;
  }
  .f90-pin::before{
    background:
      radial-gradient(ellipse at 52% 46%,transparent 0 34%,rgba(0,0,0,.16) 62%,rgba(0,0,0,.78) 100%),
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,0) 38%,rgba(0,0,0,.72) 88%,#000),
      linear-gradient(90deg,rgba(0,0,0,.44),transparent 38%,transparent 70%,rgba(0,0,0,.46))!important;
  }
  .f90-copy{
    width:min(100% - 28px,560px)!important;
  }
  .f90-chapter,
  .f90-chapter:nth-of-type(3),
  .f90-chapter:nth-of-type(4){
    bottom:calc(128px + env(safe-area-inset-bottom))!important;
    max-width:100%!important;
    padding:16px 16px 15px!important;
    border-radius:8px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(180deg,rgba(3,5,9,.78),rgba(3,5,9,.58))!important;
    box-shadow:0 22px 58px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  .f90-chapter h2{
    font-size:clamp(1.72rem,9.6vw,3rem)!important;
    line-height:.94!important;
  }
  .f90-chapter p{
    max-width:100%!important;
    margin-top:12px!important;
    color:rgba(255,255,255,.82)!important;
    font-size:.9rem!important;
    line-height:1.52!important;
  }
  .f90-progress{
    bottom:calc(104px + env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:390px){
  .f90-scroll-space{
    height:660vh!important;
    min-height:4100px!important;
  }
  .f90-chapter,
  .f90-chapter:nth-of-type(3),
  .f90-chapter:nth-of-type(4){
    bottom:calc(120px + env(safe-area-inset-bottom))!important;
    padding:14px!important;
  }
  .f90-chapter h2{
    font-size:clamp(1.5rem,9.4vw,2.55rem)!important;
  }
  .f90-chapter p{
    font-size:.85rem!important;
  }
}

/* 20260909: main site visual modernization pass, no copy or structure changes. */
:root{
  --gt-ink:#101418;
  --gt-muted:#5f6b76;
  --gt-soft:#f5f6f8;
  --gt-line:rgba(16,20,24,.1);
  --gt-gold:#b78b36;
  --gt-blue:#1c69d4;
  --gt-shadow:0 18px 44px rgba(16,20,24,.08);
  --gt-shadow-strong:0 28px 72px rgba(16,20,24,.14);
}
body{
  background:
    linear-gradient(180deg,#fff 0,#f7f8fa 520px,#f3f5f7 100%)!important;
  color:var(--gt-ink)!important;
  letter-spacing:0!important;
}
.site-header{
  background:rgba(255,255,255,.84)!important;
  border-bottom:1px solid rgba(16,20,24,.08)!important;
  box-shadow:0 12px 38px rgba(16,20,24,.08)!important;
  backdrop-filter:blur(20px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(170%)!important;
}
.header-inner{
  min-height:70px!important;
}
.brand{
  border-radius:8px!important;
}
.brand img{
  filter:drop-shadow(0 7px 16px rgba(16,20,24,.12))!important;
}
.desktop-nav{
  padding:5px!important;
  border-radius:999px!important;
  background:rgba(118,118,128,.1)!important;
  border:1px solid rgba(16,20,24,.07)!important;
}
.desktop-nav .nav-link{
  min-height:38px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#252b31!important;
  box-shadow:none!important;
}
.desktop-nav .nav-link.active{
  background:#fff!important;
  color:#101418!important;
  border-color:rgba(16,20,24,.08)!important;
  box-shadow:0 5px 16px rgba(16,20,24,.09),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.region-button,
.cart-icon-btn{
  border:1px solid rgba(16,20,24,.1)!important;
  background:linear-gradient(180deg,#fff,#f6f7f9)!important;
  color:#101418!important;
  box-shadow:0 8px 24px rgba(16,20,24,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.btn{
  min-height:46px!important;
  border-radius:999px!important;
  border:1px solid #101418!important;
  background:#101418!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(16,20,24,.16)!important;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
.btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 20px 42px rgba(16,20,24,.2)!important;
}
.btn.secondary,
.btn.ghost{
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(16,20,24,.12)!important;
  color:#101418!important;
  box-shadow:0 10px 26px rgba(16,20,24,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.home-hero{
  min-height:min(820px,calc(100svh - 4px))!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
}
.hero-scrim{
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.56) 38%,rgba(0,0,0,.22) 68%,rgba(0,0,0,.62) 100%),
    linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.06) 42%,rgba(0,0,0,.72) 100%)!important;
}
.hero-copy h1{
  letter-spacing:0!important;
  text-wrap:balance;
  text-shadow:0 22px 60px rgba(0,0,0,.44)!important;
}
.home-story{
  max-width:620px!important;
  color:rgba(255,255,255,.86)!important;
}
.home-story p{
  line-height:1.65!important;
}
.hero-actions{
  gap:12px!important;
}
.home-feature-line{
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.1)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.hero-product.hero-feature-panel{
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07))!important;
  box-shadow:0 28px 78px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.hero-product .hero-feature-media,
.hero-product .hero-colour{
  border-radius:8px!important;
}
.hero-badge{
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.2)!important;
}
.partner-marquee{
  background:#fff!important;
  border-top:1px solid rgba(16,20,24,.07)!important;
  border-bottom:1px solid rgba(16,20,24,.07)!important;
  box-shadow:0 12px 34px rgba(16,20,24,.05)!important;
}
.section-head{
  gap:24px!important;
  margin-bottom:22px!important;
}
.section-head h2{
  color:#101418!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
.section-head p{
  color:var(--gt-muted)!important;
  line-height:1.65!important;
}
.eyebrow{
  color:var(--gt-gold)!important;
  letter-spacing:.12em!important;
}
.panel,
.faq-card,
.warranty-card,
.warranty-stat,
.warranty-step,
.section-banner,
.region-card,
.product-sheet,
.checkout-product,
.checkout-panel,
.shipping-card,
.paygate-box,
.ios-card,
.promise-card,
.tp-wrap,
.comparison-table,
.guide-card,
.tiktok-profile,
.tiktok-video-card{
  border-radius:8px!important;
  border:1px solid var(--gt-line)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:var(--gt-shadow)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
}
.panel:hover,
.faq-card:hover,
.warranty-card:hover,
.warranty-step:hover,
.guide-card:hover,
.tiktok-video-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:var(--gt-shadow-strong)!important;
}
.section-banner{
  overflow:hidden!important;
}
.section-banner img{
  filter:saturate(1.04) contrast(1.02)!important;
}
.faq-grid,
.policy-grid,
.warranty-grid,
.gallery{
  gap:clamp(14px,2vw,24px)!important;
}
.faq-card h3,
.warranty-card h3,
.warranty-step h3,
.guide-card h3{
  letter-spacing:0!important;
  color:#101418!important;
}
.faq-card p,
.warranty-card p,
.warranty-step p,
.guide-card p{
  color:var(--gt-muted)!important;
  line-height:1.62!important;
}
.gallery img{
  border-radius:8px!important;
  box-shadow:var(--gt-shadow)!important;
  border:1px solid rgba(16,20,24,.08)!important;
}
.gallery img:hover{
  transform:translateY(-3px) scale(1.01)!important;
  box-shadow:var(--gt-shadow-strong)!important;
}
.filter-bar,
.brand-rail{
  gap:10px!important;
}
.brand-filter,
.filter-bar button{
  border-radius:8px!important;
  border:1px solid rgba(16,20,24,.09)!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 8px 22px rgba(16,20,24,.055),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.brand-filter.active,
.filter-bar button.active{
  border-color:rgba(183,139,54,.42)!important;
  background:linear-gradient(180deg,#fff,rgba(183,139,54,.08))!important;
  box-shadow:0 12px 28px rgba(16,20,24,.08),0 0 0 1px rgba(183,139,54,.14) inset!important;
}
input,
textarea,
select{
  border-radius:8px!important;
  border:1px solid rgba(16,20,24,.12)!important;
  background:#fff!important;
  color:#101418!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
input:focus,
textarea:focus,
select:focus{
  outline:none!important;
  border-color:rgba(28,105,212,.42)!important;
  box-shadow:0 0 0 4px rgba(28,105,212,.12)!important;
}
.summary,
.checkout-costs,
.order-numbers,
.carrier-options,
.shipping-card,
.checkout-affiliate,
.checkout-receipt,
.payment-method-selector,
.crypto-panel{
  border-radius:8px!important;
}
.product-modal .product-sheet,
.cart-panel{
  background:#fff!important;
  color:#101418!important;
  box-shadow:0 24px 80px rgba(16,20,24,.2)!important;
}
.cart-overlay,
.modal-overlay{
  background:rgba(16,20,24,.36)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
footer{
  background:linear-gradient(180deg,#101418,#080b0e)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
footer h3,
footer p,
footer button{
  letter-spacing:0!important;
}
@media(max-width:980px){
  .site-header{
    border-radius:0 0 16px 16px!important;
  }
  .header-inner{
    min-height:68px!important;
  }
  .mobile-bottom-nav{
    left:9px!important;
    right:9px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:24px!important;
    padding:6px!important;
    background:rgba(255,255,255,.9)!important;
    border:1px solid rgba(16,20,24,.1)!important;
    box-shadow:0 16px 46px rgba(16,20,24,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
    backdrop-filter:blur(22px) saturate(170%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(170%)!important;
  }
  .mobile-bottom-nav .nav-link{
    min-height:52px!important;
    border-radius:18px!important;
    color:#27313a!important;
    background:transparent!important;
    border:1px solid transparent!important;
  }
  .mobile-bottom-nav .nav-link.active{
    background:linear-gradient(180deg,rgba(183,139,54,.18),rgba(183,139,54,.08))!important;
    border-color:rgba(183,139,54,.22)!important;
    box-shadow:inset 0 0 0 1px rgba(183,139,54,.08)!important;
  }
  .mobile-bottom-nav .nav-link.active span{
    color:#101418!important;
  }
}
@media(max-width:760px){
  .shell{
    width:min(100% - 28px,var(--max))!important;
  }
  .page{
    padding-bottom:96px!important;
  }
  .home-hero{
    min-height:auto!important;
    padding:98px 0 108px!important;
  }
  .hero-grid{
    gap:22px!important;
  }
  .hero-copy{
    padding-top:0!important;
  }
  .hero-copy h1{
    font-size:2.14rem!important;
    line-height:.96!important;
  }
  .home-story{
    font-size:.88rem!important;
    line-height:1.5!important;
  }
  .home-story p{line-height:1.5!important}
  .hero-actions{
    grid-template-columns:1fr!important;
  }
  .hero-actions .btn{
    width:100%!important;
    min-height:46px!important;
    font-size:.76rem!important;
  }
  .home-feature-line{
    font-size:.66rem!important;
    line-height:1.25!important;
    padding:8px 10px!important;
  }
  .hero-product.hero-feature-panel{
    padding:14px!important;
  }
  .partner-marquee{
    margin-top:0!important;
  }
  .section-head{
    display:grid!important;
    gap:10px!important;
  }
  .section-head h2{
    font-size:1.8rem!important;
    line-height:1.02!important;
  }
  .section-head p{
    font-size:.92rem!important;
  }
  .panel,
  .faq-card,
  .warranty-card,
  .warranty-stat,
  .warranty-step,
  .section-banner,
  .checkout-product,
  .checkout-panel,
  .paygate-box,
  .ios-card,
  .promise-card,
  .tp-wrap,
  .tiktok-profile,
  .tiktok-video-card{
    box-shadow:0 12px 30px rgba(16,20,24,.075)!important;
  }
  .faq-card,
  .warranty-card,
  .warranty-step{
    padding:17px!important;
  }
  .faq-card:hover,
  .warranty-card:hover,
  .warranty-step:hover,
  .panel:hover{
    transform:none!important;
  }
  input,
  textarea,
  select,
  .choice .choice-box,
  .shipping-card,
  .payment-method-tab{
    min-height:46px!important;
  }
  .product-modal .product-sheet{
    border-radius:18px 18px 0 0!important;
  }
  .cart-panel{
    width:100vw!important;
  }
}
@media(max-width:390px){
  .shell{
    width:min(100% - 20px,var(--max))!important;
  }
  .hero-copy h1{
    font-size:2rem!important;
  }
  .home-story{
    font-size:.9rem!important;
  }
  .mobile-bottom-nav .nav-link span{
    font-size:.46rem!important;
  }
}

/* 20260915: mobile M5 visibility, transparent-looking colour images, and rear tyre smoke loader pass. */
.f90-cinematic.has-mobile-fallback .f90-static-fallback{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:1!important;
  transition:opacity .42s ease,visibility .42s ease!important;
}
.f90-cinematic.has-mobile-fallback .f90-static-fallback picture,
.f90-cinematic.has-mobile-fallback .f90-static-fallback img{
  width:min(88vw,620px)!important;
  max-height:62vh!important;
}
.f90-cinematic.has-mobile-fallback .f90-canvas{
  display:block!important;
  z-index:2!important;
  opacity:.001!important;
}
.f90-cinematic.has-mobile-fallback.is-ready .f90-canvas{
  opacity:1!important;
}
.f90-cinematic.has-mobile-fallback.is-ready:not(.f90-no-webgl) .f90-static-fallback{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.f90-cinematic.f90-no-webgl .f90-canvas{
  display:none!important;
}
@media(max-width:760px){
  .f90-pin{
    height:100svh!important;
    min-height:100svh!important;
  }
  .f90-canvas{
    width:100vw!important;
    height:100svh!important;
  }
}

#page-build .build-image img,
#page-build #buildImage,
.product-modal.active .sheet-image img,
.sheet-image #modalImage,
.checkout-image img,
.hero-feature-media img{
  background:transparent!important;
  mix-blend-mode:multiply!important;
}
#page-build .build-image img,
#page-build #buildImage{
  filter:contrast(1.03) saturate(1.02) drop-shadow(0 30px 38px rgba(17,24,39,.18))!important;
}
.product-modal.active .sheet-image img,
.sheet-image #modalImage{
  filter:contrast(1.02) saturate(1.02) drop-shadow(0 24px 32px rgba(17,24,39,.16))!important;
}
@supports not (mix-blend-mode:multiply){
  #page-build .build-image,
  .product-modal.active .sheet-image{
    background:#f3f6f9!important;
  }
}

@keyframes gtRearTyreSmokeCore{
  0%,10%{
    opacity:0;
    transform:translate3d(106vw,18vh,0) scale(.36,.16);
    filter:blur(12px);
  }
  30%{
    opacity:.58;
  }
  66%{
    opacity:.44;
    transform:translate3d(36vw,15vh,0) scale(1.18,.44);
    filter:blur(26px);
  }
  100%{
    opacity:0;
    transform:translate3d(-18vw,9vh,0) scale(1.75,.62);
    filter:blur(40px);
  }
}
@keyframes gtRearTyreSmokePuff{
  0%,8%{
    opacity:0;
    transform:translate3d(calc(118vw - var(--smoke-offset,0px)), var(--smoke-y,0px),0) scale(.18,.12) rotate(-8deg);
    filter:blur(7px);
  }
  22%{
    opacity:.68;
  }
  48%{
    opacity:.54;
    transform:translate3d(calc(80vw - var(--smoke-offset,0px)), calc(var(--smoke-y,0px) + 4px),0) scale(.82,.54) rotate(-4deg);
    filter:blur(14px);
  }
  76%{
    opacity:.38;
    transform:translate3d(calc(36vw - var(--smoke-offset,0px)), calc(var(--smoke-y,0px) - 10px),0) scale(1.4,.84) rotate(3deg);
    filter:blur(23px);
  }
  100%{
    opacity:0;
    transform:translate3d(calc(-14vw - var(--smoke-offset,0px)), calc(var(--smoke-y,0px) - 28px),0) scale(2.15,1.18) rotate(7deg);
    filter:blur(34px);
  }
}
.loader-screen.loader-live .loader-smoke{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100vw!important;
  height:100vh!important;
  transform:none!important;
  z-index:5!important;
  overflow:visible!important;
}
.loader-screen.loader-live .loader-smoke::before{
  left:0!important;
  top:50%!important;
  width:58vw!important;
  height:24vh!important;
  border-radius:999px!important;
  background:
    radial-gradient(ellipse at 18% 60%,rgba(0,0,0,.74),rgba(14,17,22,.46) 28%,rgba(55,62,70,.2) 55%,transparent 76%),
    radial-gradient(ellipse at 62% 52%,rgba(0,0,0,.44),rgba(55,62,70,.18) 58%,transparent 78%)!important;
  box-shadow:none!important;
  mix-blend-mode:multiply!important;
  animation:gtRearTyreSmokeCore 4.75s cubic-bezier(.26,.55,.24,1) .18s both!important;
}
.loader-screen.loader-live .loader-smoke span{
  left:0!important;
  top:50%!important;
  width:var(--smoke-w,150px)!important;
  height:var(--smoke-h,88px)!important;
  border-radius:48% 56% 54% 46% / 58% 48% 56% 42%!important;
  background:
    radial-gradient(ellipse at 34% 60%,rgba(0,0,0,.76) 0%,rgba(15,18,23,.58) 30%,rgba(62,70,80,.28) 58%,rgba(118,128,139,.11) 76%,transparent 92%)!important;
  box-shadow:0 18px 48px rgba(17,22,28,.18)!important;
  mix-blend-mode:multiply!important;
  opacity:0;
  animation:gtRearTyreSmokePuff 4.45s cubic-bezier(.26,.55,.24,1) both!important;
}
.loader-screen.loader-live .loader-smoke span::before,
.loader-screen.loader-live .loader-smoke span::after{
  background:radial-gradient(ellipse at center,rgba(0,0,0,.62),rgba(28,33,40,.42) 42%,rgba(94,104,116,.16) 72%,transparent 90%)!important;
  mix-blend-mode:multiply!important;
}
.loader-screen.loader-live .loader-smoke span:nth-child(1){--smoke-offset:0px;--smoke-y:18vh;--smoke-w:128px;--smoke-h:70px;animation-delay:.18s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(2){--smoke-offset:22px;--smoke-y:20vh;--smoke-w:150px;--smoke-h:82px;animation-delay:.28s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(3){--smoke-offset:46px;--smoke-y:16vh;--smoke-w:168px;--smoke-h:88px;animation-delay:.38s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(4){--smoke-offset:72px;--smoke-y:21vh;--smoke-w:142px;--smoke-h:76px;animation-delay:.5s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(5){--smoke-offset:102px;--smoke-y:13vh;--smoke-w:182px;--smoke-h:94px;animation-delay:.62s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(6){--smoke-offset:132px;--smoke-y:17vh;--smoke-w:198px;--smoke-h:98px;animation-delay:.76s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(7){--smoke-offset:164px;--smoke-y:10vh;--smoke-w:176px;--smoke-h:90px;animation-delay:.9s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(8){--smoke-offset:196px;--smoke-y:14vh;--smoke-w:190px;--smoke-h:94px;animation-delay:1.04s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(9){--smoke-offset:232px;--smoke-y:7vh;--smoke-w:158px;--smoke-h:80px;animation-delay:1.18s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(10){--smoke-offset:268px;--smoke-y:11vh;--smoke-w:174px;--smoke-h:86px;animation-delay:1.32s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(11){--smoke-offset:306px;--smoke-y:4vh;--smoke-w:142px;--smoke-h:72px;animation-delay:1.46s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(12){--smoke-offset:342px;--smoke-y:8vh;--smoke-w:130px;--smoke-h:66px;animation-delay:1.58s!important}
@media(max-width:760px){
  .loader-screen.loader-live .loader-smoke::before{
    width:80vw!important;
    height:22vh!important;
  }
  .loader-screen.loader-live .loader-smoke span{
    width:calc(var(--smoke-w,150px) * .72)!important;
    height:calc(var(--smoke-h,88px) * .72)!important;
  }
  .loader-screen.loader-live .loader-smoke span:nth-child(n){
    --smoke-y:18vh;
  }
  .loader-screen.loader-live .loader-smoke span:nth-child(2n){
    --smoke-y:21vh;
  }
  .loader-screen.loader-live .loader-smoke span:nth-child(3n){
    --smoke-y:14vh;
  }
}

/* 20260915b: make the burnout read as a rear trail instead of an early smoke wash. */
@keyframes gtCinematicChairPass{
  0%{opacity:0;transform:translate3d(126vw,-50%,0) rotate(-2deg) scale(.9)}
  8%{opacity:1;transform:translate3d(98vw,-50%,0) rotate(.8deg) scale(.94)}
  24%{transform:translate3d(55vw,-50%,0) rotate(-1deg) scale(.99)}
  42%{transform:translate3d(20vw,-50%,0) rotate(1.1deg) scale(1.03)}
  64%{opacity:1;transform:translate3d(-20vw,-50%,0) rotate(-.7deg) scale(1.01)}
  100%{opacity:0;transform:translate3d(-124vw,-50%,0) rotate(.3deg) scale(.94)}
}
@keyframes gtRearTyreSmokeCore{
  0%,16%{
    opacity:0;
    transform:translate3d(98vw,20vh,0) scale(.22,.11);
    filter:blur(8px);
  }
  34%{
    opacity:.38;
  }
  68%{
    opacity:.3;
    transform:translate3d(34vw,19vh,0) scale(.92,.36);
    filter:blur(22px);
  }
  100%{
    opacity:0;
    transform:translate3d(-10vw,14vh,0) scale(1.35,.48);
    filter:blur(34px);
  }
}
@keyframes gtRearTyreSmokePuff{
  0%,14%{
    opacity:0;
    transform:translate3d(calc(102vw - var(--smoke-offset,0px)), var(--smoke-y,0px),0) scale(.14,.1) rotate(-7deg);
    filter:blur(6px);
  }
  30%{
    opacity:.54;
  }
  56%{
    opacity:.42;
    transform:translate3d(calc(68vw - var(--smoke-offset,0px)), calc(var(--smoke-y,0px) + 2px),0) scale(.62,.4) rotate(-3deg);
    filter:blur(12px);
  }
  82%{
    opacity:.26;
    transform:translate3d(calc(30vw - var(--smoke-offset,0px)), calc(var(--smoke-y,0px) - 8px),0) scale(1.08,.64) rotate(3deg);
    filter:blur(22px);
  }
  100%{
    opacity:0;
    transform:translate3d(calc(-8vw - var(--smoke-offset,0px)), calc(var(--smoke-y,0px) - 22px),0) scale(1.52,.86) rotate(6deg);
    filter:blur(30px);
  }
}
.loader-screen.loader-live .loader-smoke::before{
  width:44vw!important;
  height:16vh!important;
  animation:gtRearTyreSmokeCore 4.55s cubic-bezier(.26,.55,.24,1) .86s both!important;
}
.loader-screen.loader-live .loader-smoke span{
  animation:gtRearTyreSmokePuff 3.7s cubic-bezier(.26,.55,.24,1) both!important;
}
.loader-screen.loader-live .loader-smoke span:nth-child(1){--smoke-offset:0px;--smoke-y:19vh;--smoke-w:112px;--smoke-h:58px;animation-delay:.92s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(2){--smoke-offset:12px;--smoke-y:21vh;--smoke-w:128px;--smoke-h:66px;animation-delay:1.02s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(3){--smoke-offset:26px;--smoke-y:17vh;--smoke-w:138px;--smoke-h:70px;animation-delay:1.12s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(4){--smoke-offset:42px;--smoke-y:21vh;--smoke-w:122px;--smoke-h:62px;animation-delay:1.24s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(5){--smoke-offset:62px;--smoke-y:15vh;--smoke-w:150px;--smoke-h:76px;animation-delay:1.36s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(6){--smoke-offset:84px;--smoke-y:18vh;--smoke-w:160px;--smoke-h:78px;animation-delay:1.5s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(7){--smoke-offset:108px;--smoke-y:13vh;--smoke-w:144px;--smoke-h:72px;animation-delay:1.64s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(8){--smoke-offset:134px;--smoke-y:16vh;--smoke-w:154px;--smoke-h:76px;animation-delay:1.78s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(9){--smoke-offset:160px;--smoke-y:10vh;--smoke-w:130px;--smoke-h:66px;animation-delay:1.92s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(10){--smoke-offset:188px;--smoke-y:13vh;--smoke-w:140px;--smoke-h:70px;animation-delay:2.06s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(11){--smoke-offset:214px;--smoke-y:8vh;--smoke-w:118px;--smoke-h:60px;animation-delay:2.18s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(12){--smoke-offset:238px;--smoke-y:11vh;--smoke-w:108px;--smoke-h:54px;animation-delay:2.3s!important}
@media(max-width:760px){
  .loader-screen.loader-live .loader-smoke::before{
    width:62vw!important;
    height:15vh!important;
  }
  .loader-screen.loader-live .loader-smoke span{
    width:calc(var(--smoke-w,130px) * .78)!important;
    height:calc(var(--smoke-h,68px) * .78)!important;
  }
}

/* 20260918: TikTok card contrast and tyre-smoke origin fix. */
.home-tiktok-band{
  background:
    radial-gradient(circle at 16% 8%,rgba(182,155,98,.16),transparent 28%),
    linear-gradient(180deg,#f8f9fb 0%,#eef2f6 100%)!important;
  border-top:1px solid rgba(17,20,23,.08)!important;
  border-bottom:1px solid rgba(17,20,23,.08)!important;
}
.home-tiktok-band::before{
  background:radial-gradient(52% 100% at 50% 0%,rgba(255,255,255,.86),transparent 70%)!important;
}
.home-tiktok-head .eyebrow{
  color:#9a762d!important;
}
.home-tiktok-head .eyebrow svg{
  color:#111417!important;
  filter:none!important;
}
.home-tiktok-head h2{
  color:#101418!important;
}
.home-tiktok-head p,
.home-tiktok-head p strong{
  color:#66707b!important;
}
.tiktok-profile{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,248,250,.94))!important;
  border:1px solid rgba(17,20,23,.1)!important;
  box-shadow:0 18px 46px rgba(16,20,24,.09)!important;
}
.tiktok-profile::before{
  background:radial-gradient(55% 90% at 50% 0%,rgba(182,155,98,.16),transparent 72%)!important;
}
.tiktok-profile:hover{
  background:#fff!important;
}
.tiktok-profile-handle,
.tiktok-profile-meta strong{
  color:#101418!important;
}
.tiktok-profile-name,
.tiktok-profile-meta span{
  color:#66707b!important;
}
.tiktok-profile-stat{
  background:#fff!important;
  border-color:rgba(17,20,23,.1)!important;
  color:#5f6873!important;
}
.tiktok-profile-stat b{
  color:#9a762d!important;
}
.tiktok-profile-tt{
  border-color:#fff!important;
}
.tiktok-profile-follow{
  color:#111417!important;
  background:linear-gradient(135deg,#f2d587,#c6a14d)!important;
  box-shadow:0 12px 24px rgba(154,118,45,.22)!important;
}
.tiktok-video-card{
  background:#fff!important;
  border:1px solid rgba(17,20,23,.1)!important;
  box-shadow:0 18px 46px rgba(16,20,24,.09)!important;
  padding:10px 10px 14px!important;
}
.tiktok-video{
  border-color:rgba(17,20,23,.1)!important;
  box-shadow:0 14px 30px rgba(16,20,24,.12)!important;
}
.tiktok-video-tag{
  color:#9a762d!important;
}
.tiktok-video-card figcaption>span:last-child{
  color:#182028!important;
}
.tiktok-likes{
  background:rgba(15,18,22,.72)!important;
  color:#fff!important;
}
@media(max-width:760px){
  .tiktok-video-card{
    flex-basis:68vw!important;
    padding:9px 9px 12px!important;
  }
}

@keyframes gtRearTyreSmokeTrail{
  0%{
    opacity:0;
    transform:translate3d(var(--smoke-x),var(--smoke-y),0) scale(.18,.1) rotate(-5deg);
    filter:blur(3px);
  }
  13%{
    opacity:.76;
    transform:translate3d(calc(var(--smoke-x) + 1.4vw),calc(var(--smoke-y) - .8vh),0) scale(.46,.2) rotate(-3deg);
    filter:blur(5px);
  }
  38%{
    opacity:.54;
    transform:translate3d(calc(var(--smoke-x) + 4.8vw),calc(var(--smoke-y) - 3.4vh),0) scale(.92,.42) rotate(2deg);
    filter:blur(10px);
  }
  70%{
    opacity:.27;
    transform:translate3d(calc(var(--smoke-x) + 8.6vw),calc(var(--smoke-y) - 7.2vh),0) scale(1.32,.66) rotate(5deg);
    filter:blur(18px);
  }
  100%{
    opacity:0;
    transform:translate3d(calc(var(--smoke-x) + 12vw),calc(var(--smoke-y) - 11vh),0) scale(1.68,.86) rotate(8deg);
    filter:blur(28px);
  }
}
@keyframes gtRearTyreSmokeGround{
  0%,12%{
    opacity:0;
    transform:translate3d(102vw,24vh,0) scale(.2,.08);
    filter:blur(8px);
  }
  28%{
    opacity:.45;
  }
  58%{
    opacity:.28;
    transform:translate3d(48vw,23vh,0) scale(1.05,.28);
    filter:blur(18px);
  }
  100%{
    opacity:0;
    transform:translate3d(-12vw,20vh,0) scale(1.55,.42);
    filter:blur(30px);
  }
}
.loader-screen.loader-live .loader-smoke{
  z-index:6!important;
  overflow:hidden!important;
}
.loader-screen.loader-live .loader-track{
  z-index:7!important;
}
.loader-screen.loader-live .loader-smoke::before{
  left:0!important;
  top:50%!important;
  width:54vw!important;
  height:10vh!important;
  border-radius:999px!important;
  background:radial-gradient(ellipse at 26% 55%,rgba(8,10,13,.54),rgba(35,41,48,.3) 42%,rgba(88,98,108,.1) 70%,transparent 88%)!important;
  opacity:0;
  mix-blend-mode:multiply!important;
  animation:gtRearTyreSmokeGround 4.55s cubic-bezier(.24,.56,.24,1) .66s both!important;
}
.loader-screen.loader-live .loader-smoke span{
  left:0!important;
  top:50%!important;
  width:var(--smoke-w,118px)!important;
  height:var(--smoke-h,54px)!important;
  border-radius:58% 48% 54% 52% / 44% 54% 48% 58%!important;
  background:
    radial-gradient(ellipse at 28% 72%,rgba(5,7,10,.7),rgba(24,30,36,.5) 30%,rgba(65,74,84,.22) 58%,rgba(136,146,156,.08) 78%,transparent 92%)!important;
  box-shadow:0 10px 30px rgba(16,20,24,.18)!important;
  transform-origin:18% 78%!important;
  mix-blend-mode:multiply!important;
  animation:gtRearTyreSmokeTrail 2.7s cubic-bezier(.24,.56,.24,1) both!important;
}
.loader-screen.loader-live .loader-smoke span::before,
.loader-screen.loader-live .loader-smoke span::after{
  background:radial-gradient(ellipse at center,rgba(8,10,13,.52),rgba(38,45,53,.32) 46%,rgba(96,108,120,.12) 74%,transparent 91%)!important;
  mix-blend-mode:multiply!important;
}
.loader-screen.loader-live .loader-smoke span:nth-child(1){--smoke-x:96vw;--smoke-y:23.5vh;--smoke-w:92px;--smoke-h:36px;animation-delay:.72s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(2){--smoke-x:88vw;--smoke-y:25vh;--smoke-w:104px;--smoke-h:42px;animation-delay:.84s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(3){--smoke-x:80vw;--smoke-y:22.5vh;--smoke-w:114px;--smoke-h:46px;animation-delay:.96s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(4){--smoke-x:72vw;--smoke-y:24.5vh;--smoke-w:108px;--smoke-h:42px;animation-delay:1.08s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(5){--smoke-x:64vw;--smoke-y:21.8vh;--smoke-w:126px;--smoke-h:50px;animation-delay:1.2s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(6){--smoke-x:56vw;--smoke-y:23.8vh;--smoke-w:132px;--smoke-h:52px;animation-delay:1.34s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(7){--smoke-x:48vw;--smoke-y:21.2vh;--smoke-w:122px;--smoke-h:48px;animation-delay:1.48s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(8){--smoke-x:40vw;--smoke-y:23vh;--smoke-w:132px;--smoke-h:52px;animation-delay:1.62s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(9){--smoke-x:32vw;--smoke-y:20.6vh;--smoke-w:116px;--smoke-h:46px;animation-delay:1.76s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(10){--smoke-x:24vw;--smoke-y:22.2vh;--smoke-w:120px;--smoke-h:48px;animation-delay:1.9s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(11){--smoke-x:16vw;--smoke-y:20vh;--smoke-w:104px;--smoke-h:42px;animation-delay:2.04s!important}
.loader-screen.loader-live .loader-smoke span:nth-child(12){--smoke-x:8vw;--smoke-y:21.6vh;--smoke-w:96px;--smoke-h:38px;animation-delay:2.18s!important}
@media(max-width:760px){
  .loader-screen.loader-live .loader-smoke::before{
    width:66vw!important;
    height:8vh!important;
  }
  .loader-screen.loader-live .loader-smoke span{
    width:calc(var(--smoke-w,118px) * .74)!important;
    height:calc(var(--smoke-h,54px) * .74)!important;
  }
  .loader-screen.loader-live .loader-smoke span:nth-child(n){
    --smoke-y:19vh;
  }
  .loader-screen.loader-live .loader-smoke span:nth-child(2n){
    --smoke-y:20.8vh;
  }
  .loader-screen.loader-live .loader-smoke span:nth-child(3n){
    --smoke-y:17.8vh;
  }
}

/* 20260918b: restore Our Promise contrast after the global light-card pass. */
.home-promise .promise-card{
  background:
    radial-gradient(circle at 82% 12%,rgba(198,161,77,.18),transparent 34%),
    linear-gradient(135deg,#0f141b 0%,#171e2a 52%,#0d1117 100%)!important;
  border:1px solid rgba(198,161,77,.28)!important;
  box-shadow:0 28px 70px rgba(10,14,20,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-promise .promise-card:hover{
  border-color:rgba(198,161,77,.46)!important;
  box-shadow:0 34px 82px rgba(10,14,20,.28),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
.home-promise .promise-glow{
  background:radial-gradient(circle,rgba(198,161,77,.22),transparent 68%)!important;
  opacity:.9!important;
}
.home-promise .promise-eyebrow{
  color:#d7b75f!important;
}
.home-promise .promise-title{
  color:#fff!important;
  text-shadow:0 1px 16px rgba(0,0,0,.18)!important;
}
.home-promise .promise-text{
  color:rgba(255,255,255,.76)!important;
}
.home-promise .promise-partner{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:rgba(255,255,255,.7)!important;
}
.home-promise .promise-partner img{
  filter:brightness(0) invert(1) opacity(.76)!important;
}
@media(max-width:760px){
  .home-promise{
    padding:0 14px!important;
  }
  .home-promise .promise-inner{
    padding:34px 22px!important;
    gap:28px!important;
  }
  .home-promise .promise-title{
    font-size:clamp(1.35rem,7vw,1.85rem)!important;
  }
  .home-promise .promise-text{
    font-size:.94rem!important;
    line-height:1.68!important;
  }
}

/* 20260918c: shop filter visibility, chair cutouts, and mobile zoom lock. */
html,
body{
  touch-action:manipulation!important;
  overscroll-behavior-x:none!important;
  -webkit-text-size-adjust:100%!important;
}
.brand-rail{
  overflow:visible!important;
}
.brand-filter{
  isolation:isolate!important;
  overflow:visible!important;
}
.brand-filter::before,
.brand-filter::after{
  pointer-events:none!important;
  z-index:1!important;
}
.brand-filter .all-label{
  position:relative!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:44px!important;
  min-height:30px!important;
  color:#111417!important;
  font-weight:950!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
.brand-filter.active .all-label{
  color:#fff!important;
  text-shadow:0 1px 10px rgba(0,0,0,.28)!important;
}
#page-build .build-image,
.product-modal.active .sheet-image,
.hero-feature-media,
.cart-item-img{
  background:transparent!important;
}
#page-build #buildImage,
#page-build .build-image img,
.product-modal.active .sheet-image img,
.hero-feature-media img,
.cart-item-img img{
  background:transparent!important;
}

/* 20260918d: production layout corrections. */
/* The category bar was intentionally retired in favour of the brand rail; make
   its universal "All" control a first-class, permanently visible control. */
.brand-filter.reveal,
.brand-filter.reveal.slide-left,
.brand-filter.reveal.slide-right{
  opacity:1!important;
  transform:none!important;
}
.brand-filter[data-brand="All"]{
  background:linear-gradient(135deg,#171d24,#313b46)!important;
  border-color:rgba(182,155,98,.68)!important;
  box-shadow:0 12px 26px rgba(17,24,39,.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.brand-filter[data-brand="All"] .all-label{
  color:#fff!important;
  letter-spacing:.1em!important;
}

/* Several later theme blocks set display on these overlays without respecting
   their active state. Keep closed overlays out of both the visual flow and the
   accessibility hit area. */
.region-modal:not(.active),
.product-modal:not(.active),
.auth-modal:not(.active),
.parts-modal[aria-hidden="true"]{
  display:none!important;
}

/* White studio canvases baked into the colourway photos visually disappear on
   the configurator's designed background while keeping the original pixels and
   edge detail intact. */
#page-build #buildImage,
#page-build .build-image img,
.product-modal.active .sheet-image img,
.hero-feature-media img,
.cart-item-img img{
  background:transparent!important;
  mix-blend-mode:multiply!important;
}

/* The account form is deliberately compact on every desktop size. */
#accountAuth{max-width:480px!important;padding:28px 0 48px!important;}
#accountAuth .account-card{
  width:min(100%,480px)!important;
  max-width:480px!important;
  padding:30px 28px 26px!important;
  background:linear-gradient(160deg,#151a22 0%,#101318 100%)!important;
  border-color:rgba(182,155,98,.28)!important;
  box-shadow:0 30px 70px rgba(20,27,34,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* Avoid an eight-column squeeze on normal desktop screens and progressively
   simplify the footer before the existing single-column mobile rule applies. */
.footer-grid{
  grid-template-columns:minmax(210px,1.45fr) repeat(2,minmax(88px,.6fr)) minmax(155px,1fr) minmax(140px,.9fr) minmax(88px,.6fr) minmax(155px,1fr) minmax(96px,.6fr)!important;
  gap:clamp(16px,1.7vw,24px)!important;
}
.footer-grid>div{min-width:0;}
.footer-grid img{max-width:100%;height:auto;}
@media(max-width:1180px) and (min-width:761px){
  .footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px 22px!important;}
}
@media(max-width:900px) and (min-width:761px){
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .brand-rail{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .brand-filter{
    min-width:0!important;
  }
  .brand-filter .all-label{
    font-size:.78rem!important;
  }
}

/* ==========================================================================
   20260919a — production readiness pass.
   Verified in a headless Chromium audit at 390 / 834 / 1280 / 1512 / 1920 px.

   Root cause fixed elsewhere in this file: the @media(max-width:900px) block
   opened at line ~191 was never closed, so ~750 lines of base CSS (footer grid,
   colourway swatches, catalog columns, cards, panels) only applied below 900px.
   That is what collapsed the desktop footer into one endless column and left the
   configurator colour chips blank/white.

   What this block does:
   1. Shop filter rail — the "All" chip and the selected brand are dark tiles with
      white labels. They used to be washed out by a white glass overlay painted on
      top of the tile, which made the white "All" label invisible (white on white).
   2. Configurator colourway chips — pure seat colour, no white card and no white
      gloss overlay behind/over every colour.
   3. Footer — single column on phones instead of the 8-column desktop template
      leaking through and overflowing the viewport.
   4. Sign in / create account card — readable call-to-action buttons and one
      consistent card width (the primary button was dark-on-dark and invisible).
   5. Pinch/double-tap zoom lock.
   ========================================================================== */

/* --- 1. shop filter rail ------------------------------------------------- */
.brand-filter,
.brand-filter:hover,
.brand-filter.active,
.brand-filter.reveal,
.brand-filter.reveal.in-view{
  transform:none!important;
  transform-style:flat!important;
  animation:none!important;
  opacity:1!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.brand-filter::before,
.brand-filter::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
}
.brand-filter{
  height:64px!important;
  border-radius:10px!important;
  border:1px solid rgba(16,20,24,.10)!important;
  background:linear-gradient(180deg,#fff,#f6f8fa)!important;
  box-shadow:0 8px 20px rgba(20,27,34,.06)!important;
}
.brand-filter img{
  max-height:34px!important;
  filter:grayscale(1) contrast(1.04)!important;
  opacity:.72!important;
  transition:opacity .2s ease,filter .2s ease!important;
}
.brand-filter:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(182,155,98,.45)!important;
  box-shadow:0 14px 30px rgba(20,27,34,.12)!important;
}
.brand-filter:hover img{
  filter:grayscale(0) contrast(1)!important;
  opacity:1!important;
}
.brand-filter.active,
.brand-filter[data-brand="All"]{
  border-color:rgba(182,155,98,.58)!important;
  background:linear-gradient(135deg,#161b22,#39424e)!important;
  box-shadow:0 14px 30px rgba(17,24,39,.20),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.brand-filter.active img,
.brand-filter[data-brand="All"] img{
  filter:brightness(0) invert(1)!important;
  opacity:.96!important;
}
.brand-filter .all-label{
  position:relative!important;
  z-index:6!important;
  opacity:1!important;
  visibility:visible!important;
  color:#111417!important;
  font-size:.8rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-shadow:none!important;
}
.brand-filter.active .all-label,
.brand-filter[data-brand="All"] .all-label{
  color:#fff!important;
  text-shadow:0 1px 6px rgba(0,0,0,.35)!important;
}
.brand-filter .brand-monogram{
  background:linear-gradient(135deg,#111417,#353b41)!important;
  color:#fff!important;
}
.brand-filter.active .brand-monogram{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}

/* --- 2. configurator colourway chips ------------------------------------ */
#page-build .swatch,
#page-build .build-finish-inline .swatch{
  padding:8px 4px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#page-build .swatch>span,
#page-build .build-finish-inline .swatch>span{
  border:1px solid rgba(17,20,23,.16)!important;
  background:var(--swatch)!important;
  background-image:none!important;
  box-shadow:0 4px 12px rgba(20,27,34,.12)!important;
}
#page-build .swatch input:checked+span,
#page-build .build-finish-inline .swatch input:checked+span{
  border-color:#b59655!important;
  box-shadow:0 0 0 2px #b59655,0 6px 16px rgba(20,27,34,.16)!important;
}
#page-build .swatch input:checked+span+small{
  color:#111417!important;
  font-weight:900!important;
}

/* --- 3. footer ----------------------------------------------------------- */
@media(max-width:760px){
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .footer-grid>div{
    width:100%;
  }
}
.footer-grid>div>img{
  width:min(210px,100%)!important;
  height:auto!important;
}

/* --- 4. sign in / create account card ----------------------------------- */
#accountAuth{
  max-width:440px!important;
  padding:26px 0 56px!important;
}
#accountAuth .account-card{
  width:100%!important;
  max-width:440px!important;
  padding:32px 30px 28px!important;
  border-radius:18px!important;
}
.account-chooser{
  gap:12px!important;
}
.account-chooser-lead{
  margin:0 0 6px!important;
  font-size:.95rem!important;
  line-height:1.55!important;
}
#accountAuth .btn.full,
#accountAuth .btn.ghost{
  width:100%!important;
  min-height:48px!important;
  font-size:.76rem!important;
}
#accountAuth .btn.full{
  border:1px solid rgba(212,178,102,.85)!important;
  background:linear-gradient(135deg,#d3ae63,#a8873f)!important;
  color:#191307!important;
  box-shadow:0 14px 30px rgba(176,142,72,.28)!important;
}
#accountAuth .btn.full:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 18px 36px rgba(176,142,72,.34)!important;
}
#accountAuth .btn.ghost{
  border:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.05)!important;
  color:#fff!important;
  box-shadow:none!important;
}
#accountAuth .btn.ghost:hover{
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(255,255,255,.11)!important;
}

/* --- 5. zoom lock -------------------------------------------------------- */
/* "manipulation" still allows pinch-zoom; pan-x pan-y does not. */
html,
body{
  touch-action:pan-x pan-y!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}

/* --- 6. touch targets and small-text polish ----------------------------- */
/* Footer links were 17-22px tall on phones — below a comfortable tap target. */
@media(pointer:coarse){
  footer .footer-grid button,
  footer .footer-grid a{
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
  }
  footer .footer-grid a{
    margin-bottom:2px!important;
  }
}
/* Shop cards: let the brand/category pills wrap instead of chopping the text. */
#page-shop .catalog .product-meta{
  flex-wrap:wrap!important;
  row-gap:6px!important;
}
#page-shop .catalog .product-meta span{
  max-width:100%!important;
  flex:0 1 auto!important;
}
#page-build #buildBack{
  font-size:.68rem!important;
}

/* ==========================================================================
   20260919b — footer: restore the light band, then give it a real layout.
   Verified in headless Chromium at 390 / 834 / 1024 / 1280 / 1440 / 1920 px.

   THE COLOUR BUG
   An abandoned theme pass left
     footer{background:linear-gradient(180deg,#101418,#080b0e)!important}
   with nothing to match it: footer h3 still inherited #101418 (black on black,
   invisible), footer a/button were #333b43 (about 1.7:1 on #101418) and both
   footer logos — minirpm-logo-transparent.png (mean luminance 67) and
   dsv-logo.png (mean luminance 26, pure black) — are dark artwork. So the whole
   footer read as a black strip with faint smudges, and on the 93 brand landing
   pages it also overrode their own .bp-footer{background:#fff}. The base
   .footer-grid rules, the rest of the page and those brand pages are all light,
   so the light band is restored and the dead declaration is left in place above.

   THE LAYOUT BUG
   The desktop template was eight tracks —
     1.45fr / .6fr / .6fr / 1fr / .9fr / .6fr / 1fr / .6fr —
   which measured 242 / 100 / 100 / 167 / 150 / 100 / 167 / 100 px at 1440. That
   gave the 12-link "Shop by Brand" list a 155-167px column (a 527px wall of
   wrapped brand names) and gave two-link columns like "Legal" just 96-101px,
   at wildly unequal widths. It is now three tiers: brand + link columns, the
   brand directory as its own full-width band, then the remaining link columns.
   Every tier is an exact rectangle of equal columns and the DOM reading order
   still matches the visual order (no grid-row forcing, so nothing can overlap).
   ========================================================================== */

/* --- 1. light band, readable type ---------------------------------------- */
footer{
  background:linear-gradient(180deg,#fff 0%,#f5f7f9 100%)!important;
  border-top:1px solid rgba(16,20,24,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
footer .footer-grid>div>h3{
  margin:0 0 14px!important;
  color:#101418!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
footer .footer-grid a,
footer .footer-grid button{
  margin:0 0 9px!important;
  color:#4d5863!important;
  font-size:.85rem!important;
  font-weight:500!important;
  line-height:1.5!important;
  text-align:left!important;
}
footer .footer-grid a:hover,
footer .footer-grid button:hover{
  color:#101418!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
footer .footer-grid p{
  color:#5f6b76!important;
  font-size:.85rem!important;
  line-height:1.62!important;
}
footer .footer-grid .footer-shipping{
  color:#6b7680!important;
  border-top-color:rgba(16,20,24,.10)!important;
}
/* The DSV badge above the footer blew up to its intrinsic 400x260 as soon as the
   lazy image loaded: an earlier `.footer-grid img{max-width:100%;height:auto}`
   in this file out-specified `.footer-shipping img{width:auto;height:26px}`.
   That grew the brand column from 172px to 374px and the whole footer by ~200px.
   28px tall renders the DSV wordmark itself at about 15px (the artwork is 55%
   ink inside its canvas), which sits just above the 13.6px label beside it. */
footer .footer-grid .footer-shipping img{
  width:auto!important;
  height:28px!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  border-radius:4px!important;
}
footer .footer-grid .footer-social{
  gap:8px!important;
}
footer .footer-grid .footer-social svg{
  width:16px!important;
  height:16px!important;
}

/* --- 2. desktop layout: 3 tiers ------------------------------------------ */
@media(min-width:1024px){
  .footer-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:28px clamp(20px,2.2vw,34px)!important;
    align-items:start!important;
    padding-top:22px!important;
    padding-bottom:12px!important;
  }
  /* brand block takes the left half of the first tier */
  .footer-grid>div:first-child{
    grid-column:span 2!important;
  }
  .footer-grid>div:first-child p{
    max-width:44ch!important;
  }
  /* the 12-link brand directory gets its own full-width band */
  .footer-grid>div:nth-child(4){
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:clamp(20px,2.2vw,34px)!important;
    row-gap:0!important;
    margin-top:6px!important;
    padding-top:24px!important;
    border-top:1px solid rgba(16,20,24,.09)!important;
  }
  .footer-grid>div:nth-child(4)>h3{
    grid-column:1/-1!important;
    margin-bottom:12px!important;
  }
}
/* 12 brands across 6 columns is exactly two rows on wide screens */
@media(min-width:1440px){
  .footer-grid>div:nth-child(4){
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

/* --- 3. tablet layout ---------------------------------------------------- */
@media(min-width:761px) and (max-width:1023px){
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:30px clamp(20px,3vw,32px)!important;
    align-items:start!important;
    padding-top:18px!important;
  }
  .footer-grid>div:first-child{
    grid-column:1/-1!important;
  }
  .footer-grid>div:first-child p{
    max-width:52ch!important;
  }
  .footer-grid>div:nth-child(4){
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:24px!important;
    row-gap:0!important;
    margin-top:6px!important;
    padding-top:22px!important;
    border-top:1px solid rgba(16,20,24,.09)!important;
  }
  .footer-grid>div:nth-child(4)>h3{
    grid-column:1/-1!important;
    margin-bottom:12px!important;
  }
}

/* --- 4. phones: back to one plain stacked column ------------------------- */
@media(max-width:760px){
  .footer-grid>div:first-child{
    grid-column:auto!important;
  }
  .footer-grid>div:nth-child(4){
    grid-column:auto!important;
    display:block!important;
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
  }
}

/* ============================ specs & performance ==================== */
.home-specs{margin-top:10px}
.spec-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch}
.spec-table{width:100%;border-collapse:collapse;min-width:840px;font-size:.84rem;line-height:1.5}
.spec-table th,.spec-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}
.spec-table thead th{background:#111417;color:#fff;font-size:.63rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-bottom:0}
.spec-table tbody th{font-weight:800;color:#101317;background:#fff;position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--line)}
.spec-table tbody tr:nth-child(even) th,.spec-table tbody tr:nth-child(even) td{background:#fbfbfc}
.spec-table tbody tr:last-child th,.spec-table tbody tr:last-child td{border-bottom:0}
.spec-table tbody tr:hover th,.spec-table tbody tr:hover td{background:#f2f4f6}
.spec-table-note{margin:14px 0 0;color:var(--muted);font-size:.85rem;max-width:104ch}
.spec-powertrains{margin-top:40px}
.spec-pt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.spec-pt-card{padding:20px 20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .24s ease,box-shadow .24s ease}
.spec-pt-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,27,34,.1)}
.spec-pt-card .eyebrow{margin-bottom:6px}
.spec-pt-card strong{display:block;font-size:1.65rem;line-height:1.15;letter-spacing:-.01em;color:#101317}
.spec-pt-card p{margin:9px 0 0;color:var(--muted);font-size:.83rem;line-height:1.6}
.spec-pt-art{padding:0;overflow:hidden}
.spec-pt-art img{display:block;width:100%;height:auto}

/* shop card spec chips */
.card-specs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.card-spec{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#f7f8fa;color:#3a444d;font-size:.63rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;white-space:nowrap}

/* product modal spec sheet */
.modal-specs{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.modal-specs[hidden]{display:none}
.modal-specs .eyebrow{margin:16px 0 8px}
.modal-specs .eyebrow:first-child{margin-top:0}
.spec-list{margin:0}
.spec-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.8rem;line-height:1.5}
.spec-row:last-child{border-bottom:0}
.spec-row dt{color:var(--muted);font-weight:700}
.spec-row dd{margin:0;color:#101317;font-weight:600;text-align:right}
.spec-footnote{margin:14px 0 0;color:var(--muted);font-size:.75rem;line-height:1.6}

@media(max-width:760px){
  .spec-table{font-size:.78rem;min-width:720px}
  .spec-table th,.spec-table td{padding:11px 12px}
  .spec-powertrains{margin-top:30px}
  .spec-pt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .spec-pt-art img{width:100%}
  .spec-row{grid-template-columns:1fr;gap:2px}
  .spec-row dd{text-align:left}
}


/* --- budget / credit price chips in the configurator ---------------------- */
.choice .choice-price.credit{color:#0f7a4f;font-weight:850;background:linear-gradient(180deg,#eef7f1,#e2f1e8);border-color:rgba(15,122,79,.25)}
.choice input:checked+.choice-box .choice-price.credit{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.25);color:#8ff0bf}

/* --- "who it's for" cards on the home page -------------------------------- */
.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.audience-card{padding:24px 22px 22px;display:flex;flex-direction:column;gap:10px;border-radius:18px;position:relative;overflow:hidden;isolation:isolate;background:#edf1f6;border:1px solid rgba(17,20,23,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.audience-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.6) 0 3px,rgba(17,20,23,.055) 3px 6px),repeating-linear-gradient(-45deg,rgba(255,255,255,.4) 0 3px,rgba(17,20,23,.05) 3px 6px);background-size:9px 9px}
.audience-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 45%,rgba(17,20,23,.05) 100%)}
.audience-card:nth-child(1){background:#eaeff5}
.audience-card:nth-child(2){background:#f6f1e7}
.audience-card:nth-child(3){background:#eaf4ef}
.audience-card:nth-child(4){background:#efeef6}
.audience-card h3,.audience-card p,.audience-card .eyebrow,.audience-card strong{position:relative}
.audience-card h3{font-size:1.14rem;margin:0}
.audience-card p{color:var(--muted);font-size:.93rem;line-height:1.65;margin:0}
.audience-card strong{margin-top:auto;padding-top:14px;border-top:1px solid rgba(17,20,23,.09);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8a7442}
.home-audience{margin-top:80px;padding:0 20px}
@media (max-width:900px){.audience-grid{grid-template-columns:1fr}.home-audience{margin-top:48px;padding:0 12px}}

/* --- per-model "who this kart is for" block on product pages -------------- */
.bp-who{color:#3b444d;font-size:.95rem;line-height:1.7;margin:0 0 12px}


/* ================= loader car sizing =====================================
   The loader cutout (assets/loader-car-cutout.png) is 1728x418 - a 4.1:1
   strip. The older rules set height and left width:auto, so the browser
   derived the width from the height and the silhouette ran almost edge to
   edge on screen. Cap the width here and let the height follow it. */
.loader-screen .loader-chair{
  width:clamp(240px,34vw,510px)!important;
  height:auto!important;
  max-height:46vh!important;
}
@media(max-width:760px){
  .loader-screen .loader-chair{width:clamp(200px,72vw,340px)!important;max-height:32vh!important}
}
@media(max-width:390px){
  .loader-screen .loader-chair{width:clamp(190px,76vw,320px)!important}
}

/* --- inline icon set: masked PNG glyphs that inherit currentColor --------- */
.ico{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.14em;background:currentColor;-webkit-mask-image:var(--ico);mask-image:var(--ico);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.checkout-section-head .ico{flex-shrink:0;color:var(--gold,#b69b62)}
.hero-badge .ico{flex-shrink:0;color:#c9a75f;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.hero-product .hero-badge .ico{color:#8a681e;filter:none}
.hero-product .hero-badge .ico{color:#c9a45c!important;filter:none!important}
.modal-warranty-badge .ico{flex-shrink:0}
.acc-ico .ico,.track-hero-ico .ico{color:#fff}
.stripe-footer-lock .ico{opacity:.6}
.icon-close .ico{color:#111417}
.footer-grid .footer-social .ico{width:16px;height:16px;flex:0 0 auto;vertical-align:0}

/* Rear-bumper reveal with wheel-attached, dissipating tyre mist. */
.loader-screen.loader-trailing .loader-logo{
  animation:none!important;opacity:1!important;
  transform:translate(-50%,-50%)!important;
  clip-path:inset(0 0 0 var(--logo-cut,100%));
}
.loader-screen.loader-trailing .loader-smoke,
.loader-screen.loader-trailing .loader-track::after{display:none!important}
.loader-tyre-mist{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}
@media(prefers-reduced-motion:reduce){
  .loader-screen.loader-trailing .loader-chair{display:none!important}
  .loader-screen.loader-trailing .loader-logo{clip-path:none}
}

/* --- product cards: media framed into the card (shop + brand pages) ------ */
.product-card .product-media{margin:14px 14px 0;padding:10px;border-radius:18px;background:linear-gradient(168deg,#f7f9fc 0%,#edf1f7 55%,#e6ecf4 100%);border:1px solid rgba(17,20,23,.07);border-bottom-color:rgba(17,20,23,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.product-card .product-media img{padding:14px;border-radius:12px}
.product-card .product-body{padding:16px 18px 20px;gap:12px}
@media(max-width:760px){
  .product-card .product-media{margin:8px 0 8px 8px;padding:5px;border-radius:12px}
  .product-card .product-media img{padding:6px;border-radius:9px}
  .product-card .product-body{padding:10px 10px 9px;gap:8px}
}

/* --- "View Kart" pill artwork used as the card / related-card button ----- */
a.view-seat,.view-seat{
  background:url('view-kart-button.webp') no-repeat center/contain!important;
  background-color:transparent!important;
  border:none!important;
  padding:0!important;
  width:150px!important;
  height:30px!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-decoration:none!important;
  transform-origin:center;
  transition:transform .2s ease,filter .2s ease!important;
}
a.view-seat:hover,.view-seat:hover{
  background:url('view-kart-button.webp') no-repeat center/contain!important;
  background-color:transparent!important;
  border:none!important;
  box-shadow:none!important;
  color:transparent!important;
  filter:brightness(1.1);
  transform:translateY(-1px);
}
.view-seat:active{transform:scale(.97)!important}
.view-seat::before,.view-seat::after{display:none!important}
@media(max-width:760px){
  a.view-seat,.view-seat,a.view-seat:hover,.view-seat:hover{width:120px!important;height:24px!important}
}
@media(max-width:390px){
  a.view-seat,.view-seat{width:120px!important;height:24px!important}
}

/* --- affiliate section layout fixes (desktop: copy was squeezed to 280px and
       the banner overflowed the card, so it was clipped by the shell) --------- */
@media(min-width:901px){
  body .home-affiliate-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}
body .home-affiliate-copy{min-width:0!important;overflow:visible!important}
body .home-affiliate-tiers{min-width:0!important;overflow:visible!important}
body .home-aff-tier{min-width:0!important;overflow:visible!important;flex:1 1 0}
body .home-affiliate-art{min-width:0!important;overflow:visible!important;height:auto!important}
body .home-affiliate-art picture{display:block;width:100%!important;height:auto!important}
body .home-affiliate-banner-img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1/1;object-fit:contain!important;overflow:visible!important;border-radius:16px}

/* --- hero configurator panel: keep the dark-gold card so the white/gold copy
       stays readable (the 13% white scrim went pale over light hero video) ---- */
body .hero-product.hero-feature-panel{
  background:linear-gradient(170deg,rgba(20,24,31,.90),rgba(13,16,22,.88))!important;
  border:1px solid rgba(182,155,98,.30)!important;
  box-shadow:0 34px 80px -26px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body .hero-feature-body{color:#fff}
body .hero-feature-body span{color:rgba(255,255,255,.66)}

/* the shared glass ::after washed the hero card white - soften it for this card only */
body .hero-product.hero-feature-panel::after{
  background:linear-gradient(145deg,rgba(255,255,255,.10),transparent 34%,rgba(17,20,23,.10) 100%)!important;
  border:1px solid rgba(182,155,98,.26)!important;
}
body .hero-product.hero-feature-panel::before{opacity:.35!important}

/* --- mobile: performance/powertrain choice cards stay 2x2 (was forced to one
       column by the max-width:760 pass on #page-build .choice-grid). The box
       stacks name over price so the label keeps the full column width -
       otherwise overflow-wrap:anywhere breaks it one letter per line. -------- */
@media(max-width:760px){
  .choice-grid#perfChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .choice-grid#perfChoices .choice-box{grid-template-columns:minmax(0,1fr);row-gap:4px;padding:10px 42px 9px 13px}
  .choice-grid#perfChoices .choice-price{justify-self:start}
}


/* =====================================================================
   PRODUCT CARD ARTWORK - the cover is printed ON the card, not pasted in.
   Full-bleed to the card edges, top corners follow the card radius, the
   white studio background is knocked out with multiply so no square edge
   and no inset photo-tile survives (shop grid, home rails, brand pages).
   ===================================================================== */
body .product-card{overflow:hidden}
body .product-card .product-media{
  margin:0!important;padding:0!important;background:transparent!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
  aspect-ratio:4/3;overflow:hidden;position:relative
}
body .product-card .product-media::before{display:none!important}
body .product-card .product-media::after{left:7%;right:7%;bottom:9%;height:18px;opacity:.5}
body .product-card .product-media img{
  display:block;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
  padding:0!important;border-radius:0!important;box-shadow:none!important;
  filter:none!important;mix-blend-mode:multiply;background:transparent
}
body .product-card:hover .product-media img{filter:none!important;mix-blend-mode:multiply}
@media(max-width:760px){
  body .product-card .product-media{margin:0!important;padding:0!important}
  body .product-card .product-media img{padding:0!important;border-radius:0!important}
}
/* ---- hero video: fills the frame; on mobile it takes the first screen ---- */
@media(max-width:760px){
  .hero-bg-video{top:0;right:0;left:0;bottom:auto;height:min(100%,78svh);object-fit:cover;object-position:center}
  .hero-scrim{top:0;right:0;left:0;bottom:auto;height:min(100%,78svh);background:linear-gradient(180deg,rgba(7,10,13,.38) 0%,rgba(7,10,13,.54) 42%,rgba(7,10,13,.82) 76%,rgba(7,10,13,.94) 100%)!important}
}
/* ================= 20261001 configurator visibility + merged paint/finish ================= */
.acc-avatar.acc-avatar-logo{padding:0;overflow:hidden}
.acc-avatar.acc-avatar-logo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
#page-build .finish-sub{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(17,24,39,.12)}
#page-build .finish-sub .control-title{margin-bottom:10px}
#page-build .finish-sub .control-title::before{content:none}
#page-build .build-finish-inline .control-title::before{content:none}
@media(max-width:1120px){
  #page-build .build-finish-inline{display:block;margin-top:12px;padding:14px;border:1px solid rgba(17,24,39,.08);border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(17,24,39,.07)}
  #page-build .finish-sub{display:none}
  #page-build .finish-group-desktop{display:none}
  #page-build .build-image{height:clamp(240px,44vw,340px);min-height:0}
}

/* ================= 20261001 real image buttons ================= */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.btn-img{max-width:100%;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;min-height:0!important;border-radius:0!important;line-height:0;font-size:0;color:transparent;text-transform:none;overflow:visible!important}
.btn-img::after{content:none!important}
.btn-img img{display:block;width:100%;height:auto;transition:transform .18s ease,filter .18s ease}
.btn-img:hover img{transform:translateY(-2px);filter:brightness(1.14)}
.btn-img:active img{transform:translateY(0) scale(.995)}
.btn-img:focus-visible{outline:2px solid #b69b62;outline-offset:4px;border-radius:10px}
#configureNow.btn-img{width:min(100%,340px)}
#buildAddToCart.btn-img{width:min(100%,330px)}
#cartBrowseBtn.btn-img{width:min(100%,320px)}
.home-affiliate-actions .btn-img{width:min(100%,340px)}
.home-guide-card .btn-img{width:min(100%,250px)}
.view-seat.view-seat-img{display:block;width:100%;max-width:220px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;border-radius:0!important;line-height:0;font-size:0;color:transparent}
.view-seat.view-seat-img::after{content:none!important}
.view-seat.view-seat-img img{display:block;width:100%;height:auto}
@media(max-width:760px){.view-seat.view-seat-img{max-width:100%}}