:root{
  --orange:#f6c795;
  --orange-action:#f6c795;
  --orange-hover:#efb874;
  --orange-on-soft:#1b1b1b;
  --ink:#111214;
  --graphite:#17191c;
  --smoke:#6f7479;
  --silver:#c9cccf;
  --line:#e5e6e7;
  --soft:#f3f4f4;
  --paper:#ffffff;
  --max:1460px;
  --ease:cubic-bezier(.16,1,.3,1);
  --inner-page-title-size:clamp(36px,4vw,52px);
  --section-title-size:clamp(27px,2.7vw,40px);
  --section-title-weight:650;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.018;
  z-index:100;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--orange-action);outline-offset:3px}
.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.container-wide{width:min(1600px,calc(100% - 32px));margin-inline:auto}
.muted{color:var(--smoke)}
.orange{color:var(--orange-action)}
.tabular{font-variant-numeric:tabular-nums}
.skip-link{position:fixed;left:14px;top:-60px;background:#fff;color:#111;padding:10px 14px;z-index:120;border:1px solid var(--line);font-size:12px}
.skip-link:focus{top:14px}

.site-header{
  height:74px;
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(17,18,20,.07);
}
.header-inner{height:100%;display:flex;align-items:center;gap:32px}
.logo{
  font-size:20px;
  font-weight:900;
  letter-spacing:-.065em;
  white-space:nowrap;
}
.logo b{color:var(--orange-action)}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.desktop-nav a{
  position:relative;
  padding:8px 0;
  font-size:11px;
  font-weight:650;
  color:#2f3337;
}
.desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:1px;
  width:100%;
  height:2px;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s var(--ease);
}
.desktop-nav a:hover::after,.desktop-nav a.active::after{transform:scaleX(1)}
.header-cta{
  margin-left:6px;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:0 16px;
  background:var(--orange-action);
  color:var(--orange-on-soft);
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  border-radius:4px;
  transition:transform .2s var(--ease),background .2s;
}
.header-cta:hover{background:var(--orange-hover);color:var(--orange-on-soft);transform:translateY(-1px)}
.header-cta:active{transform:scale(.98)}
.menu-toggle{
  display:none;
  width:28px;height:28px;border:0;background:none;padding:0;margin-left:auto;
  flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;
}
.menu-toggle span{display:block;height:1.5px;background:#111}
.menu-toggle span:nth-child(1),.menu-toggle span:nth-child(3){width:18px}
.menu-toggle span:nth-child(2){width:12px}
.mobile-panel{
  display:none;
  position:fixed;
  top:74px;left:0;right:0;
  z-index:49;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.mobile-panel.open{display:block}
.mobile-panel a{
  display:flex;
  justify-content:space-between;
  padding:16px 24px;
  border-top:1px solid var(--line);
  font-size:12px;
  font-weight:700;
}
.mobile-panel span{color:var(--orange-action)}

.eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.eyebrow::before{
  content:"";
  width:30px;
  height:1px;
  background:currentColor;
  opacity:.55;
}
.eyebrow.orange-line::before{background:var(--orange);opacity:1}
.display{
  margin:0;
  font-size:clamp(58px,7.4vw,120px);
  line-height:.86;
  letter-spacing:-.075em;
  font-weight:800;
  text-wrap:balance;
}
.display-md{
  margin:0;
  font-size:clamp(42px,5.2vw,76px);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:750;
  text-wrap:balance;
}
.display-sm{
  margin:0;
  font-size:clamp(34px,4vw,58px);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:720;
}
.lead{
  max-width:52ch;
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:#54595e;
}
.label{
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  font-weight:750;
}
.text-link::after{content:"→";color:var(--orange-action);transition:transform .2s var(--ease)}
.text-link:hover::after{transform:translateX(5px)}
.btn-orange{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:0;
  background:var(--orange-action);
  color:var(--orange-on-soft);
  border-radius:4px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:transform .2s var(--ease),background .2s;
}
.btn-orange:hover{background:var(--orange-hover);color:var(--orange-on-soft);transform:translateY(-1px)}
.btn-orange:active{transform:scale(.98)}
.btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid currentColor;
  border-radius:4px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:transform .2s var(--ease),background .2s,color .2s;
}
.btn-outline:hover{background:#111;color:#fff;border-color:#111}
.btn-outline:active{transform:scale(.98)}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.08s}
.reveal[data-delay="2"]{transition-delay:.16s}
.reveal[data-delay="3"]{transition-delay:.24s}

.hero{
  position:relative;
  min-height:calc(100dvh - 74px);
  overflow:hidden;
  background:#dedfe0;
}
.hero-media{position:absolute;inset:0;isolation:isolate}
.hero-media img{
  position:relative;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.72) contrast(1.02);
  transform:scale(1.015);
}
.hero-lighting{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:normal;
  opacity:.96;
}
.hero-lighting::before{
  content:"";
  position:absolute;
  inset:8% -8% -2% 46%;
  background:
    linear-gradient(128deg,transparent 14%,rgba(190,240,255,.18) 35%,transparent 45%),
    radial-gradient(ellipse at 60% 58%,rgba(246,199,149,.4) 0%,rgba(246,199,149,.15) 28%,transparent 62%);
  filter:blur(18px);
  mix-blend-mode:screen;
}
.hero-light-bloom,
.hero-light-caustics{
  position:absolute;
  display:block;
  will-change:transform,opacity;
}
.hero-light-bloom{
  inset:-18% -14% -14% 34%;
  background:
    radial-gradient(ellipse at 69% 49%,transparent 0%,transparent 25%,rgba(207,247,255,.52) 31%,rgba(64,193,238,.36) 39%,transparent 53%),
    radial-gradient(ellipse at 69% 48%,rgba(218,249,255,.52) 0%,rgba(83,204,245,.32) 24%,rgba(0,104,174,.22) 49%,transparent 70%),
    radial-gradient(ellipse at 84% 22%,rgba(158,229,255,.48) 0%,transparent 43%);
  filter:blur(11px);
  mix-blend-mode:screen;
  animation:heroLightDrift 11s cubic-bezier(.22,1,.36,1) infinite alternate;
}
.hero-light-caustics{
  inset:-22% -18% -18% 38%;
  background:
    linear-gradient(124deg,transparent 15%,rgba(204,244,255,.38) 31%,transparent 44%),
    linear-gradient(151deg,transparent 31%,rgba(82,198,241,.34) 47%,transparent 59%),
    linear-gradient(104deg,transparent 48%,rgba(240,252,255,.3) 63%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at 67% 52%,#000 0%,rgba(0,0,0,.82) 42%,transparent 73%);
  mask-image:radial-gradient(ellipse at 67% 52%,#000 0%,rgba(0,0,0,.82) 42%,transparent 73%);
  filter:blur(3px);
  mix-blend-mode:screen;
  opacity:.88;
  animation:heroCausticShift 14s cubic-bezier(.22,1,.36,1) infinite alternate;
}
@keyframes heroLightDrift{
  from{transform:translate3d(-1.5%,1%,0) scale(1);opacity:.72}
  to{transform:translate3d(2%,-1.5%,0) scale(1.06);opacity:1}
}
@keyframes heroCausticShift{
  from{transform:translate3d(-2%,0,0) rotate(-1deg);opacity:.54}
  to{transform:translate3d(2.5%,-1%,0) rotate(1deg);opacity:.84}
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(247,247,246,.98) 0%,rgba(247,247,246,.86) 31%,rgba(247,247,246,.18) 58%,rgba(0,0,0,.22) 100%),
    linear-gradient(0deg,rgba(0,0,0,.18),transparent 38%);
  z-index:1;
}
.hero-inner{
  position:relative;
  z-index:2;
  min-height:calc(100dvh - 74px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:64px 0 44px;
}
.hero-top{
  position:absolute;
  top:52px;
  left:0;
  display:flex;
  align-items:flex-start;
  gap:46px;
}
.hero-top .label{line-height:1.55}
.hero-rule{width:160px;height:1px;background:#aeb1b3;margin-top:9px}
.hero-title{max-width:720px}
.hero-copy{margin-top:24px;max-width:460px}
.hero-actions{display:flex;align-items:center;gap:18px;margin-top:28px}
.hero-scroll{margin-left:auto;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#666}
.hero-vertical-nav{
  position:absolute;
  right:32px;
  top:60px;
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:3;
}
.hero-vertical-nav a{
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#202326;
}
.hero-vertical-nav a:hover{color:var(--orange)}

.journey-rail{border-bottom:1px solid var(--line);background:#fff}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.journey-item{
  position:relative;
  min-height:142px;
  padding:25px 26px;
  border-right:1px solid var(--line);
  overflow:hidden;
}
.journey-item:first-child{border-left:1px solid var(--line)}
.journey-num{
  font-size:34px;
  line-height:1;
  font-weight:400;
  color:#686e72;
  letter-spacing:-.05em;
  transition:color .25s;
}
.journey-item h2,.journey-item h3{margin:26px 0 5px;font-size:14px}
.journey-item p{margin:0;font-size:10px;color:#73777b}
.journey-item::after{
  content:"";
  position:absolute;
  left:0;bottom:0;width:100%;height:3px;
  background:var(--orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s var(--ease);
}
.journey-item:hover::after{transform:scaleX(1)}
.journey-item:hover .journey-num{color:#7c4b1a}

.manifesto{
  position:relative;
  min-height:500px;
  overflow:hidden;
  background:#111;
  color:#fff;
}
.manifesto img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(.75) brightness(.54) contrast(1.06);
}
.manifesto::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(12,14,16,.95),rgba(12,14,16,.56) 52%,rgba(12,14,16,.18));
}
.manifesto-inner{
  position:relative;z-index:2;min-height:500px;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:58px 0;
}
.manifesto-kicker{font-size:13px;line-height:1.7;letter-spacing:.04em;text-transform:none}
.manifesto h2{max-width:780px;margin:18px 0 24px}
.manifesto-actions{display:flex;gap:14px;align-items:center}
.play-link{
  display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700
}
.play-circle{
  width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;
  display:grid;place-items:center;
}

.section{padding:94px 0}
.section-compact{padding:68px 0}
.section-line{border-bottom:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}
.section-heading p{margin:0;max-width:420px;font-size:12px;line-height:1.7;color:#6a6f73;text-align:right}
.section-title{font-size:30px;letter-spacing:-.04em;margin:0}

.featured-grid{
  display:grid;
  grid-template-columns:1.6fr .8fr;
  grid-template-rows:1fr 1fr;
  gap:18px;
}
.feature-car{position:relative;overflow:hidden;background:#eff0f0;min-height:250px}
.feature-car.large{grid-row:1/3;min-height:610px}
.feature-car img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .6s var(--ease)}
.feature-car:hover img{transform:scale(1.025)}
.feature-car::after{
  content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,14,.72),transparent 58%);
}
.feature-copy{
  position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff;
}
.feature-copy h3{margin:0;font-size:20px;letter-spacing:-.03em}
.feature-copy.large h3{font-size:30px}
.feature-meta{margin-top:7px;display:flex;gap:10px;flex-wrap:wrap;font-size:9px;color:rgba(255,255,255,.72)}
.feature-price{margin-top:12px;font-size:22px;font-weight:750;font-variant-numeric:tabular-nums}
.feature-copy.large .feature-price{font-size:30px}

.partner-band{
  display:grid;
  grid-template-columns:44% 56%;
  min-height:430px;
  background:#111;
  color:#fff;
}
.partner-image{overflow:hidden;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.partner-image img{height:100%;object-fit:cover;filter:saturate(.7)}
.partner-copy{display:flex;flex-direction:column;justify-content:center;padding:55px 56px 55px 20px}
.partner-copy h2{max-width:700px}
.partner-copy .lead{color:#c5c7c9;margin-top:18px}
.partner-services{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.14);
  margin-top:38px;
}
.partner-services a{padding:18px 12px 0 0;border-right:1px solid rgba(255,255,255,.14)}
.partner-services a:last-child{border-right:0}
.partner-services strong{display:block;font-size:12px}
.partner-services span{display:block;margin-top:6px;font-size:9px;color:#a8abad}

.page-hero{
  position:relative;
  min-height:620px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.page-hero-media{position:absolute;inset:0}
.page-hero-media img{height:100%;object-fit:cover;filter:saturate(.74) contrast(1.02)}
.page-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 39%,rgba(255,255,255,.16) 69%,rgba(0,0,0,.1));
}
.page-hero.dark::after{
  background:linear-gradient(90deg,rgba(8,10,12,.94),rgba(8,10,12,.64) 52%,rgba(8,10,12,.17));
}
.page-hero-inner{
  position:relative;z-index:2;min-height:620px;display:flex;align-items:center;
}
.page-hero-copy{max-width:730px;padding:60px 0}
.page-hero-copy .eyebrow{margin-bottom:36px}
.page-hero-copy .lead{margin-top:24px}
.page-hero.dark{color:#fff}
.page-hero.dark .lead{color:#d0d2d4}
.page-hero.dark .eyebrow{color:var(--orange)}
.hero-metrics{
  position:absolute;z-index:3;left:0;right:0;bottom:0;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  border-top:1px solid rgba(17,18,20,.08);
}
.hero-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.metric{padding:19px 0;border-right:1px solid var(--line)}
.metric:first-child{border-left:1px solid var(--line);padding-left:20px}
.metric:not(:first-child){padding-left:20px}
.metric strong{display:block;font-size:24px;letter-spacing:-.04em}
.metric span{display:block;margin-top:5px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#7b7f82}

.story-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:54px;
  align-items:center;
}
.story-media{min-height:480px;overflow:hidden;background:#eee}
.story-media img{height:100%;object-fit:cover;filter:saturate(.75)}
.story-copy{padding-right:30px}
.story-copy .eyebrow{margin-bottom:26px;color:var(--orange-action)}
.story-copy .display-sm{max-width:620px}
.story-copy .lead{margin-top:22px}
.story-facts{
  display:grid;grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--line);
  margin-top:34px;
}
.story-fact{padding:20px 18px 0 0}
.story-fact:nth-child(even){border-left:1px solid var(--line);padding-left:18px}
.story-fact strong{font-size:20px;letter-spacing:-.03em}
.story-fact span{display:block;margin-top:5px;font-size:9px;color:#75797c;text-transform:uppercase;letter-spacing:.1em}

.quote-panel{
  position:relative;
  min-height:420px;
  background:#f2f3f3;
  overflow:hidden;
}
.quote-panel img{
  position:absolute;right:0;top:0;width:50%;height:100%;object-fit:cover;filter:saturate(.7)
}
.quote-panel::after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2f3f3 0%,#f2f3f3 42%,rgba(242,243,243,.08) 70%);
}
.quote-inner{position:relative;z-index:2;min-height:420px;display:flex;align-items:center}
.quote-copy{max-width:650px}
.quote-mark{font-size:68px;line-height:.7;color:#d1d3d4}
.quote-copy h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:15px 0 10px}
.quote-copy p{font-size:11px;color:#6d7174;margin:0}

.service-strip{background:#fff;border-bottom:1px solid var(--line)}
.service-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.service-pill{
  position:relative;
  padding:26px 24px;
  border-right:1px solid var(--line);
  min-height:135px;
}
.service-pill:first-child{border-left:1px solid var(--line)}
.service-pill h2{font-size:16px;margin:0 0 5px}
.service-pill p{font-size:10px;line-height:1.5;color:#74787b;margin:0}
.service-pill::after{content:"→";position:absolute;right:22px;bottom:22px;color:#999;transition:transform .2s var(--ease),color .2s}
.service-pill:hover::after{transform:translateX(4px);color:var(--orange-action)}

.service-story{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:520px;
  border-bottom:1px solid var(--line);
}
.service-story.reverse .service-photo{order:2}
.service-photo{overflow:hidden;background:#eceeee}
.service-photo img{height:100%;object-fit:cover;filter:saturate(.7)}
.service-text{padding:70px;display:flex;flex-direction:column;justify-content:center}
.service-text .eyebrow{color:var(--orange-action);margin-bottom:28px}
.service-text h2{max-width:620px}
.service-text .lead{margin-top:20px}
.partner-cloud{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:26px}
.partner-cloud span{font-size:9px;color:#666;border-bottom:1px solid #bfc1c2;padding:7px 0}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.why-image{min-height:420px;overflow:hidden}
.why-image img{height:100%;object-fit:cover;filter:saturate(.7)}
.why-list{border-top:1px solid var(--line)}
.why-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.why-bullet{width:18px;height:18px;border-radius:50%;background:var(--orange-action);color:var(--orange-on-soft);display:grid;place-items:center;font-size:10px;margin-top:2px}
.why-item strong{font-size:13px}
.why-item p{margin:4px 0 0;font-size:10px;color:#75797d;line-height:1.5}

.enquiry{background:#f3f4f4}
.form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}
.form-intro h2{margin-top:22px}
.form-intro .lead{margin-top:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.field input,.field select,.field textarea{
  border:1px solid #d8dadb;background:#fff;padding:14px 15px;outline:none;border-radius:4px;font-size:13px;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#111}
.field textarea{min-height:120px;resize:vertical}
.form-note{margin-top:12px;font-size:10px;color:#777}

.inventory-hero{padding-bottom:0}
.inventory-search{
  margin-top:35px;
  display:grid;
  grid-template-columns:1fr .8fr .8fr 1.4fr 46px;
  background:rgba(255,255,255,.96);
  border:1px solid var(--line);
  box-shadow:0 12px 35px rgba(10,14,18,.07);
}
.inventory-search .filter-field{padding:11px 13px;border-right:1px solid var(--line)}
.inventory-search .filter-field label{display:block;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:4px}
.inventory-search input,.inventory-search select{width:100%;border:0;background:transparent;outline:0;font-size:11px;font-weight:650;padding:2px 0}
.search-btn{border:0;background:var(--orange-action);color:var(--orange-on-soft);font-size:18px}
.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 26px}
.inventory-toolbar p{margin:0;font-size:10px;color:#767a7e}
.inventory-toolbar select{border:1px solid var(--line);background:#fff;padding:9px 12px;font-size:10px}
.inventory-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:44px 18px;
}
.inventory-card{border-top:1px solid var(--line);padding-top:10px}
.inventory-card:first-child{grid-column:span 2}
.inventory-top{display:flex;justify-content:space-between;margin-bottom:9px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#999}
.inventory-top b{color:var(--orange-action)}
.inventory-photo{aspect-ratio:1.5/1;overflow:hidden;background:#fff;position:relative}
.inventory-card:first-child .inventory-photo{aspect-ratio:2.05/1}
.inventory-photo img{height:100%;object-fit:cover;filter:saturate(.73);transition:transform .5s var(--ease)}
.inventory-card:hover .inventory-photo img{transform:scale(1.025)}
.inventory-photo .view{
  position:absolute;right:10px;bottom:10px;background:#fff;color:#111;padding:9px 11px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.inventory-copy{padding-top:15px}
.inventory-copy h3{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin:0 0 8px;min-height:42px}
.inventory-card:first-child .inventory-copy h3{font-size:24px}
.inventory-price{font-size:24px;font-weight:760;letter-spacing:-.035em;margin:12px 0;font-variant-numeric:tabular-nums}
.inventory-card:first-child .inventory-price{font-size:30px}
.inventory-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.inventory-spec{padding:10px 8px 10px 0}
.inventory-spec+.inventory-spec{border-left:1px solid var(--line);padding-left:8px}
.inventory-spec span{display:block;font-size:7px;color:#999;text-transform:uppercase;letter-spacing:.1em}
.inventory-spec strong{display:block;margin-top:4px;font-size:10px}
.inventory-empty{display:none;grid-column:1/-1;padding:60px 20px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#777;font-size:12px}
.preview-caption{margin-top:24px;font-size:9px;line-height:1.6;color:#999}

.site-footer{padding:48px 0 34px;background:#111;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:60px}
.footer-title{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.footer-copy,.footer-links a{font-size:11px;color:#aeb1b4;line-height:1.8}
.footer-links{display:flex;flex-direction:column;align-items:flex-start}
.footer-links a:hover{color:#fff}
.footer-bottom{margin-top:38px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.03em;text-transform:none;color:#85898d}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  *{animation:none!important;transition-duration:.01ms!important}
}
@media(max-width:1120px){
  .container{width:calc(100% - 42px)}
  .desktop-nav{gap:20px}
  .hero-vertical-nav{display:none}
  .featured-grid{grid-template-columns:1.35fr .9fr}
  .inventory-grid{grid-template-columns:repeat(2,1fr)}
  .inventory-card:first-child{grid-column:span 2}
}
@media(max-width:860px){
  .desktop-nav,.header-cta{display:none}
  .menu-toggle{display:flex}
  .hero::after{background:linear-gradient(90deg,rgba(247,247,246,.97),rgba(247,247,246,.86) 58%,rgba(247,247,246,.16))}
  .hero-lighting{opacity:.62}
  .hero-light-bloom{inset:-12% -34% -8% 30%;animation:none;filter:blur(14px)}
  .hero-light-caustics{inset:-16% -42% -10% 38%;animation:none;opacity:.56}
  .hero-top{top:34px}
  .hero-inner{padding-bottom:38px}
  .hero-scroll{display:none}
  .journey-grid{grid-template-columns:1fr}
  .journey-item{border-left:1px solid var(--line)}
  .featured-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .feature-car.large{grid-row:auto;min-height:480px}
  .feature-car{min-height:350px}
  .partner-band{grid-template-columns:1fr}
  .partner-image{clip-path:none;min-height:320px}
  .partner-copy{padding:44px 28px}
  .page-hero,.page-hero-inner{min-height:560px}
  .hero-metrics{position:relative}
  .hero-metrics-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid,.why-grid,.form-wrap{grid-template-columns:1fr}
  .service-strip-grid{grid-template-columns:repeat(2,1fr)}
  .service-story,.service-story.reverse{grid-template-columns:1fr}
  .service-story.reverse .service-photo{order:0}
  .service-photo{min-height:360px}
  .service-text{padding:48px 24px}
  .quote-panel img{opacity:.25;width:100%}
  .quote-panel::after{background:linear-gradient(90deg,#f2f3f3 0%,rgba(242,243,243,.86) 62%,rgba(242,243,243,.4))}
  .inventory-search{grid-template-columns:1fr 1fr}
  .inventory-search .filter-field{border-bottom:1px solid var(--line)}
  .search-btn{min-height:48px}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:580px){
  .container{width:calc(100% - 28px)}
  .site-header{height:68px}
  .mobile-panel{top:68px}
  .display{font-size:49px}
  .display-md{font-size:42px}
  .display-sm{font-size:34px}
  .hero{min-height:650px}
  .hero-inner{min-height:650px}
  .hero-top{gap:18px}
  .hero-rule{width:80px}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .manifesto,.manifesto-inner{min-height:430px}
  .section{padding:72px 0}
  .section-heading{align-items:flex-start;flex-direction:column}
  .section-heading p{text-align:left}
  .feature-car.large{min-height:390px}
  .feature-car{min-height:280px}
  .partner-services{grid-template-columns:repeat(2,1fr)}
  .page-hero,.page-hero-inner{min-height:510px}
  .page-hero::after{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.85) 68%,rgba(255,255,255,.25))}
  .page-hero.dark::after{background:linear-gradient(90deg,rgba(8,10,12,.94),rgba(8,10,12,.72) 72%,rgba(8,10,12,.28))}
  .hero-metrics-grid{grid-template-columns:1fr 1fr}
  .metric strong{font-size:20px}
  .story-media{min-height:330px}
  .story-facts{grid-template-columns:1fr}
  .story-fact:nth-child(even){border-left:0;padding-left:0}
  .service-strip-grid{grid-template-columns:1fr}
  .service-pill{border-left:1px solid var(--line)}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .inventory-search{grid-template-columns:1fr}
  .inventory-search .filter-field{border-right:0}
  .inventory-grid{grid-template-columns:1fr}
  .inventory-card:first-child{grid-column:auto}
  .inventory-card:first-child .inventory-photo{aspect-ratio:1.5/1}
  .inventory-card:first-child .inventory-copy h3{font-size:18px}
  .inventory-card:first-child .inventory-price{font-size:24px}
  .footer-bottom{flex-direction:column}
}


/* Product brand filter */
.brand-filter-section{
  padding:30px 0 26px;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.brand-filter-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:20px;
}
.brand-filter-head .eyebrow{margin-bottom:9px}
.brand-filter-head h2{
  margin:0;
  font-size:22px;
  line-height:1;
  letter-spacing:-.035em;
}
.brand-reset{
  border:0;
  background:transparent;
  padding:8px 0;
  color:#6e7377;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.brand-reset:hover{color:var(--orange-action)}
.brand-filter-scroll{
  display:flex;
  gap:9px;
  overflow-x:auto;
  padding:1px 1px 8px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.brand-filter-scroll::-webkit-scrollbar{display:none}
.brand-filter-btn{
  flex:0 0 108px;
  min-height:78px;
  scroll-snap-align:start;
  border:1px solid var(--line);
  background:#fff;
  border-radius:4px;
  padding:10px 9px 9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#4b5054;
  transition:
    border-color .22s var(--ease),
    color .22s var(--ease),
    transform .22s var(--ease),
    box-shadow .22s var(--ease);
}
.brand-filter-btn:hover{
  border-color:#aeb2b5;
  color:#111;
  transform:translateY(-1px);
}
.brand-filter-btn:active{transform:scale(.98)}
.brand-filter-btn.active{
  border-color:#151719;
  color:#111;
  box-shadow:inset 0 -3px 0 var(--orange);
}
.brand-logo-wrap{
  width:34px;
  height:30px;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:850;
  letter-spacing:-.03em;
}
.brand-logo-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-logo-wrap.fallback{
  border:1px solid #d8dadd;
  background:#f7f7f6;
  padding:2px;
}
.brand-filter-name{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  font-size:8px;
  font-weight:750;
  letter-spacing:.02em;
}
.brand-filter-btn.all .brand-logo-wrap{
  border:0;
  background:#111;
  color:var(--orange-on-soft);
}
.inventory-brand{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#5e6367;
}
.inventory-brand-logo{
  width:20px;
  height:16px;
  object-fit:contain;
}

@media(max-width:580px){
  .brand-filter-section{padding:24px 0 20px}
  .brand-filter-head{align-items:flex-start}
  .brand-filter-btn{flex-basis:94px;min-height:72px}
  .brand-logo-wrap{width:30px;height:27px}
}


/* Brand dropdown inside product filter */
.product-filter-section{
  position:relative;
  z-index:20;
  padding:22px 0 26px;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.inventory-search.inventory-search-below{
  margin-top:0;
  grid-template-columns:1.04fr 1.18fr .84fr .84fr 1fr 48px;
  box-shadow:0 14px 34px rgba(10,14,18,.065);
}
.brand-field{position:relative;overflow:visible}
.brand-select{position:relative}
.brand-select-trigger{
  width:100%;
  min-height:24px;
  border:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:transparent;
  color:#111;
  text-align:left;
}
.brand-select-current{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:650;
}
.brand-current-mark{
  width:25px;
  height:20px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #d7d9da;
  background:#f7f7f6;
  font-size:6px;
  font-weight:900;
  letter-spacing:.04em;
}
.brand-current-logo{
  width:25px;
  height:20px;
  object-fit:contain;
  flex:0 0 auto;
}
.brand-chevron{color:#5f6468;font-size:13px;transition:transform .2s var(--ease)}
.brand-select.open .brand-chevron{transform:rotate(180deg)}
.brand-select-menu{
  position:absolute;
  left:-14px;
  top:calc(100% + 14px);
  z-index:60;
  width:min(440px,72vw);
  max-height:330px;
  overflow:auto;
  padding:8px;
  display:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px;
  background:#fff;
  border:1px solid #dfe1e2;
  box-shadow:0 22px 60px rgba(16,19,22,.13);
}
.brand-select.open .brand-select-menu{display:grid}
.brand-option{
  min-width:0;
  min-height:47px;
  border:0;
  padding:7px 9px;
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  color:#34393d;
  text-align:left;
  border-radius:3px;
  transition:background .18s,color .18s;
}
.brand-option:hover,.brand-option.active{background:#f2f3f3;color:#111}
.brand-option.active{box-shadow:inset 2px 0 0 var(--orange)}
.brand-option-logo{
  width:31px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.brand-option-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-option-logo.fallback{
  border:1px solid #d9dbdc;
  background:#f7f7f6;
  font-size:7px;
  font-weight:900;
}
.brand-option-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  font-weight:700;
}
.brand-filter-section{display:none!important}

/* Continuous brand panel on homepage */
.brand-marquee-section{
  padding:24px 0 20px;
  overflow:hidden;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.brand-marquee-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-bottom:16px;
}
.brand-marquee-note{
  color:#8a8e91;
  font-size:9px;
  letter-spacing:.02em;
  text-transform:none;
}
.brand-marquee{
  position:relative;
  width:100%;
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.brand-marquee-track{
  width:max-content;
  display:flex;
  animation:carchope-brand-run 48s linear infinite;
}
.brand-marquee:hover .brand-marquee-track,
.brand-marquee:focus-within .brand-marquee-track{animation-play-state:paused}
.brand-marquee-group{display:flex}
.brand-marquee-item{
  width:148px;
  min-height:78px;
  padding:13px 18px;
  border-right:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#656a6e;
  transition:color .2s,background .2s;
}
.brand-marquee-item:hover{background:#fafafa;color:#111}
.brand-marquee-logo{
  width:32px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.brand-marquee-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.78;
  transition:filter .2s,opacity .2s;
}
.brand-marquee-item:hover img{filter:none;opacity:1}
.brand-marquee-logo.fallback{
  border:1px solid #daddde;
  background:#f7f7f6;
  font-size:7px;
  font-weight:900;
}
.brand-marquee-name{
  font-size:9px;
  font-weight:750;
  letter-spacing:.02em;
  white-space:nowrap;
}
@keyframes carchope-brand-run{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media(max-width:1120px){
  .inventory-search.inventory-search-below{
    grid-template-columns:1fr 1fr 1fr;
  }
  .inventory-search.inventory-search-below .brand-field{border-bottom:1px solid var(--line)}
  .inventory-search.inventory-search-below .search-btn{min-height:52px}
}
@media(max-width:860px){
  .product-filter-section{padding-top:18px}
  .brand-select-menu{width:min(420px,88vw)}
  .brand-marquee-head{align-items:flex-start;flex-direction:column;gap:7px}
}
@media(max-width:580px){
  .inventory-search.inventory-search-below{grid-template-columns:1fr}
  .inventory-search.inventory-search-below .filter-field{border-right:0}
  .brand-select-menu{
    left:0;
    width:100%;
    grid-template-columns:1fr;
  }
  .brand-marquee-item{width:124px;min-height:70px;padding:11px 14px}
  .brand-marquee-logo{width:28px;height:26px}
  .brand-marquee-name{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .brand-marquee-track{animation:none}
}



/* Typography scale increase — header, descriptions, footer */
.logo{font-size:25px}
.desktop-nav a{font-size:15px}
.header-cta{font-size:12px;min-height:42px;padding:0 18px}
.mobile-panel a{font-size:15px}

.lead{font-size:18px;line-height:1.72;max-width:58ch}
.label{font-size:11px}
.eyebrow{font-size:10.5px}
.text-link{font-size:13px}
.btn-orange,.btn-outline{font-size:11.5px}
.hero-scroll{font-size:11px}
.hero-vertical-nav a{font-size:12px}
.journey-item h2,.journey-item h3{font-size:16px}
.journey-item p{font-size:14px;line-height:1.55}
.manifesto-kicker{font-size:15px}
.play-link{font-size:12px}
.section-heading p{font-size:16px}
.feature-meta{font-size:12px}
.partner-services strong{font-size:14px}
.partner-services span{font-size:13px}
.metric span{font-size:11.5px}
.story-fact span{font-size:11px}
.quote-copy p{font-size:15px}
.service-pill h2{font-size:18px}
.service-pill p{font-size:14px;line-height:1.6}
.partner-cloud span{font-size:12px}
.why-item strong{font-size:15px}
.why-item p{font-size:14px;line-height:1.6}
.field label{font-size:11px}
.field input,.field select,.field textarea{font-size:16px}
.form-note{font-size:12px}

.inventory-search .filter-field label{font-size:10px}
.inventory-search input,.inventory-search select{font-size:15px}
.inventory-toolbar p{font-size:14px}
.inventory-toolbar select{font-size:13px}
.inventory-top{font-size:10.5px}
.inventory-spec span{font-size:9.5px}
.inventory-spec strong{font-size:13px}
.preview-caption{font-size:13px;line-height:1.7}
.brand-marquee-note{font-size:11px}
.brand-marquee-name{font-size:11.5px}
.brand-option-name{font-size:12.5px}
.brand-select-current{font-size:13px}

.footer-title{font-size:12.5px}
.footer-copy,.footer-links a{font-size:15px;line-height:1.85}
.footer-bottom{font-size:11px}

@media(max-width:860px){
  .mobile-panel a{font-size:15px}
  .lead{font-size:17px}
  .section-heading p{font-size:15px}
}
@media(max-width:580px){
  .logo{font-size:23px}
  .lead{font-size:16px}
  .eyebrow{font-size:10px}
  .journey-item h2,.journey-item h3{font-size:15px}
  .journey-item p,.service-pill p,.why-item p{font-size:13px}
  .field input,.field select,.field textarea{font-size:16px}
  .footer-title{font-size:11.5px}
  .footer-copy,.footer-links a{font-size:14px}
  .footer-bottom{font-size:10px}
}


/* Larger homepage brand showcase */
.brand-marquee-section{
  padding:38px 0 32px;
}
.brand-marquee-head{
  padding-bottom:22px;
}
.brand-marquee-head .label{
  font-size:13px;
  letter-spacing:.14em;
}
.brand-marquee-note{
  font-size:12px;
}
.brand-marquee-item{
  width:132px;
  min-height:112px;
  padding:20px;
}
.brand-marquee-logo{
  width:50px;
  height:46px;
}
.brand-marquee-name{
  font-size:13px;
  font-weight:800;
}
.brand-marquee-logo.fallback{
  font-size:10px;
}

@media(max-width:860px){
  .brand-marquee-section{
    padding:32px 0 27px;
  }
  .brand-marquee-head{
    padding-bottom:18px;
  }
  .brand-marquee-item{
    width:120px;
    min-height:100px;
    padding:17px;
  }
  .brand-marquee-logo{
    width:44px;
    height:40px;
  }
  .brand-marquee-name{
    font-size:12px;
  }
}

@media(max-width:860px), (prefers-reduced-motion:reduce){
  .paper-scene-frame-01,
  .paper-scene-frame-02,
  .paper-scene-frame-03{opacity:0!important}
  .paper-scene-frame-04{opacity:1!important}
}

/* Homepage four-frame studio reveal */
.paper-hero{
  --paper-progress:1;
  --paper-frame-01-opacity:0;
  --paper-frame-02-opacity:0;
  --paper-frame-03-opacity:0;
  --paper-frame-04-opacity:1;
  --paper-sheet-opacity:0;
  --paper-mat-opacity:0;
  --paper-scale:1;
  --paper-shift-x:0px;
  --paper-shift-y:0px;
  --paper-tilt:0deg;
  --paper-rotate-x:0deg;
  --paper-rotate-y:0deg;
  --paper-content-opacity:1;
  --paper-intro-opacity:0;
  --paper-title-opacity:1;
  position:relative;
  height:240svh;
  min-height:0!important;
  padding:0!important;
  overflow:visible;
  background:#111211;
}
.paper-hero::after{
  display:none;
}
.paper-hero-stage{
  position:sticky;
  top:0;
  height:100svh;
  min-height:680px;
  overflow:hidden;
  isolation:isolate;
  background:#111211;
}
.paper-hero[data-paper-autoplay="complete"]{
  height:100svh;
}
.paper-hero[data-paper-autoplay="complete"] .paper-hero-stage{
  position:relative;
}
.paper-photo-final{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  opacity:1;
  background:#111311;
}
.paper-stage-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  will-change:opacity;
}
.paper-scene-frame-01{z-index:1;opacity:var(--paper-frame-01-opacity)}
.paper-scene-frame-02{z-index:2;opacity:var(--paper-frame-02-opacity)}
.paper-scene-frame-03{z-index:3;opacity:var(--paper-frame-03-opacity)}
.paper-scene-frame-04{
  z-index:4;
  opacity:var(--paper-frame-04-opacity);
}
.paper-sheet{
  position:absolute;
  inset:0;
  z-index:4;
  margin:0;
  opacity:var(--paper-sheet-opacity);
  transform:translate3d(var(--paper-shift-x),var(--paper-shift-y),0) perspective(1500px) rotateX(var(--paper-rotate-x)) rotateY(var(--paper-rotate-y)) rotateZ(var(--paper-tilt)) scale(var(--paper-scale));
  transform-origin:50% 50%;
  transform-style:preserve-3d;
  isolation:isolate;
  will-change:transform,opacity;
}
.paper-sheet::before{
  content:"";
  position:absolute;
  inset:-18px -18px -58px;
  z-index:-1;
  background:#f5f2e9;
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 30px 70px rgba(0,0,0,.38),0 4px 12px rgba(0,0,0,.24);
  opacity:var(--paper-mat-opacity);
  will-change:opacity;
}
.paper-image-window{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#fff;
}
.paper-image-window img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(calc(1 - var(--paper-progress))) saturate(calc(.3 + (var(--paper-progress) * .7))) brightness(calc(.82 + (var(--paper-progress) * .18))) contrast(1.03);
  will-change:filter;
}
.paper-sheet figcaption{
  position:absolute;
  top:calc(100% + 17px);
  left:0;
  right:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 4px;
  color:#242522;
  font-size:12px;
  line-height:1.35;
  opacity:var(--paper-mat-opacity);
  will-change:opacity;
}
.paper-sheet figcaption span:first-child{
  font-weight:800;
  letter-spacing:.02em;
}
.paper-sheet figcaption span:last-child{color:#555650}
.paper-hero-shade{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,9,8,.94) 0%,rgba(7,9,8,.88) 25%,rgba(7,9,8,.38) 42%,rgba(7,9,8,.03) 58%,transparent 72%),
    linear-gradient(0deg,rgba(7,9,8,.48) 0%,transparent 38%);
  opacity:1;
}
.paper-hero-inner{
  position:relative;
  z-index:5;
  height:100%;
  min-height:680px;
  pointer-events:none;
}
.paper-hero-intro{
  position:absolute;
  left:0;
  right:0;
  bottom:42px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:12px 0;
  color:#f1f2ef;
  font-size:12px;
  font-weight:650;
  line-height:1.4;
  opacity:var(--paper-intro-opacity);
  transform:translate3d(0,calc((1 - var(--paper-intro-opacity)) * 12px),0);
  will-change:transform,opacity;
}
.paper-hero-intro-line{
  width:clamp(56px,9vw,132px);
  height:1px;
  background:rgba(246,199,149,.9);
}
.paper-hero-content{
  position:absolute;
  left:0;
  bottom:clamp(54px,8vh,92px);
  max-width:650px;
  color:#fff;
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.paper-hero .page-title,
.paper-hero .page-title.display{
  max-width:7ch;
  color:#fff!important;
  font-size:clamp(54px,6.5vw,94px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  opacity:var(--paper-title-opacity);
  text-shadow:0 12px 30px rgba(0,0,0,.3);
  will-change:opacity;
}
.paper-hero .hero-copy{
  max-width:500px;
  color:#e8ebe8;
}
.paper-hero .hero-copy,
.paper-hero .hero-actions{
  opacity:var(--paper-content-opacity);
  transform:translate3d(0,calc((1 - var(--paper-content-opacity)) * 24px),0);
  will-change:transform,opacity;
}
.paper-hero .text-link{
  color:#fff;
  text-decoration-color:rgba(246,199,149,.86);
}
.paper-progress{
  position:absolute;
  right:28px;
  bottom:32px;
  z-index:6;
  width:2px;
  height:76px;
  overflow:hidden;
  background:rgba(255,255,255,.25);
}
.paper-progress span{
  display:block;
  width:100%;
  height:100%;
  background:var(--orange);
  transform:scaleY(var(--paper-progress));
  transform-origin:center top;
}

@media(max-width:860px){
  .paper-hero{
    height:auto;
    min-height:100svh!important;
    overflow:hidden;
  }
  .paper-hero-stage{
    position:relative;
    top:auto;
    height:auto;
    min-height:100svh;
  }
  .paper-hero-intro,
  .paper-sheet,
  .paper-progress{
    display:none;
  }
  .paper-photo-final{
    opacity:1;
  }
  .paper-stage-layer{
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:68% center;
    transform:none;
  }
  .paper-hero-shade{
    opacity:1;
    background:
      linear-gradient(90deg,rgba(7,9,8,.9) 0%,rgba(7,9,8,.7) 46%,rgba(7,9,8,.18) 100%),
      linear-gradient(0deg,rgba(7,9,8,.84) 0%,transparent 58%);
  }
  .paper-hero-inner{
    min-height:100svh;
  }
  .paper-hero-content{
    bottom:42px;
    opacity:1;
    transform:none;
    will-change:auto;
  }
  .paper-photo-final,
  .paper-stage-layer,
  .paper-hero-shade{
    will-change:auto;
  }
  .paper-hero .page-title,
  .paper-hero .page-title.display{
    font-size:clamp(48px,9vw,68px)!important;
  }
}

@media(max-width:580px){
  .paper-hero-shade{
    background:
      linear-gradient(0deg,rgba(7,9,8,.96) 0%,rgba(7,9,8,.72) 42%,rgba(7,9,8,.1) 76%),
      linear-gradient(90deg,rgba(7,9,8,.5),transparent 72%);
  }
  .paper-hero-inner{
    min-height:100svh;
  }
  .paper-hero-content{
    bottom:32px;
    max-width:calc(100% - 24px);
  }
  .paper-hero .page-title,
  .paper-hero .page-title.display{
    font-size:clamp(43px,13vw,58px)!important;
  }
  .paper-hero .hero-copy{
    max-width:34ch;
    color:#f1f3f1;
  }
}

@media(prefers-reduced-motion:reduce){
  .paper-hero{
    height:auto;
    min-height:100svh!important;
  }
  .paper-hero-stage{
    position:relative;
    top:auto;
    height:auto;
    min-height:100svh;
  }
  .paper-hero-intro,
  .paper-sheet,
  .paper-progress{
    display:none;
  }
  .paper-photo-final,
  .paper-hero-shade,
  .paper-hero-content{
    opacity:1;
  }
  .paper-hero-content{
    transform:none;
    will-change:auto;
  }
}

@media(max-width:580px){
  .brand-marquee-section{
    padding:28px 0 24px;
  }
  .brand-marquee-item{
    width:112px;
    min-height:90px;
    padding:15px;
  }
  .brand-marquee-logo{
    width:39px;
    height:36px;
  }
  .brand-marquee-name{
    font-size:11px;
  }
  .brand-marquee-head .label{
    font-size:11px;
  }
  .brand-marquee-note{
    font-size:10px;
  }
}


/* Pagination and service image-right refinement */
.why-grid-text-left{
  grid-template-columns:1fr 1fr;
}
.why-grid-text-left .why-image{
  order:2;
}
@media(min-width:861px){
  .why-grid-text-left .why-image{
    position:relative;
    min-height:0;
    height:auto;
    align-self:stretch;
  }
  .why-grid-text-left .why-image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
}
.pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:52px;
  min-height:44px;
}
.pagination button{
  min-width:42px;
  height:42px;
  border:1px solid var(--line);
  background:#fff;
  color:#33383c;
  border-radius:4px;
  font-size:13px;
  font-weight:750;
  transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease);
}
.pagination button:hover:not(:disabled){
  border-color:#aeb2b5;
  background:#f5f6f6;
}
.pagination button:active:not(:disabled){
  transform:scale(.97);
}
.pagination button.active{
  background:#111;
  border-color:#111;
  color:#fff;
}
.pagination button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.pagination .pagination-prev,
.pagination .pagination-next{
  padding:0 14px;
  width:auto;
}
.pagination-status{
  padding:0 8px;
  font-size:11px;
  color:#7a7e82;
}
@media(max-width:860px){
  .why-grid-text-left{
    grid-template-columns:1fr;
  }
  .why-grid-text-left .why-image{
    order:2;
    min-height:0;
    height:clamp(280px,52vw,400px);
  }
}
@media(max-width:580px){
  .pagination{
    gap:5px;
    margin-top:40px;
    flex-wrap:wrap;
  }
  .pagination button{
    min-width:38px;
    height:38px;
    font-size:12px;
  }
  .pagination .pagination-prev,
  .pagination .pagination-next{
    padding:0 11px;
  }
}


/* Official Carchope header logo */
.logo{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  line-height:1;
}
.logo img{
  display:block;
  width:auto;
  height:36px;
  max-width:190px;
  object-fit:contain;
}
@media(max-width:580px){
  .logo img{
    height:32px;
    max-width:168px;
  }
}


/* Full original Carchope footer content */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.site-footer{
  position:relative;
  padding:58px 0 34px;
  background:#111;
  color:#fff;
}
.footer-grid-full{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr .8fr 1.35fr;
  gap:46px;
  align-items:start;
}
.footer-title{
  color:var(--orange);
}
.footer-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  font-size:17px;
  line-height:1.75;
}
.footer-copy a{
  color:#c7c9cb;
  transition:color .2s;
}
.footer-copy a:hover{color:#fff}
.footer-contact-gap{height:12px}
.footer-links{
  gap:2px;
}
.footer-links a{
  font-size:16px;
  line-height:1.72;
}
.footer-socials{
  display:flex;
  flex-direction:column;
  gap:15px;
}
.footer-socials a{
  display:flex;
  align-items:center;
  gap:11px;
  color:#c7c9cb;
  font-size:16px;
  line-height:1.4;
  transition:color .2s;
}
.footer-socials a:hover{color:#fff}
.social-mark{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.3);
  color:#fff;
  font-size:11px;
  font-weight:850;
}
.footer-newsletter{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  margin-top:2px;
}
.footer-newsletter input{
  min-width:0;
  height:52px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.18);
  border-right:0;
  border-radius:0;
  background:#fff;
  color:#111;
  outline:0;
  font-size:15px;
}
.footer-newsletter input::placeholder{color:#8d9194}
.footer-newsletter input:focus{border-color:var(--orange-action)}
.footer-newsletter button{
  min-width:86px;
  height:52px;
  border:0;
  background:var(--orange-action);
  color:var(--orange-on-soft);
  font-size:14px;
  font-weight:800;
  transition:background .2s,transform .2s var(--ease);
}
.footer-newsletter button:hover{background:var(--orange-hover);color:var(--orange-on-soft)}
.footer-newsletter button:active{transform:scale(.98)}
.footer-newsletter-note{
  min-height:20px;
  margin-top:9px;
  color:#aeb1b4;
  font-size:12px;
  line-height:1.5;
}
.footer-bottom{
  margin-top:44px;
  padding-top:18px;
  font-size:11px;
}
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:45;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--orange-action);
  color:var(--orange-on-soft);
  box-shadow:0 14px 36px rgba(246,199,149,.30);
  transition:transform .2s var(--ease),box-shadow .2s;
}
.whatsapp-float span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  font-size:10px;
  font-weight:900;
  letter-spacing:.02em;
}
.whatsapp-float:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(246,199,149,.38);
}
.whatsapp-float:active{transform:scale(.97)}

@media(max-width:1180px){
  .footer-grid-full{
    grid-template-columns:1.2fr 1fr 1fr;
    gap:44px 38px;
  }
  .footer-newsletter-col{
    grid-column:2/4;
  }
}
@media(max-width:760px){
  .footer-grid-full{
    grid-template-columns:1fr 1fr;
    gap:38px 28px;
  }
  .footer-newsletter-col{
    grid-column:1/-1;
  }
  .footer-copy{font-size:16px}
  .footer-links a,.footer-socials a{font-size:15px}
}
@media(max-width:520px){
  .site-footer{padding-top:46px}
  .footer-grid-full{
    grid-template-columns:1fr;
    gap:34px;
  }
  .footer-newsletter-col{grid-column:auto}
  .footer-copy{font-size:16px}
  .footer-links a,.footer-socials a{font-size:15px}
  .footer-bottom{font-size:10px}
  .whatsapp-float{
    width:52px;
    height:52px;
    right:14px;
    bottom:14px;
  }
  .whatsapp-float span{
    width:32px;
    height:32px;
    font-size:9px;
  }
}


/* Final responsive refinement batch */
.logo-text{
  color:var(--orange-action);
  font-size:26px;
  font-weight:900;
  letter-spacing:-.055em;
  line-height:1;
}
.logo-text:hover{color:var(--ink)}
.logo img{display:none}
.text-link::after{display:none!important;content:none!important}
.service-pill::after{display:none!important;content:none!important}

/* Home closing section separated from footer */
.home-closing-section{
  background:#eef0f1!important;
  color:var(--ink)!important;
  border-top:1px solid var(--line);
  border-bottom:1px solid #d7dadd;
}
.home-closing-section .partner-copy .lead{color:#555b60!important}
.home-closing-section .partner-services{border-top-color:rgba(17,18,20,.14)!important}
.home-closing-section .partner-services a{border-right-color:rgba(17,18,20,.14)!important}
.home-closing-section .partner-services span{color:#697075!important}
.home-closing-section .eyebrow{color:var(--orange-action)}
.home-closing-section .partner-image img{filter:saturate(.72) contrast(1.02)}

/* About car: show the entire vehicle */
.quote-panel-car{
  min-height:0;
  background:#f0f2f2;
}
.quote-panel-car::after{display:none}
.quote-car-grid{
  min-height:440px;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  align-items:stretch;
}
.quote-panel-car .quote-copy{
  max-width:650px;
  padding:76px 50px 76px 0;
  align-self:center;
}
.quote-car-media{
  min-height:440px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#e7eaeb;
  padding:24px;
}
.quote-car-media img{
  position:static!important;
  width:100%!important;
  height:100%!important;
  max-height:390px;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:saturate(.74) contrast(1.02)!important;
}

/* Product featured cars */
.product-featured-section{
  padding:68px 0 72px;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.product-featured-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:26px;
}
.product-featured-head .eyebrow{margin-bottom:12px}
.product-featured-head h2{
  margin:0;
  font-size:clamp(32px,3.4vw,50px);
  line-height:.96;
  letter-spacing:-.045em;
}
.product-featured-head p{
  max-width:360px;
  margin:0;
  color:#73787c;
  font-size:14px;
  line-height:1.6;
  text-align:right;
}
.product-featured-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.product-featured-card{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  min-height:315px;
  border-top:1px solid #17191c;
  background:#f3f4f4;
  overflow:hidden;
}
.product-featured-image{
  min-height:315px;
  overflow:hidden;
}
.product-featured-image img{
  height:100%;
  object-fit:cover;
  filter:saturate(.75);
  transition:transform .5s var(--ease);
}
.product-featured-card:hover .product-featured-image img{transform:scale(1.025)}
.product-featured-copy{
  padding:30px 28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.product-featured-meta{
  margin-bottom:auto;
  color:#7c8185;
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.product-featured-copy h3{
  margin:22px 0 20px;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.product-featured-bottom{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid #d6d9da;
  padding-top:15px;
}
.product-featured-bottom strong{
  font-size:26px;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
.product-featured-bottom span{font-size:12px;color:#72777b}

/* Product filters */
.product-filter-section{
  padding:28px 0;
  background:#f7f8f8;
}
.inventory-search.inventory-search-below{
  grid-template-columns:1.16fr 1.08fr .8fr 1.3fr 1.04fr auto;
  align-items:stretch;
}
.inventory-search .filter-field{
  min-width:0;
  padding:13px 15px;
}
.inventory-search .filter-field label{
  font-size:10.5px;
}
.inventory-search input,
.inventory-search select{
  font-size:14px;
}
.search-btn{
  min-width:88px;
  padding:0 16px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}

/* Larger brand menu */
.brand-select-trigger{min-height:34px}
.brand-select-current{
  gap:11px;
  font-size:15px;
  font-weight:750;
}
.brand-current-mark{
  width:38px;
  height:31px;
  font-size:8px;
}
.brand-current-logo{
  width:42px;
  height:34px;
}
.brand-menu-plus{
  font-size:19px;
  line-height:1;
  color:#5d6266;
  transition:transform .2s var(--ease);
}
.brand-select.open .brand-menu-plus{transform:rotate(45deg)}
.brand-select-menu{
  width:min(540px,80vw);
  max-height:390px;
  padding:10px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
.brand-option{
  min-height:62px;
  padding:10px 12px;
  gap:13px;
}
.brand-option-logo{
  width:45px;
  height:38px;
}
.brand-option-logo.fallback{font-size:9px}
.brand-option-name{
  font-size:14px;
  font-weight:760;
}

/* Budget range slider */
.budget-range-field{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.budget-range-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:7px;
}
.budget-range-head label{margin:0!important}
.budget-range-head span{
  color:#51565a;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
}
.budget-range{
  width:100%;
  height:18px;
  margin:0;
  padding:0!important;
  appearance:none;
  -webkit-appearance:none;
  background:transparent!important;
  cursor:pointer;
}
.budget-range::-webkit-slider-runnable-track{
  height:4px;
  border-radius:0;
  background:linear-gradient(90deg,var(--orange) 0,var(--orange) var(--budget-progress,100%),#d8dbdc var(--budget-progress,100%),#d8dbdc 100%);
}
.budget-range::-moz-range-track{
  height:4px;
  background:#d8dbdc;
}
.budget-range::-moz-range-progress{
  height:4px;
  background:var(--orange);
}
.budget-range::-webkit-slider-thumb{
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  margin-top:-7px;
  border:3px solid #fff;
  border-radius:50%;
  background:var(--orange-action);
  box-shadow:0 0 0 1px #b7bbbd;
}
.budget-range::-moz-range-thumb{
  width:14px;
  height:14px;
  border:3px solid #fff;
  border-radius:50%;
  background:var(--orange-action);
  box-shadow:0 0 0 1px #b7bbbd;
}

/* Standard 3 x 3 listing, magnifier on mouse hover */
.inventory-card:first-child{grid-column:auto!important}
.inventory-card:first-child .inventory-photo{aspect-ratio:1.5/1!important}
.inventory-card:first-child .inventory-copy h3{font-size:18px!important}
.inventory-card:first-child .inventory-price{font-size:24px!important}
.inventory-photo{
  cursor:zoom-in;
}
.inventory-photo::before,
.inventory-photo::after{
  content:"";
  position:absolute;
  z-index:3;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s var(--ease),transform .2s var(--ease);
}
.inventory-photo::before{
  left:50%;
  top:50%;
  width:44px;
  height:44px;
  border:2px solid #111;
  border-radius:50%;
  background:rgba(255,255,255,.88);
  transform:translate(-50%,-50%) scale(.86);
}
.inventory-photo::after{
  left:calc(50% + 14px);
  top:calc(50% + 15px);
  width:17px;
  height:2px;
  background:#111;
  transform:rotate(45deg) scale(.86);
  transform-origin:left center;
}
@media(hover:hover) and (pointer:fine){
  .inventory-photo:hover::before,
  .inventory-photo:hover::after{opacity:1}
  .inventory-photo:hover::before{transform:translate(-50%,-50%) scale(1)}
  .inventory-photo:hover::after{transform:rotate(45deg) scale(1)}
}
.inventory-photo .view{
  right:12px;
  bottom:12px;
  font-size:9px;
}

/* Pagination no arrows */
.pagination .pagination-prev,
.pagination .pagination-next{
  min-width:92px;
}

/* Footer: 4 columns */
.footer-grid-four{
  display:grid;
  grid-template-columns:1.25fr .82fr .82fr 1.45fr;
  gap:54px;
  align-items:start;
}
.footer-logo{
  display:inline-flex;
  align-items:center;
  margin-bottom:24px;
}
.footer-logo img{
  display:block;
  width:auto;
  height:44px;
  max-width:220px;
  object-fit:contain;
}
.footer-brand-copy{
  max-width:36ch;
  margin:0;
  color:#c0c3c5;
  font-size:15px;
  line-height:1.75;
}
.footer-contact-copy{
  font-size:15px;
  line-height:1.75;
}
.footer-social-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:18px;
}
.footer-social-row a{
  color:#c7c9cb;
  font-size:14px;
}
.footer-social-row a:hover{color:#fff}
.footer-newsletter-title{
  margin:25px 0 10px;
  color:var(--orange);
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.footer-newsletter input{font-size:15px}
.footer-newsletter button{font-size:13px}

/* Floating controls appear after first screen */
.floating-actions{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:46;
  display:flex;
  flex-direction:column;
  gap:10px;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;
}
.floating-actions.visible{
  opacity:1;
  visibility:visible;
  transform:none;
}
.floating-btn{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  font-size:10px;
  font-weight:900;
  letter-spacing:.03em;
  box-shadow:0 12px 30px rgba(10,14,18,.18);
  transition:transform .2s var(--ease),background .2s,color .2s;
}
.floating-btn:hover{transform:translateY(-2px)}
.floating-btn:active{transform:scale(.97)}
.floating-whatsapp{
  background:var(--orange-action);
  color:var(--orange-on-soft);
}
.floating-top{
  background:#fff;
  color:#111;
  border:1px solid #d6d8d9;
}

/* Laptop refinement: 1180–1366 */
@media(max-width:1366px){
  .container{width:min(var(--max),calc(100% - 44px))}
  .desktop-nav{gap:24px}
  .product-featured-copy{padding:25px 22px}
  .inventory-search.inventory-search-below{
    grid-template-columns:1.08fr 1fr .78fr 1.15fr 1fr auto;
  }
  .footer-grid-four{gap:38px}
}
@media(max-width:1180px){
  .desktop-nav{gap:18px}
  .inventory-search.inventory-search-below{
    grid-template-columns:repeat(3,1fr);
  }
  .inventory-search.inventory-search-below .filter-field{
    border-bottom:1px solid var(--line);
  }
  .search-btn{min-height:58px}
  .footer-grid-four{
    grid-template-columns:1.15fr .85fr .85fr;
    gap:42px 34px;
  }
  .footer-contact-col{grid-column:1/-1}
}
@media(max-width:860px){
  .quote-car-grid{
    grid-template-columns:1fr;
  }
  .quote-panel-car .quote-copy{
    padding:58px 0 32px;
  }
  .quote-car-media{
    min-height:340px;
    padding:18px;
  }
  .quote-car-media img{max-height:310px}
  .product-featured-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .product-featured-head p{text-align:left}
  .product-featured-grid{
    grid-template-columns:1fr;
  }
  .product-featured-card{
    grid-template-columns:1.15fr .85fr;
  }
  .inventory-search.inventory-search-below{
    grid-template-columns:1fr 1fr;
  }
  .search-btn{min-height:58px}
  .brand-select-menu{
    width:min(560px,92vw);
  }
  .footer-grid-four{
    grid-template-columns:1fr 1fr;
    gap:40px 28px;
  }
  .footer-contact-col{grid-column:auto}
}
@media(max-width:580px){
  .logo-text{font-size:23px}
  .product-featured-section{padding:52px 0 56px}
  .product-featured-card{
    grid-template-columns:1fr;
  }
  .product-featured-image{min-height:230px}
  .product-featured-copy{padding:22px 18px}
  .product-featured-copy h3{font-size:22px}
  .product-featured-bottom strong{font-size:23px}
  .inventory-search.inventory-search-below{
    grid-template-columns:1fr;
  }
  .inventory-search .filter-field{
    border-right:0!important;
    border-bottom:1px solid var(--line);
  }
  .brand-select-menu{
    left:0;
    width:100%;
    grid-template-columns:1fr;
  }
  .brand-option{
    min-height:58px;
  }
  .brand-option-logo{
    width:42px;
    height:35px;
  }
  .brand-option-name{font-size:14px}
  .inventory-grid{grid-template-columns:1fr}
  .footer-grid-four{
    grid-template-columns:1fr;
    gap:34px;
  }
  .footer-logo img{height:40px}
  .footer-brand-copy{font-size:14px}
  .floating-actions{
    right:14px;
    bottom:14px;
  }
  .floating-btn{
    width:50px;
    height:50px;
  }
}


/* Home closing services refinement */
.home-closing-section .partner-actions{
  display:flex;
  align-items:center;
  margin-top:28px;
}
.home-closing-section .partner-services{
  margin-top:28px;
  border-top:0!important;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.home-closing-section .partner-services a{
  min-width:0;
  min-height:96px;
  padding:17px 16px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(17,18,20,.12)!important;
  background:rgba(255,255,255,.62);
  transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);
}
.home-closing-section .partner-services a:hover{
  background:#fff;
  border-color:rgba(17,18,20,.24)!important;
  transform:translateY(-2px);
}
.home-closing-section .partner-services strong{
  font-size:14px;
  line-height:1.25;
}
.home-closing-section .partner-services span{
  margin-top:7px;
  font-size:13px;
  line-height:1.4;
}
@media(max-width:1180px){
  .home-closing-section .partner-services{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:580px){
  .home-closing-section .partner-actions{
    margin-top:24px;
  }
  .home-closing-section .partner-services{
    grid-template-columns:1fr;
    margin-top:24px;
  }
  .home-closing-section .partner-services a{
    min-height:84px;
    padding:15px 16px!important;
  }
}


/* Cart, hover zoom, featured image and floating button refinement */
.header-cart{
  min-height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #d9dcde;
  background:#fff;
  color:#17191b;
  font-size:12px;
  font-weight:800;
  transition:border-color .2s var(--ease),background .2s var(--ease);
}
.header-cart:hover{
  border-color:#b9bdc0;
  background:#f7f8f8;
}
.header-cart svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-cart-count{
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--orange-action);
  color:var(--orange-on-soft);
  font-size:10px;
  line-height:1;
}
.mobile-cart-link{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
}
.mobile-cart-link span{
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--orange-action);
  color:var(--orange-on-soft);
  font-size:10px;
  font-weight:800;
}

/* Featured cards use the car image across the whole card */
.product-featured-card{
  position:relative;
  display:block;
  min-height:390px;
  overflow:hidden;
  border-top:1px solid #17191c;
  background:#151719;
  color:#fff;
}
.product-featured-image{
  position:absolute;
  inset:0;
  min-height:0;
}
.product-featured-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.78) contrast(1.03);
  transition:transform .6s var(--ease);
}
.product-featured-card:hover .product-featured-image img{transform:scale(1.035)}
.product-featured-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(8,10,12,.12) 0%,rgba(8,10,12,.08) 38%,rgba(8,10,12,.64) 76%,rgba(8,10,12,.88) 100%),
    linear-gradient(0deg,rgba(8,10,12,.48),transparent 55%);
}
.product-featured-copy{
  position:relative;
  z-index:2;
  width:min(48%,360px);
  min-height:390px;
  margin-left:auto;
  padding:30px 28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.product-featured-meta{
  margin-bottom:auto;
  color:rgba(255,255,255,.72);
}
.product-featured-copy h3{
  color:#fff;
  text-shadow:0 1px 18px rgba(0,0,0,.2);
}
.product-featured-bottom{
  border-top-color:rgba(255,255,255,.28);
}
.product-featured-bottom strong{color:#fff}
.product-featured-bottom span{color:rgba(255,255,255,.7)}

/* Inventory card actions sit beside price */
.inventory-photo .view{display:none!important}
.inventory-card{display:block}
.inventory-price-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 0;
}
.inventory-price-actions .inventory-price{margin:0}
.inventory-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.inventory-view-btn,
.inventory-cart-btn{
  min-height:38px;
  border:1px solid #d6d9da;
  background:#fff;
  color:#111;
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease);
}
.inventory-view-btn{
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.inventory-cart-btn{
  width:40px;
  display:grid;
  place-items:center;
  padding:0;
}
.inventory-view-btn:hover,
.inventory-cart-btn:hover:not(:disabled){
  background:#111;
  border-color:#111;
  color:#fff;
}
.inventory-cart-btn:active:not(:disabled){transform:scale(.96)}
.inventory-cart-btn:disabled{opacity:.35;cursor:not-allowed}
.inventory-cart-btn.added{
  background:var(--orange-action)!important;
  border-color:var(--orange-action)!important;
  color:var(--orange-on-soft)!important;
}
.inventory-cart-btn svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.inventory-wishlist-btn svg path{
  fill:transparent;
  transition:fill .18s ease,stroke .18s ease;
}
.inventory-wishlist-btn.added svg path{
  fill:currentColor;
}

/* Cursor-led image zoom */
.inventory-photo{
  overflow:hidden;
  cursor:zoom-in;
}
.inventory-photo::before,
.inventory-photo::after{
  display:none!important;
  content:none!important;
}
.inventory-photo img{
  transform:scale(1);
  transform-origin:50% 50%;
  will-change:transform,transform-origin;
  transition:transform .28s ease-out;
}
@media(hover:hover) and (pointer:fine){
  .inventory-photo.is-zooming img{
    transform:scale(1.7);
    transition:transform .16s ease-out;
  }
}
@media(hover:none),(pointer:coarse){
  .inventory-photo{cursor:default}
  .inventory-photo img{transform:none!important}
}

/* WhatsApp and scroll-to-top controls */
.floating-actions{
  right:24px;
  bottom:24px;
  gap:12px;
}
.floating-whatsapp{
  position:relative;
  width:74px;
  height:74px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.whatsapp-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(37,211,102,.17);
  background:rgba(37,211,102,.055);
  pointer-events:none;
}
.whatsapp-ring-one{transform:scale(.86)}
.whatsapp-ring-two{transform:scale(1.08);opacity:.72}
.whatsapp-core{
  position:relative;
  z-index:2;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,60,38,.16);
}
.whatsapp-core img{
  width:30px;
  height:30px;
  object-fit:contain;
}
.floating-whatsapp:hover{transform:translateY(-2px)}
.floating-top{
  width:50px;
  height:50px;
  margin-left:auto;
  border:1px solid #d6d8d9;
  background:#fff;
  color:#111;
  font-size:22px;
  font-weight:500;
  line-height:1;
}

@media(max-width:1180px){
  .header-cart-label{display:none}
  .header-cart{padding:0 10px}
  .product-featured-card{min-height:360px}
  .product-featured-copy{min-height:360px;width:min(50%,330px)}
}
@media(max-width:860px){
  .header-cart{display:none}
  .product-featured-card{min-height:360px}
  .product-featured-copy{
    width:min(58%,340px);
    min-height:360px;
  }
  .product-featured-overlay{
    background:
      linear-gradient(90deg,rgba(8,10,12,.08) 0%,rgba(8,10,12,.12) 34%,rgba(8,10,12,.74) 75%,rgba(8,10,12,.88) 100%),
      linear-gradient(0deg,rgba(8,10,12,.52),transparent 54%);
  }
}
@media(max-width:580px){
  .product-featured-card{min-height:330px}
  .product-featured-copy{
    width:100%;
    min-height:330px;
    padding:22px 18px;
  }
  .product-featured-overlay{
    background:linear-gradient(0deg,rgba(8,10,12,.88) 0%,rgba(8,10,12,.62) 46%,rgba(8,10,12,.08) 82%);
  }
  .inventory-price-actions{align-items:flex-end}
  .inventory-actions{gap:6px}
  .inventory-view-btn{padding:0 10px}
  .inventory-cart-btn{width:38px}
  .floating-actions{right:12px;bottom:12px}
  .floating-whatsapp{width:68px;height:68px}
  .whatsapp-core{width:46px;height:46px}
  .whatsapp-core img{width:28px;height:28px}
  .floating-top{width:46px;height:46px;font-size:20px}
}


/* Ensure cursor-led zoom wins over the base card hover scale */
@media(hover:hover) and (pointer:fine){
  .inventory-card .inventory-photo.is-zooming img{
    transform:scale(1.7);
  }
}


/* Footer contact icon refinement */
.footer-contact-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-contact-item{
  display:flex;
  align-items:flex-start;
  gap:11px;
  color:#c7c9cb;
  font-size:14.5px;
  line-height:1.55;
}
a.footer-contact-item{
  transition:color .2s var(--ease);
}
a.footer-contact-item:hover{color:#fff}
.footer-contact-icon{
  width:29px;
  height:29px;
  flex:0 0 29px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.035);
}
.footer-contact-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:var(--orange);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.footer-subtitle{
  margin:24px 0 11px;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.footer-social-icons{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
}
.footer-social-icons a{
  min-height:40px;
  padding:7px 10px 7px 7px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.14);
  color:#c7c9cb;
  font-size:13px;
  transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease);
}
.footer-social-icons a:hover{
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.045);
  color:var(--orange-on-soft);
}
.footer-social-icons img{
  width:24px;
  height:24px;
  flex:0 0 24px;
  object-fit:contain;
}
.footer-newsletter-title{
  margin-top:24px;
}
.footer-newsletter-compact{
  width:min(100%,360px);
  grid-template-columns:minmax(0,1fr) 74px;
}
.footer-newsletter-compact input{
  height:42px;
  padding:0 12px;
  font-size:13px;
}
.footer-newsletter-compact button{
  min-width:74px;
  height:42px;
  padding:0 11px;
  font-size:12px;
}
.footer-newsletter-compact + .footer-newsletter-note{
  max-width:360px;
}

@media(max-width:1180px){
  .footer-contact-list{
    max-width:520px;
  }
}
@media(max-width:580px){
  .footer-contact-item{
    font-size:14px;
  }
  .footer-contact-icon{
    width:27px;
    height:27px;
    flex-basis:27px;
  }
  .footer-social-icons a{
    min-height:38px;
    font-size:12.5px;
  }
  .footer-social-icons img{
    width:22px;
    height:22px;
    flex-basis:22px;
  }
  .footer-newsletter-compact{
    width:100%;
    max-width:340px;
    grid-template-columns:minmax(0,1fr) 70px;
  }
  .footer-newsletter-compact input,
  .footer-newsletter-compact button{
    height:40px;
  }
}


/* Floating buttons and featured labels refinement */
.floating-actions{
  right:24px;
  bottom:24px;
  gap:12px;
  align-items:flex-end;
}
.floating-btn{
  width:82px;
  height:82px;
  border-radius:50%;
}
.floating-whatsapp{
  position:relative;
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  background:transparent;
  border:0;
  box-shadow:none;
}
.whatsapp-ring,
.whatsapp-core{display:none!important}
.whatsapp-clip{
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#55c83f;
  box-shadow:0 12px 30px rgba(31,112,53,.23);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.whatsapp-clip svg{
  width:100%;
  height:100%;
  display:block;
}
.whatsapp-clip circle{
  fill:#55c83f;
}
.whatsapp-clip path{
  fill:#fff;
  stroke:none;
}
.floating-whatsapp:hover .whatsapp-clip{
  transform:scale(1.04);
  box-shadow:0 16px 34px rgba(31,112,53,.3);
}
.floating-top{
  width:82px;
  height:82px;
  margin-left:0;
  display:grid;
  place-items:center;
  border:1px solid #d3d6d8;
  background:#fff;
  color:#111;
  box-shadow:0 12px 30px rgba(10,14,18,.15);
  font-size:34px;
  font-weight:400;
}
.floating-top span{
  display:block;
  transform:translateY(-2px);
}

/* Featured image identity moves to the upper-left */
.product-featured-overlay{
  background:
    linear-gradient(180deg,rgba(8,10,12,.55) 0%,rgba(8,10,12,.14) 34%,rgba(8,10,12,.08) 58%,rgba(8,10,12,.72) 100%),
    linear-gradient(90deg,rgba(8,10,12,.38) 0%,rgba(8,10,12,.08) 42%,rgba(8,10,12,.14) 100%);
}
.product-featured-identity{
  position:absolute;
  z-index:3;
  top:24px;
  left:24px;
  max-width:min(68%,420px);
}
.product-featured-identity h3{
  margin:0 0 12px;
  color:var(--orange-on-soft);
  font-size:26px;
  line-height:1.04;
  letter-spacing:-.035em;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.product-featured-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.product-featured-tags span{
  min-height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(8,10,12,.26);
  backdrop-filter:blur(7px);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.product-featured-copy{
  position:absolute;
  z-index:3;
  left:24px;
  right:24px;
  bottom:22px;
  width:auto;
  min-height:0;
  margin:0;
  padding:0;
}
.product-featured-bottom{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(255,255,255,.34);
  padding-top:14px;
}
.product-featured-bottom strong{
  font-size:28px;
  color:#fff;
}
.product-featured-bottom span{
  font-size:12px;
  color:rgba(255,255,255,.76);
}

@media(max-width:860px){
  .floating-btn,
  .floating-whatsapp,
  .floating-top{
    width:74px;
    height:74px;
  }
  .whatsapp-clip{
    width:64px;
    height:64px;
  }
  .floating-top{
    font-size:31px;
  }
  .product-featured-identity{
    top:20px;
    left:20px;
    max-width:72%;
  }
  .product-featured-identity h3{
    font-size:24px;
  }
  .product-featured-copy{
    left:20px;
    right:20px;
    bottom:20px;
  }
}
@media(max-width:580px){
  .floating-actions{
    right:12px;
    bottom:12px;
    gap:10px;
  }
  .floating-btn,
  .floating-whatsapp,
  .floating-top{
    width:68px;
    height:68px;
  }
  .whatsapp-clip{
    width:58px;
    height:58px;
  }
  .floating-top{
    font-size:28px;
  }
  .product-featured-identity{
    top:17px;
    left:17px;
    max-width:82%;
  }
  .product-featured-identity h3{
    font-size:22px;
    margin-bottom:9px;
  }
  .product-featured-tags span{
    min-height:25px;
    padding:0 8px;
    font-size:8px;
  }
  .product-featured-copy{
    left:17px;
    right:17px;
    bottom:16px;
  }
  .product-featured-bottom strong{
    font-size:24px;
  }
}


/* Final filter cart and footer refinement */

/* Header cart popover */
.header-cart-wrap{
  position:relative;
  flex:0 0 auto;
}
.header-cart{
  cursor:pointer;
}
.cart-popover{
  position:absolute;
  right:0;
  top:calc(100% + 14px);
  z-index:90;
  width:340px;
  padding:18px;
  display:none;
  background:#fff;
  border:1px solid #dfe2e4;
  box-shadow:0 24px 70px rgba(12,16,20,.18);
}
.cart-popover.open{display:block}
.cart-popover-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-bottom:13px;
  border-bottom:1px solid #e3e5e6;
}
.cart-popover-head strong{
  font-size:16px;
  letter-spacing:-.02em;
}
.cart-popover-head span{
  color:#777d81;
  font-size:11px;
}
.cart-popover-items{
  display:flex;
  flex-direction:column;
}
.cart-popover-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid #eceeef;
}
.cart-popover-item span{
  min-width:0;
  color:#33383c;
  font-size:12px;
  line-height:1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cart-popover-item strong{
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.cart-popover-more,
.cart-popover-empty{
  padding:14px 0;
  color:#7d8286;
  font-size:11px;
}
.cart-popover-link{
  min-height:44px;
  margin-top:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--orange-action);
  color:var(--orange-on-soft);
  font-size:11px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.cart-popover-link:hover{background:var(--orange-hover);color:var(--orange-on-soft)}

.wishlist-item-main{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.wishlist-item-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.wishlist-item-name{
  color:#202326!important;
  font-size:13px!important;
  font-weight:750;
  text-decoration:none;
}
.wishlist-item-price{
  color:#62676a;
  font-size:11px!important;
  font-weight:650!important;
}
.wishlist-item-remove{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:1px solid #dfe2e3;
  background:#fff;
  color:#272a2c;
  font-size:21px;
  line-height:1;
  cursor:pointer;
}
.wishlist-item-remove:hover{
  border-color:#272a2c;
}

.wishlist-enquiry-summary{
  margin:2px 0 18px;
  padding:18px 20px;
  border:1px solid #d7d0c6;
  background:#f3eee6;
  color:#232522;
}
.wishlist-enquiry-summary[hidden]{display:none!important}
.wishlist-enquiry-summary > strong{
  display:block;
  margin-bottom:10px;
  font-size:15px;
}
.wishlist-enquiry-summary ul{
  margin:0;
  padding:0;
  list-style:none;
}
.wishlist-enquiry-summary li{
  min-height:38px;
  padding:8px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid rgba(35,37,34,.12);
  font-size:14px;
}
.wishlist-enquiry-summary li strong{
  white-space:nowrap;
  font-size:13px;
}
.wishlist-enquiry-summary p{
  margin:9px 0 0;
  color:#6b675f;
  font-size:12px;
}

/* Sticky product filters */
.product-filter-section{
  position:sticky!important;
  top:74px;
  z-index:40!important;
  padding:14px 0!important;
  background:rgba(247,248,248,.96)!important;
  backdrop-filter:blur(16px);
  box-shadow:0 8px 24px rgba(15,19,22,.065);
}
.inventory-search.inventory-search-below{
  box-shadow:none!important;
  border:1px solid #dadddf;
  background:#fff;
}
.brand-field,
.bodytype-field{
  overflow:visible!important;
}
.brand-select,
.type-select{
  position:relative;
}
.multi-filter-trigger{
  width:100%;
  min-height:34px;
  border:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:transparent;
  color:#111;
  text-align:left;
}
.brand-select-current,
#type-current{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  font-weight:750;
}
.brand-select-current{
  display:flex;
  align-items:center;
  gap:10px;
}
.brand-current-logo-wrap{
  width:34px;
  height:28px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
}
.brand-current-logo-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.filter-chevron{
  width:17px;
  height:17px;
  flex:0 0 auto;
  fill:none;
  stroke:#60666a;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .2s var(--ease);
}
.multi-filter.open .filter-chevron{transform:rotate(180deg)}
.brand-menu-plus,
.brand-current-mark{display:none!important}

/* Premium multi-select menus */
.premium-filter-menu{
  position:absolute;
  top:calc(100% + 14px);
  left:-15px;
  z-index:100;
  display:none;
  overflow:auto;
  max-height:430px;
  background:#fff;
  border:1px solid #d9dddf;
  box-shadow:0 24px 70px rgba(12,16,20,.18);
}
.brand-select.open .brand-select-menu{
  display:grid;
}
.type-select.open .type-select-menu{
  display:flex;
}
.brand-select-menu{
  width:min(620px,82vw)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  padding:10px!important;
}
.type-select-menu{
  width:300px;
  padding:8px;
  flex-direction:column;
}
.multi-option{
  min-width:0;
  min-height:60px;
  padding:9px 11px;
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  background:#fff;
  color:#292e32;
  text-align:left;
  border-radius:0;
  transition:background .16s,color .16s;
}
.multi-option:hover{
  background:#f5f6f6;
  color:#111;
}
.multi-option.active{
  background:#f1f3f3;
  box-shadow:inset 2px 0 0 var(--orange);
}
.multi-option-check{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  border:1px solid #cbd0d3;
  background:#fff;
}
.multi-option-check svg{
  width:12px;
  height:12px;
  fill:none;
  stroke:var(--orange-on-soft);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:0;
}
.multi-option.active .multi-option-check{
  border-color:var(--orange-action);
  background:var(--orange-action);
}
.multi-option.active .multi-option-check svg{opacity:1}
.brand-option-logo{
  width:46px!important;
  height:34px!important;
  flex:0 0 46px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:2px!important;
  background:#fff;
}
.brand-option-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}
.brand-option-logo.fallback{
  border:1px solid #d8dcde;
  font-size:9px!important;
}
.brand-option-name,
.type-option-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px!important;
  font-weight:750!important;
}
.brand-option:first-child{
  grid-column:1/-1;
  min-height:48px;
  border-bottom:1px solid #e5e7e8;
  margin-bottom:4px;
}
.brand-option:first-child .brand-option-name{
  color:#555b5f;
}
.type-option{
  min-height:48px;
}

/* Product card action refinements */
.inventory-view-btn{
  min-width:58px;
}
.inventory-cart-btn{
  position:relative;
  width:42px;
}
.cart-plus{
  position:absolute;
  right:3px;
  top:2px;
  width:14px;
  height:14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--orange-action);
  color:var(--orange-on-soft);
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.inventory-cart-btn:hover:not(:disabled) .cart-plus{
  background:#fff;
  color:#111;
}

/* Footer cleanup and balance */
.site-footer{
  padding:54px 0 30px!important;
}
.footer-grid-four{
  grid-template-columns:minmax(250px,1.15fr) .78fr .78fr minmax(300px,1.35fr)!important;
  gap:44px!important;
}
.footer-col{
  min-width:0;
}
.footer-title{
  margin-bottom:18px!important;
}
.footer-brand-col{
  padding-right:14px;
}
.footer-brand-copy{
  max-width:33ch!important;
  font-size:14.5px!important;
  line-height:1.72!important;
}
.footer-contact-col{
  min-width:0;
}
.footer-contact-list{
  gap:10px!important;
}
.footer-contact-item{
  font-size:14px!important;
  line-height:1.48!important;
}
.footer-contact-icon{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
}
.footer-social-icons{
  gap:8px!important;
}
.footer-social-icons a{
  min-height:36px!important;
  padding:5px 9px 5px 5px!important;
  font-size:12px!important;
}
.footer-social-icons img{
  width:22px!important;
  height:22px!important;
  flex-basis:22px!important;
}
.footer-newsletter-title{
  margin:20px 0 9px!important;
}
.footer-newsletter-compact{
  width:min(100%,320px)!important;
  grid-template-columns:minmax(0,1fr) 68px!important;
}
.footer-newsletter-compact input,
.footer-newsletter-compact button{
  height:38px!important;
}
.footer-newsletter-compact input{
  padding:0 10px!important;
  font-size:12.5px!important;
}
.footer-newsletter-compact button{
  min-width:68px!important;
  padding:0 8px!important;
  font-size:11px!important;
}
.footer-bottom{
  margin-top:34px!important;
}

/* Laptop */
@media(max-width:1180px){
  .footer-grid-four{
    grid-template-columns:1.15fr .75fr .75fr 1.25fr!important;
    gap:30px!important;
  }
  .footer-brand-copy{font-size:14px!important}
  .footer-contact-item{font-size:13.5px!important}
  .inventory-search.inventory-search-below{
    grid-template-columns:repeat(3,1fr)!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .header-cart-wrap{
    margin-left:auto;
  }
  .header-cart{
    display:inline-flex!important;
    min-height:40px;
    padding:0 10px!important;
  }
  .header-cart-label{display:none!important}
  .cart-popover{
    position:fixed;
    top:76px;
    right:18px;
    width:min(340px,calc(100vw - 36px));
  }
  .product-filter-section{
    top:68px;
  }
  .footer-grid-four{
    grid-template-columns:1fr 1fr!important;
    gap:38px 30px!important;
  }
  .footer-contact-col{
    grid-column:auto!important;
  }
  .brand-select-menu{
    width:min(560px,90vw)!important;
  }
}

/* Mobile */
@media(max-width:580px){
  .cart-popover{
    top:68px;
    left:14px;
    right:14px;
    width:auto;
  }
  .product-filter-section{
    top:68px;
    padding:9px 0!important;
  }
  .inventory-search.inventory-search-below{
    grid-template-columns:1fr!important;
  }
  .premium-filter-menu{
    left:0!important;
    width:100%!important;
  }
  .brand-select-menu{
    grid-template-columns:1fr!important;
    max-height:360px;
  }
  .brand-option:first-child{
    grid-column:auto;
  }
  .footer-grid-four{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .footer-brand-col{
    padding-right:0;
  }
  .footer-newsletter-compact{
    width:100%!important;
    max-width:300px;
  }
}


/* Footer icons floating buttons cart quantities featured wording */

/* Footer contact + social icons: clean vector treatment with no boxes */
.footer-contact-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  border:0!important;
  background:transparent!important;
}
.footer-contact-icon svg{
  width:18px!important;
  height:18px!important;
  stroke:var(--orange)!important;
  stroke-width:1.8!important;
}
.footer-contact-item{
  align-items:flex-start!important;
  gap:10px!important;
}
.footer-contact-item:hover .footer-contact-icon svg{
  stroke:#fff!important;
}
.footer-social-icons{
  gap:14px!important;
}
.footer-social-icons a{
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  gap:8px!important;
}
.footer-social-icons a:hover{
  border:0!important;
  background:transparent!important;
}
.footer-social-vector{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  flex:0 0 23px;
}
.footer-social-vector svg{
  width:22px;
  height:22px;
  display:block;
}
.footer-social-icons a:first-child .footer-social-vector path{
  fill:var(--orange);
  stroke:none;
}
.footer-social-icons a:nth-child(2) .footer-social-vector rect,
.footer-social-icons a:nth-child(2) .footer-social-vector circle{
  fill:none;
  stroke:var(--orange);
  stroke-width:1.8;
}
.footer-social-icons a:nth-child(2) .footer-social-vector .fill-dot{
  fill:var(--orange);
  stroke:none;
}
.footer-social-icons a:hover .footer-social-vector path{
  fill:#fff;
}
.footer-social-icons a:nth-child(2):hover .footer-social-vector rect,
.footer-social-icons a:nth-child(2):hover .footer-social-vector circle{
  stroke:#fff;
}
.footer-social-icons a:nth-child(2):hover .footer-social-vector .fill-dot{
  fill:#fff;
}

/* Header cart: quantity controls, remove and clear */
.cart-popover{
  width:370px;
}
.cart-popover-head{
  align-items:flex-start;
}
.cart-popover-head > div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.cart-clear-btn{
  border:0;
  padding:3px 0;
  background:transparent;
  color:#8a8e91;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
  transition:color .18s;
}
.cart-clear-btn:hover:not(:disabled){color:var(--orange-action)}
.cart-clear-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.cart-popover-item{
  display:block!important;
  padding:13px 0!important;
}
.cart-item-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  gap:10px;
  align-items:start;
}
.cart-item-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.cart-item-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#252a2e;
  font-size:12px;
  font-weight:700;
}
.cart-item-price{
  color:#5f6569;
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.cart-item-remove{
  width:28px;
  height:28px;
  border:0;
  background:transparent;
  color:#8c9195;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:color .18s,background .18s;
}
.cart-item-remove:hover{
  color:#111;
  background:#f1f3f3;
}
.cart-item-controls{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  border:1px solid #dfe2e4;
}
.cart-qty-btn{
  width:30px;
  height:30px;
  border:0;
  background:#fff;
  color:#111;
  font-size:16px;
  line-height:1;
  cursor:pointer;
}
.cart-qty-btn:hover:not(:disabled){background:#f1f3f3}
.cart-qty-btn:disabled{
  color:#c2c5c7;
  cursor:not-allowed;
}
.cart-qty-value{
  min-width:34px;
  height:30px;
  display:grid;
  place-items:center;
  border-left:1px solid #e2e4e5;
  border-right:1px solid #e2e4e5;
  font-size:11px;
  font-weight:800;
}

/* Floating controls: smaller, stacked, same size like the reference */
.floating-actions{
  right:20px!important;
  bottom:20px!important;
  gap:10px!important;
  align-items:center!important;
}
.floating-btn,
.floating-whatsapp,
.floating-top{
  width:64px!important;
  height:64px!important;
}
.floating-whatsapp{
  display:grid!important;
  place-items:center!important;
}
.whatsapp-clip{
  width:52px!important;
  height:52px!important;
  background:#168442!important;
  box-shadow:
    0 0 0 6px rgba(22,132,66,.10),
    0 0 0 11px rgba(22,132,66,.055),
    0 8px 20px rgba(22,80,48,.18)!important;
}
.whatsapp-clip circle{
  fill:#168442!important;
}
.floating-top{
  width:64px!important;
  height:64px!important;
  margin:0!important;
  border:0!important;
  background:#19395d!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(14,34,56,.2)!important;
  font-size:24px!important;
}
.floating-top:hover{
  background:#102f50!important;
}

/* Featured car top-left wording restored to the compact previous format */
.product-featured-identity{
  top:24px!important;
  left:24px!important;
}
.product-featured-identity .product-featured-meta{
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 12px rgba(0,0,0,.3);
}
.product-featured-copy h3{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}

@media(max-width:900px){
  .cart-popover{
    width:min(370px,calc(100vw - 36px));
  }
  .floating-actions{
    right:16px!important;
    bottom:16px!important;
  }
  .floating-btn,
  .floating-whatsapp,
  .floating-top{
    width:58px!important;
    height:58px!important;
  }
  .whatsapp-clip{
    width:48px!important;
    height:48px!important;
  }
  .floating-top{
    font-size:22px!important;
  }
  .product-featured-identity{
    top:20px!important;
    left:20px!important;
  }
}
@media(max-width:580px){
  .floating-actions{
    right:12px!important;
    bottom:12px!important;
    gap:9px!important;
  }
  .floating-btn,
  .floating-whatsapp,
  .floating-top{
    width:54px!important;
    height:54px!important;
  }
  .whatsapp-clip{
    width:44px!important;
    height:44px!important;
    box-shadow:
      0 0 0 5px rgba(22,132,66,.10),
      0 0 0 9px rgba(22,132,66,.05),
      0 7px 18px rgba(22,80,48,.17)!important;
  }
  .floating-top{
    font-size:20px!important;
  }
  .product-featured-identity{
    top:17px!important;
    left:17px!important;
  }
  .product-featured-identity .product-featured-meta{
    font-size:8.5px!important;
  }
  .product-featured-copy h3{
    font-size:21px!important;
  }
}


/* Supplied WhatsApp logo refinement */
.whatsapp-clip{
  overflow:hidden!important;
  background:#fff!important;
}
.whatsapp-clip svg{
  display:none!important;
}
.whatsapp-clip img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
}


/* Mobile filter footer two-column and floating control refinement */

/* Social links live with the brand description */
.footer-brand-social{
  margin-top:24px;
}
.footer-brand-social .footer-subtitle{
  margin-top:0!important;
}

/* Floating controls: smaller, fully round, no square treatment */
.floating-actions{
  right:18px!important;
  bottom:18px!important;
  gap:9px!important;
}
.floating-btn,
.floating-whatsapp,
.floating-top{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:50%!important;
}
.floating-whatsapp{
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border:0!important;
  background:#168442!important;
  box-shadow:
    0 0 0 5px rgba(22,132,66,.10),
    0 0 0 10px rgba(22,132,66,.045),
    0 9px 22px rgba(22,80,48,.2)!important;
}
.whatsapp-round-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
}
.whatsapp-round-icon svg{
  width:42px;
  height:42px;
  display:block;
}
.whatsapp-round-icon .wa-bubble{
  fill:none;
  stroke:#fff;
  stroke-width:3;
  stroke-linejoin:round;
}
.whatsapp-round-icon .wa-phone{
  fill:#fff;
  stroke:none;
}
.whatsapp-clip,
.whatsapp-logo-image{
  display:none!important;
}
.floating-top{
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:#19395d!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(14,34,56,.2)!important;
}
.floating-top svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.floating-top:hover{
  background:#102f50!important;
}

/* Mobile product filters collapse into one control */
.mobile-filter-toggle{
  display:none;
}
@media(max-width:580px){
  .product-filter-section{
    padding:9px 0!important;
  }
  .mobile-filter-toggle{
    width:100%;
    min-height:54px;
    padding:10px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border:1px solid #dadddf;
    background:#fff;
    color:#111;
    text-align:left;
  }
  .mobile-filter-toggle-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
  }
  .mobile-filter-toggle-copy strong{
    font-size:13px;
    line-height:1.2;
  }
  .mobile-filter-toggle-copy small{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#777d81;
    font-size:10px;
    line-height:1.3;
  }
  .mobile-filter-toggle-icon{
    width:18px;
    height:18px;
    flex:0 0 auto;
    fill:none;
    stroke:#5e6468;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .2s var(--ease);
  }
  .product-filter-section.mobile-filters-open .mobile-filter-toggle-icon{
    transform:rotate(180deg);
  }
  .product-filter-section .inventory-search.inventory-search-below{
    display:none!important;
    margin-top:8px!important;
    max-height:calc(100vh - 150px);
    overflow:auto;
    box-shadow:0 16px 34px rgba(10,14,18,.08)!important;
  }
  .product-filter-section.mobile-filters-open .inventory-search.inventory-search-below{
    display:grid!important;
  }
  .product-filter-section .inventory-search .filter-field{
    background:#fff;
  }
  .product-filter-section .premium-filter-menu{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    max-height:280px!important;
    margin-top:10px;
    box-shadow:none!important;
    border:1px solid #e0e3e4!important;
  }
  .product-filter-section .brand-select-menu{
    grid-template-columns:1fr!important;
  }
  .product-filter-section .type-select-menu{
    width:100%!important;
  }
}

/* Footer stays two columns on mobile, same structural layout as tablet */
@media(max-width:580px){
  .footer-grid-four{
    grid-template-columns:1fr 1fr!important;
    gap:30px 22px!important;
  }
  .footer-brand-col{
    padding-right:0!important;
  }
  .footer-brand-copy{
    font-size:13px!important;
    line-height:1.65!important;
  }
  .footer-title{
    font-size:10.5px!important;
    margin-bottom:14px!important;
  }
  .footer-links a{
    font-size:13px!important;
    line-height:1.7!important;
  }
  .footer-contact-item{
    font-size:12.5px!important;
  }
  .footer-brand-social{
    margin-top:18px;
  }
  .footer-social-icons{
    flex-direction:column;
    align-items:flex-start;
    gap:9px!important;
  }
  .footer-social-icons a{
    font-size:11.5px!important;
  }
  .footer-newsletter-compact{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr) 62px!important;
  }
  .footer-newsletter-compact input,
  .footer-newsletter-compact button{
    height:36px!important;
  }
  .footer-newsletter-compact button{
    min-width:62px!important;
    font-size:10px!important;
  }
  .footer-bottom{
    grid-column:1/-1;
  }
  .floating-actions{
    right:12px!important;
    bottom:12px!important;
    gap:8px!important;
  }
  .floating-btn,
  .floating-whatsapp,
  .floating-top{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
  .floating-whatsapp{
    box-shadow:
      0 0 0 4px rgba(22,132,66,.10),
      0 0 0 8px rgba(22,132,66,.04),
      0 7px 18px rgba(22,80,48,.18)!important;
  }
  .whatsapp-round-icon,
  .whatsapp-round-icon svg{
    width:38px;
    height:38px;
  }
  .floating-top svg{
    width:21px;
    height:21px;
  }
}


/* Clean WhatsApp vector icon */
.whatsapp-round-icon{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
}
.whatsapp-round-icon svg{
  display:none!important;
}
.whatsapp-round-icon img{
  width:31px!important;
  height:31px!important;
  display:block!important;
  object-fit:contain!important;
  filter:none!important;
}
.floating-whatsapp{
  overflow:visible!important;
}
@media(max-width:580px){
  .whatsapp-round-icon{
    width:33px!important;
    height:33px!important;
  }
  .whatsapp-round-icon img{
    width:28px!important;
    height:28px!important;
  }
}


/* Always-visible WhatsApp refinement */
.floating-actions{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:none;
}
.floating-whatsapp{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto;
}
.floating-top{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(8px)!important;
  pointer-events:none;
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s!important;
}
.floating-actions.show-top .floating-top{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto;
}

/* Smaller WhatsApp mark inside the same round button */
.whatsapp-round-icon{
  width:30px!important;
  height:30px!important;
}
.whatsapp-round-icon img{
  width:24px!important;
  height:24px!important;
}
@media(max-width:580px){
  .whatsapp-round-icon{
    width:28px!important;
    height:28px!important;
  }
  .whatsapp-round-icon img{
    width:22px!important;
    height:22px!important;
  }
}


/* Homepage brand marquee speed and logo clarity */
.brand-marquee{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)!important;
}
.brand-marquee-track{
  animation-duration:86s!important;
}
.brand-marquee-item{
  color:#31363a!important;
  background:#fff;
}
.brand-marquee-logo{
  width:58px!important;
  height:52px!important;
}
.brand-marquee-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
  image-rendering:auto;
}
.brand-marquee-name{
  color:#2c3135!important;
  font-size:13px!important;
  font-weight:800!important;
}
.brand-marquee-item:hover{
  background:#f7f8f8!important;
}
.brand-marquee-item:hover .brand-marquee-logo img{
  filter:none!important;
  opacity:1!important;
}

@media(max-width:860px){
  .brand-marquee-track{
    animation-duration:80s!important;
  }
  .brand-marquee-logo{
    width:52px!important;
    height:47px!important;
  }
}
@media(max-width:580px){
  .brand-marquee-track{
    animation-duration:74s!important;
  }
  .brand-marquee-logo{
    width:46px!important;
    height:42px!important;
  }
  .brand-marquee-name{
    font-size:11.5px!important;
  }
}


/* Global non-title typography enlargement */

/* Slower homepage brand marquee */
.brand-marquee-track{
  animation-duration:150s!important;
}
@media(max-width:860px){
  .brand-marquee-track{animation-duration:140s!important}
}
@media(max-width:580px){
  .brand-marquee-track{animation-duration:130s!important}
}

/* Keep headings/titles unchanged; increase supporting UI/body text */
body{
  font-size:17px;
}

.desktop-nav a{
  font-size:16px!important;
}
.header-cta{
  font-size:13px!important;
}
.header-cart,
.mobile-panel a{
  font-size:15px!important;
}
.header-cart-count{
  font-size:11px!important;
}

.lead{
  font-size:19px!important;
  line-height:1.7!important;
}
.eyebrow{
  font-size:11.5px!important;
}
.label{
  font-size:12.5px!important;
}
.text-link{
  font-size:14px!important;
}
.btn-orange,
.btn-outline{
  font-size:12.5px!important;
}
.hero-scroll,
.hero-vertical-nav a{
  font-size:12.5px!important;
}
.journey-item p{
  font-size:15px!important;
}
.manifesto-kicker{
  font-size:16px!important;
}
.play-link{
  font-size:13px!important;
}
.section-heading p{
  font-size:17px!important;
}

.feature-meta{
  font-size:13px!important;
}
.partner-services strong{
  font-size:15px!important;
}
.partner-services span{
  font-size:14px!important;
}
.metric span{
  font-size:12.5px!important;
}
.story-fact span{
  font-size:12px!important;
}
.quote-copy p{
  font-size:16px!important;
}
.service-pill p{
  font-size:15px!important;
}
.partner-cloud span{
  font-size:13px!important;
}
.why-item p{
  font-size:15px!important;
}
.field label{
  font-size:12px!important;
}
.field input,
.field select,
.field textarea{
  font-size:16px!important;
}
.form-note{
  font-size:13px!important;
}

/* Product filters and product metadata */
.inventory-search .filter-field label{
  font-size:11px!important;
}
.inventory-search input,
.inventory-search select,
.brand-select-current,
#type-current{
  font-size:15px!important;
}
.budget-range-head span{
  font-size:12px!important;
}
.search-btn{
  font-size:14px!important;
}
.brand-option-name,
.type-option-name{
  font-size:15px!important;
}
.inventory-toolbar p{
  font-size:15px!important;
}
.inventory-top{
  font-size:11.5px!important;
}
.inventory-spec span{
  font-size:10.5px!important;
}
.inventory-spec strong{
  font-size:14px!important;
}
.preview-caption{
  font-size:14px!important;
  line-height:1.7!important;
}
.inventory-view-btn,
.inventory-cart-btn{
  font-size:11px!important;
}
.pagination button{
  font-size:14px!important;
}

/* Featured / marquee supporting copy */
.brand-marquee-head .label{
  font-size:14px!important;
}
.brand-marquee-note{
  font-size:13px!important;
}
.brand-marquee-name{
  font-size:14px!important;
}
.product-featured-head p{
  font-size:15px!important;
}
.product-featured-meta{
  font-size:11px!important;
}
.product-featured-bottom span{
  font-size:13px!important;
}

/* Cart popover */
.cart-popover-head span{
  font-size:12px!important;
}
.cart-clear-btn{
  font-size:11px!important;
}
.cart-item-name{
  font-size:13px!important;
}
.cart-item-price,
.cart-popover-more,
.cart-popover-empty{
  font-size:12px!important;
}
.cart-popover-link{
  font-size:12px!important;
}
.cart-qty-value{
  font-size:12px!important;
}

/* Footer */
.footer-brand-copy{
  font-size:15.5px!important;
}
.footer-title,
.footer-subtitle,
.footer-newsletter-title{
  font-size:13px!important;
}
.footer-links a{
  font-size:16px!important;
}
.footer-contact-item{
  font-size:15px!important;
}
.footer-social-icons a{
  font-size:13px!important;
}
.footer-newsletter-compact input{
  font-size:14px!important;
}
.footer-newsletter-compact button{
  font-size:12px!important;
}
.footer-newsletter-note{
  font-size:13px!important;
}
.footer-bottom{
  font-size:12px!important;
}

/* Mobile: still larger, without breaking layouts */
@media(max-width:860px){
  .lead{
    font-size:18px!important;
  }
  .section-heading p{
    font-size:16px!important;
  }
  .mobile-panel a{
    font-size:16px!important;
  }
}

@media(max-width:580px){
  body{
    font-size:16px;
  }
  .lead{
    font-size:17px!important;
  }
  .eyebrow{
    font-size:11px!important;
  }
  .label{
    font-size:12px!important;
  }
  .journey-item p,
  .service-pill p,
  .why-item p{
    font-size:14px!important;
  }
  .brand-marquee-head .label{
    font-size:12px!important;
  }
  .brand-marquee-note{
    font-size:11px!important;
  }
  .brand-marquee-name{
    font-size:12px!important;
  }
  .footer-title,
  .footer-subtitle,
  .footer-newsletter-title{
    font-size:11.5px!important;
  }
  .footer-brand-copy{
    font-size:13.5px!important;
  }
  .footer-links a{
    font-size:13.5px!important;
  }
  .footer-contact-item{
    font-size:13px!important;
  }
  .footer-social-icons a{
    font-size:12px!important;
  }
  .footer-bottom{
    font-size:10.5px!important;
  }
}


/* Global non-title font enlargement and slower marquee */

/* Much slower homepage brand marquee */
.brand-marquee-track{
  animation-duration:140s!important;
}
@media(max-width:860px){
  .brand-marquee-track{
    animation-duration:132s!important;
  }
}
@media(max-width:580px){
  .brand-marquee-track{
    animation-duration:124s!important;
  }
}

/* Keep main titles/headlines unchanged; enlarge supporting typography */
body{
  font-size:17px;
}
.desktop-nav a{
  font-size:16px!important;
}
.header-cta{
  font-size:13px!important;
}
.header-cart,
.header-cart-label{
  font-size:13px!important;
}
.mobile-panel a{
  font-size:16px!important;
}

.lead{
  font-size:19px!important;
  line-height:1.72!important;
}
.label{
  font-size:12px!important;
}
.eyebrow{
  font-size:11.5px!important;
}
.text-link{
  font-size:14px!important;
}
.btn-orange,
.btn-outline{
  font-size:13px!important;
}
.hero-scroll{
  font-size:12px!important;
}
.hero-vertical-nav a{
  font-size:13px!important;
}

.journey-item h2,.journey-item h3{
  font-size:17px!important;
}
.journey-item p{
  font-size:15px!important;
}
.manifesto-kicker{
  font-size:16px!important;
}
.play-link{
  font-size:13px!important;
}
.section-heading p{
  font-size:17px!important;
}

.feature-meta{
  font-size:13px!important;
}
.partner-services strong{
  font-size:15px!important;
}
.partner-services span{
  font-size:14px!important;
}
.metric span{
  font-size:12.5px!important;
}
.story-fact span{
  font-size:12px!important;
}
.quote-copy p{
  font-size:16px!important;
}
.service-pill h2{
  font-size:19px!important;
}
.service-pill p{
  font-size:15px!important;
}
.partner-cloud span{
  font-size:13px!important;
}
.why-item strong{
  font-size:16px!important;
}
.why-item p{
  font-size:15px!important;
}

.field label{
  font-size:12px!important;
}
.field input,
.field select,
.field textarea{
  font-size:17px!important;
}
.form-note{
  font-size:13px!important;
}

/* Product filters and cards */
.inventory-search .filter-field label{
  font-size:11px!important;
}
.inventory-search input,
.inventory-search select,
.brand-select-current,
#type-current{
  font-size:16px!important;
}
.budget-range-head span{
  font-size:12.5px!important;
}
.search-btn{
  font-size:14px!important;
}
.inventory-toolbar p{
  font-size:15px!important;
}
.inventory-toolbar select{
  font-size:14px!important;
}
.inventory-top{
  font-size:11.5px!important;
}
.inventory-copy h3{
  font-size:19px!important;
}
.inventory-price{
  font-size:25px!important;
}
.inventory-spec span{
  font-size:10.5px!important;
}
.inventory-spec strong{
  font-size:14px!important;
}
.inventory-view-btn{
  font-size:11px!important;
}
.preview-caption{
  font-size:14px!important;
  line-height:1.7!important;
}

.brand-marquee-note{
  font-size:13px!important;
}
.brand-marquee-name{
  font-size:14px!important;
}
.brand-option-name,
.type-option-name{
  font-size:15px!important;
}
.multi-option{
  font-size:15px!important;
}

/* Featured-car supporting text only; heading sizes remain unchanged */
.product-featured-meta{
  font-size:11px!important;
}
.product-featured-bottom span{
  font-size:13px!important;
}

/* Cart popover */
.cart-popover-head span,
.cart-popover-empty,
.cart-popover-more{
  font-size:12px!important;
}
.cart-item-name{
  font-size:13px!important;
}
.cart-item-price{
  font-size:12px!important;
}
.cart-qty-value{
  font-size:12px!important;
}
.cart-clear-btn,
.cart-popover-link{
  font-size:11.5px!important;
}

/* Footer */
.footer-title{
  font-size:13px!important;
}
.footer-brand-copy{
  font-size:15.5px!important;
}
.footer-links a{
  font-size:16px!important;
}
.footer-contact-item{
  font-size:15px!important;
}
.footer-subtitle,
.footer-newsletter-title{
  font-size:13px!important;
}
.footer-social-icons a{
  font-size:13.5px!important;
}
.footer-newsletter-compact input{
  font-size:14px!important;
}
.footer-newsletter-compact button{
  font-size:12px!important;
}
.footer-bottom{
  font-size:11.5px!important;
}

/* Tablet */
@media(max-width:860px){
  body{
    font-size:16px;
  }
  .lead{
    font-size:18px!important;
  }
  .section-heading p{
    font-size:16px!important;
  }
  .footer-brand-copy{
    font-size:15px!important;
  }
  .footer-links a{
    font-size:15px!important;
  }
  .footer-contact-item{
    font-size:14px!important;
  }
}

/* Mobile */
@media(max-width:580px){
  body{
    font-size:15px;
  }
  .mobile-panel a{
    font-size:16px!important;
  }
  .lead{
    font-size:17px!important;
  }
  .eyebrow{
    font-size:11px!important;
  }
  .journey-item h2,.journey-item h3{
    font-size:16px!important;
  }
  .journey-item p,
  .service-pill p,
  .why-item p{
    font-size:14px!important;
  }
  .inventory-search input,
  .inventory-search select,
  .brand-select-current,
  #type-current{
    font-size:16px!important;
  }
  .inventory-copy h3{
    font-size:18px!important;
  }
  .footer-brand-copy{
    font-size:14px!important;
  }
  .footer-links a{
    font-size:14px!important;
  }
  .footer-contact-item{
    font-size:13.5px!important;
  }
  .footer-social-icons a{
    font-size:12.5px!important;
  }
  .footer-bottom{
    font-size:10.5px!important;
  }
}


/* Extra-slow homepage brand marquee */
.brand-marquee-track{
  animation-duration:220s!important;
}
@media(max-width:860px){
  .brand-marquee-track{
    animation-duration:210s!important;
  }
}
@media(max-width:580px){
  .brand-marquee-track{
    animation-duration:200s!important;
  }
}


/* Homepage manifesto video background */
.manifesto-video-section{
  position:relative;
  overflow:hidden;
  background:#0d0f11;
}
.manifesto-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  filter:saturate(.72) contrast(1.08) brightness(.66);
}
.manifesto-video-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(8,10,12,.88) 0%,rgba(8,10,12,.66) 48%,rgba(8,10,12,.42) 100%),
    linear-gradient(0deg,rgba(8,10,12,.3),rgba(8,10,12,.08));
}
.manifesto-video-section .manifesto-inner{
  position:relative;
  z-index:2;
}
@media(max-width:860px){
  .manifesto-video{
    object-position:center center;
    filter:saturate(.68) contrast(1.06) brightness(.6);
  }
  .manifesto-video-section::after{
    background:linear-gradient(90deg,rgba(8,10,12,.9),rgba(8,10,12,.7) 70%,rgba(8,10,12,.46));
  }
}
@media(prefers-reduced-motion:reduce){
  .manifesto-video{
    display:none;
  }
  .manifesto-video-section{
    background:
      linear-gradient(90deg,rgba(8,10,12,.88),rgba(8,10,12,.62)),
      url("https://images.unsplash.com/photo-1562141961-b5d37d7d7f6c?auto=format&fit=crop&w=2200&q=90") center/cover no-repeat;
  }
}


/* Homepage manifesto video reliability + original sizing */
.manifesto-video-section{
  min-height:500px!important;
  height:500px!important;
}
.manifesto-video-section .manifesto-inner{
  min-height:500px!important;
  height:500px!important;
}
.manifesto-video{
  display:block;
  background:#0d0f11;
}
.manifesto-video-section.video-fallback{
  background:
    linear-gradient(90deg,rgba(8,10,12,.88),rgba(8,10,12,.58)),
    url("https://images.unsplash.com/photo-1562141961-b5d37d7d7f6c?auto=format&fit=crop&w=2200&q=90") center/cover no-repeat;
}
.manifesto-video-section.video-fallback .manifesto-video{
  opacity:0;
}
@media(max-width:580px){
  .manifesto-video-section,
  .manifesto-video-section .manifesto-inner{
    min-height:430px!important;
    height:430px!important;
  }
}


/* Wider About story and Home ownership titles */
.story-grid{
  grid-template-columns:1.04fr .96fr;
  gap:48px;
}
.story-copy{
  padding-right:0!important;
}
.story-copy .display-sm{
  max-width:760px!important;
}
.home-closing-section{
  grid-template-columns:40% 60%!important;
}
.home-closing-section .partner-copy{
  padding-right:48px!important;
}
.home-closing-section .partner-copy h2{
  max-width:860px!important;
}
@media(max-width:1180px){
  .story-grid{
    grid-template-columns:1fr 1fr;
  }
  .story-copy .display-sm{
    max-width:700px!important;
  }
  .home-closing-section{
    grid-template-columns:42% 58%!important;
  }
}
@media(max-width:860px){
  .story-grid,
  .home-closing-section{
    grid-template-columns:1fr!important;
  }
  .story-copy .display-sm,
  .home-closing-section .partner-copy h2{
    max-width:none!important;
  }
}


/* Force widened section titles to one row */
@media(min-width:861px){
  .home-closing-section{
    grid-template-columns:32% 68%!important;
  }
  .home-closing-section .partner-copy{
    padding-left:34px!important;
    padding-right:44px!important;
  }
  .home-closing-section .partner-copy h2{
    max-width:none!important;
    width:100%!important;
    white-space:nowrap!important;
    font-size:clamp(38px,3.5vw,58px)!important;
  }

  .story-grid{
    grid-template-columns:.92fr 1.08fr!important;
  }
  .story-copy{
    min-width:0;
    padding-right:0!important;
  }
  .story-copy .display-sm{
    max-width:none!important;
    width:100%!important;
    white-space:nowrap!important;
    font-size:clamp(36px,3.25vw,58px)!important;
  }
}

@media(min-width:861px) and (max-width:1180px){
  .home-closing-section{
    grid-template-columns:28% 72%!important;
  }
  .home-closing-section .partner-copy h2{
    font-size:clamp(36px,4.1vw,48px)!important;
  }
  .story-grid{
    grid-template-columns:.84fr 1.16fr!important;
  }
  .story-copy .display-sm{
    font-size:clamp(34px,3.8vw,46px)!important;
  }
}


/* Unified site content width */
:root{
  --max:1400px;
}

.container,
.container-wide{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:1180px){
  .container,
  .container-wide{
    width:calc(100% - 40px)!important;
  }
}

@media(max-width:860px){
  .container,
  .container-wide{
    width:calc(100% - 32px)!important;
  }
}

@media(max-width:580px){
  .container,
  .container-wide{
    width:calc(100% - 24px)!important;
  }
}


/* Visible 1400px alignment for split sections */
.partner-band,
.service-story{
  display:block!important;
  width:100%;
}

.partner-shell,
.service-story-shell{
  width:min(1400px,calc(100% - 48px))!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Home ownership now aligns to the same left/right content edges */
.home-closing-section .partner-shell{
  min-height:430px;
  display:grid;
  grid-template-columns:32% 68%;
  align-items:stretch;
}
.home-closing-section .partner-image{
  min-width:0;
  clip-path:none!important;
}
.home-closing-section .partner-copy{
  min-width:0;
  padding:55px 0 55px 48px!important;
}
.home-closing-section .partner-copy h2{
  width:100%!important;
  max-width:none!important;
}

/* Service split sections use the same exact 1400px content shell */
.service-story-shell{
  min-height:520px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
}
.service-story .service-photo{
  min-width:0;
}
.service-story .service-text{
  min-width:0;
  padding:64px 0 64px 56px;
}
.service-story.reverse .service-photo{
  order:2;
}
.service-story.reverse .service-text{
  order:1;
  padding:64px 56px 64px 0;
}

@media(max-width:1180px){
  .partner-shell,
  .service-story-shell{
    width:calc(100% - 40px)!important;
  }
  .home-closing-section .partner-shell{
    grid-template-columns:34% 66%;
  }
  .home-closing-section .partner-copy{
    padding-left:38px!important;
  }
  .service-story .service-text{
    padding-left:42px;
  }
  .service-story.reverse .service-text{
    padding-right:42px;
  }
}

@media(max-width:860px){
  .partner-shell,
  .service-story-shell{
    width:calc(100% - 32px)!important;
  }
  .home-closing-section .partner-shell,
  .service-story-shell{
    grid-template-columns:1fr!important;
  }
  .home-closing-section .partner-image,
  .service-story .service-photo{
    min-height:320px;
  }
  .home-closing-section .partner-copy,
  .service-story .service-text,
  .service-story.reverse .service-text{
    padding:42px 0!important;
  }
  .service-story.reverse .service-photo{
    order:0;
  }
  .service-story.reverse .service-text{
    order:1;
  }
}

@media(max-width:580px){
  .partner-shell,
  .service-story-shell{
    width:calc(100% - 24px)!important;
  }
}


/* About story image + natural title wrap fix */
.story-grid{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:48px!important;
  align-items:stretch!important;
}
.story-media{
  min-height:500px!important;
  height:auto!important;
  overflow:hidden!important;
  background:#eef0f1!important;
}
.story-media img{
  width:100%!important;
  height:100%!important;
  min-height:500px!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.82) contrast(1.02)!important;
}
.story-copy{
  min-width:0!important;
  padding-right:0!important;
  align-self:center!important;
}
.story-copy .display-sm{
  width:auto!important;
  max-width:760px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}
@media(max-width:1180px){
  .story-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:38px!important;
  }
  .story-copy .display-sm{
    max-width:620px!important;
    font-size:clamp(34px,4vw,48px)!important;
  }
  .story-media,
  .story-media img{
    min-height:460px!important;
  }
}
@media(max-width:860px){
  .story-grid{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .story-media,
  .story-media img{
    min-height:360px!important;
  }
  .story-copy .display-sm{
    max-width:none!important;
    white-space:normal!important;
  }
}
@media(max-width:580px){
  .story-media,
  .story-media img{
    min-height:300px!important;
  }
}


/* Homepage brand marquee — larger brand names only */
.brand-marquee-name{
  font-size:17px!important;
  font-weight:850!important;
}
@media(max-width:860px){
  .brand-marquee-name{
    font-size:16px!important;
  }
}
@media(max-width:580px){
  .brand-marquee-name{
    font-size:15px!important;
  }
}


/* Lighter manifesto video overlay */
.manifesto-video{
  filter:saturate(.86) contrast(1.04) brightness(.82)!important;
}
.manifesto-video-section::after{
  background:
    linear-gradient(90deg,rgba(8,10,12,.62) 0%,rgba(8,10,12,.34) 48%,rgba(8,10,12,.12) 100%),
    linear-gradient(0deg,rgba(8,10,12,.16),rgba(8,10,12,.02))!important;
}
.manifesto-video-section h2.display-md{
  font-weight:600!important;
  letter-spacing:-.04em!important;
}
@media(max-width:860px){
  .manifesto-video{
    filter:saturate(.82) contrast(1.04) brightness(.76)!important;
  }
  .manifesto-video-section::after{
    background:linear-gradient(90deg,rgba(8,10,12,.68) 0%,rgba(8,10,12,.44) 70%,rgba(8,10,12,.20) 100%)!important;
  }
}


/* Compact homepage ownership section height */
.home-closing-section .partner-shell{
  min-height:0!important;
  align-items:center!important;
}
.home-closing-section .partner-image{
  height:360px!important;
  min-height:0!important;
  align-self:center!important;
  overflow:hidden!important;
}
.home-closing-section .partner-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.home-closing-section .partner-copy{
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.home-closing-section .partner-actions{
  margin-top:22px!important;
}
.home-closing-section .partner-services{
  margin-top:22px!important;
}
.home-closing-section .partner-services a{
  min-height:82px!important;
  padding:14px 14px!important;
}

@media(max-width:1180px){
  .home-closing-section .partner-image{
    height:330px!important;
  }
  .home-closing-section .partner-copy{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}
@media(max-width:860px){
  .home-closing-section .partner-image{
    height:280px!important;
    min-height:280px!important;
  }
  .home-closing-section .partner-copy{
    padding:32px 0!important;
  }
}
@media(max-width:580px){
  .home-closing-section .partner-image{
    height:230px!important;
    min-height:230px!important;
  }
  .home-closing-section .partner-services a{
    min-height:72px!important;
  }
}

/* Global steering-wheel scroll indicator */
.global-wheel-scroll{
  --gws-size:46px;
  --gws-progress:0;
  position:fixed;
  right:14px;
  top:50%;
  z-index:46;
  width:var(--gws-size);
  height:176px;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:.96;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.24));
}
.global-wheel-track{
  position:absolute;
  top:20px;
  bottom:20px;
  left:50%;
  width:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(255,255,255,.48);
  box-shadow:0 0 0 1px rgba(0,0,0,.12);
}
.global-wheel-track::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:calc(var(--gws-progress) * 100%);
  border-radius:inherit;
  background:var(--orange);
  box-shadow:0 0 10px rgba(246,199,149,.46);
}
.global-wheel-thumb{
  position:absolute;
  left:0;
  top:0;
  width:var(--gws-size);
  height:var(--gws-size);
  transform:translateY(var(--gws-y,0px)) rotate(var(--gws-rotation,0deg));
  transform-origin:50% 50%;
  will-change:transform;
}
.global-wheel-rim{
  position:absolute;
  inset:2px;
  border:4px solid #fff;
  border-radius:50%;
  background:rgba(39,42,45,.84);
  box-shadow:0 0 0 1px rgba(0,0,0,.28),inset 0 0 0 2px rgba(255,255,255,.10);
}
.global-wheel-spoke{
  position:absolute;
  left:50%;
  top:50%;
  width:4px;
  height:15px;
  margin-left:-2px;
  margin-top:-14px;
  border-radius:999px;
  background:#fff;
  transform-origin:50% 14px;
}
.global-wheel-spoke-a{transform:rotate(0deg)}
.global-wheel-spoke-b{transform:rotate(120deg)}
.global-wheel-spoke-c{transform:rotate(240deg)}
.global-wheel-hub{
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:12px;
  transform:translate(-50%,-50%);
  border:3px solid #fff;
  border-radius:50%;
  background:var(--orange-action);
  box-shadow:0 0 10px rgba(246,199,149,.42);
}
.road-wheel-scroll{display:none!important}
@media(max-width:860px){
  .global-wheel-scroll{--gws-size:42px;right:10px;height:152px}
  .global-wheel-spoke{height:13px;margin-top:-12px;transform-origin:50% 12px}
}
@media(max-width:580px){
  .global-wheel-scroll{--gws-size:38px;right:8px;height:128px}
  .global-wheel-rim{border-width:3px}
  .global-wheel-hub{width:10px;height:10px;border-width:2px}
}

/* Liquid-glass global header + overflowing Carchope logo */

/* Keep the bar compact while the real logo intentionally hangs below it. */
.site-header{
  height:74px!important;
  overflow:visible!important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.68) 0%,
      rgba(255,255,255,.44) 42%,
      rgba(255,255,255,.28) 100%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(185%) contrast(104%)!important;
  backdrop-filter:blur(26px) saturate(185%) contrast(104%)!important;
  border-bottom:1px solid rgba(255,255,255,.52)!important;
  box-shadow:
    0 10px 32px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(255,255,255,.24)!important;
}

.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,
      rgba(255,255,255,.46) 0%,
      rgba(255,255,255,.08) 31%,
      rgba(255,255,255,.24) 52%,
      rgba(255,255,255,.04) 72%,
      rgba(255,255,255,.30) 100%);
  opacity:.64;
}

.header-inner{
  position:relative!important;
  z-index:2!important;
  overflow:visible!important;
}

.site-header .header-logo{
  position:relative!important;
  align-self:flex-start!important;
  flex:0 0 230px!important;
  width:230px!important;
  height:74px!important;
  margin:0 10px 0 0!important;
  overflow:visible!important;
  z-index:4!important;
}

.site-header .header-logo .header-brand-logo{
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:auto!important;
  height:116px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left top!important;
  filter:drop-shadow(0 8px 14px rgba(15,23,42,.14));
}

.site-header .desktop-nav,
.site-header .header-cart-wrap,
.site-header .header-cta,
.site-header .menu-toggle{
  position:relative;
  z-index:3;
}

.site-header .desktop-nav{
  margin-left:auto!important;
}

@media(max-width:1180px){
  .site-header .header-logo{
    flex-basis:205px!important;
    width:205px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:104px!important;
    top:0!important;
  }
}

@media(max-width:860px){
  .site-header{
    height:64px!important;
  }
  .site-header .header-logo{
    flex-basis:175px!important;
    width:175px!important;
    height:64px!important;
    margin-right:0!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:92px!important;
    top:0!important;
  }
  .mobile-panel{
    top:64px!important;
    background:rgba(255,255,255,.86)!important;
    -webkit-backdrop-filter:blur(24px) saturate(175%)!important;
    backdrop-filter:blur(24px) saturate(175%)!important;
    border-bottom:1px solid rgba(255,255,255,.58)!important;
    box-shadow:0 14px 30px rgba(15,23,42,.10)!important;
  }
}

@media(max-width:580px){
  .site-header .header-logo{
    flex-basis:145px!important;
    width:145px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:78px!important;
    top:0!important;
  }
}

/* Header logo visible wordmark crop fix */
.site-header .header-logo{
  flex:0 0 292px!important;
  width:292px!important;
  height:74px!important;
}

.site-header .header-logo .header-brand-logo-crop{
  position:absolute!important;
  left:0!important;
  top:2px!important;
  display:block!important;
  width:286px!important;
  height:72px!important;
  max-width:none!important;
  background-image:url("https://media.i-sgcm.com/article/articleImages/gallery/37769/37769_1.jpg")!important;
  background-repeat:no-repeat!important;
  background-size:900px 600px!important;
  background-position:-342px -100px!important;
  border-radius:6px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.12)!important;
  transform:none!important;
  overflow:hidden!important;
}

@media(max-width:1180px){
  .site-header .header-logo{
    flex-basis:246px!important;
    width:246px!important;
  }
  .site-header .header-logo .header-brand-logo-crop{
    width:240px!important;
    height:66px!important;
    top:4px!important;
    background-size:760px 507px!important;
    background-position:-289px -84px!important;
  }
}

@media(max-width:860px){
  .site-header .header-logo{
    flex-basis:198px!important;
    width:198px!important;
    height:64px!important;
  }
  .site-header .header-logo .header-brand-logo-crop{
    width:194px!important;
    height:58px!important;
    top:3px!important;
    background-size:620px 414px!important;
    background-position:-236px -69px!important;
  }
}

@media(max-width:580px){
  .site-header .header-logo{
    flex-basis:168px!important;
    width:168px!important;
  }
  .site-header .header-logo .header-brand-logo-crop{
    width:164px!important;
    height:52px!important;
    top:5px!important;
    background-size:530px 354px!important;
    background-position:-201px -59px!important;
  }
}

/* Exact square Carchope header logo */
.site-header .header-logo{
  position:relative!important;
  align-self:flex-start!important;
  flex:0 0 132px!important;
  width:132px!important;
  height:74px!important;
  margin:0 18px 0 0!important;
  overflow:visible!important;
  z-index:5!important;
}

.site-header .header-logo .header-brand-logo{
  position:absolute!important;
  top:0!important;
  left:0!important;
  display:block!important;
  width:auto!important;
  height:138px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left top!important;
  border-radius:0!important;
  background:none!important;
  filter:drop-shadow(0 10px 18px rgba(15,23,42,.18))!important;
}

@media(max-width:1180px){
  .site-header .header-logo{
    flex-basis:120px!important;
    width:120px!important;
    margin-right:14px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:126px!important;
  }
}

@media(max-width:860px){
  .site-header .header-logo{
    flex-basis:106px!important;
    width:106px!important;
    height:64px!important;
    margin-right:10px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:112px!important;
  }
}

@media(max-width:580px){
  .site-header .header-logo{
    flex-basis:94px!important;
    width:94px!important;
    margin-right:8px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:100px!important;
  }
}

/* Final transparent header + smaller square logo */
.site-header{
  height:74px!important;
  overflow:visible!important;
  background:rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(20px) saturate(155%)!important;
  backdrop-filter:blur(20px) saturate(155%)!important;
  border-bottom:1px solid rgba(255,255,255,.30)!important;
  box-shadow:
    0 8px 24px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.32)!important;
}

.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,
      rgba(255,255,255,.16) 0%,
      rgba(255,255,255,.03) 34%,
      rgba(255,255,255,.10) 56%,
      rgba(255,255,255,.02) 78%,
      rgba(255,255,255,.12) 100%)!important;
  opacity:.55!important;
}

.site-header .header-logo{
  position:relative!important;
  align-self:flex-start!important;
  flex:0 0 96px!important;
  width:96px!important;
  height:74px!important;
  margin:0 14px 0 0!important;
  overflow:visible!important;
  z-index:5!important;
}

.site-header .header-logo .header-brand-logo{
  position:absolute!important;
  top:4px!important;
  left:0!important;
  display:block!important;
  width:auto!important;
  height:96px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:left top!important;
  filter:drop-shadow(0 7px 12px rgba(15,23,42,.14))!important;
}

@media(max-width:1180px){
  .site-header .header-logo{
    flex-basis:90px!important;
    width:90px!important;
    margin-right:12px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:90px!important;
    top:5px!important;
  }
}

@media(max-width:860px){
  .site-header{
    height:64px!important;
  }
  .site-header .header-logo{
    flex-basis:80px!important;
    width:80px!important;
    height:64px!important;
    margin-right:8px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:82px!important;
    top:3px!important;
  }
}

@media(max-width:580px){
  .site-header .header-logo{
    flex-basis:72px!important;
    width:72px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:74px!important;
    top:3px!important;
  }
}

/* First-screen transparent overlay header */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  margin-bottom:-74px!important;
  background:rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
  backdrop-filter:blur(14px) saturate(145%)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 8px 22px rgba(15,23,42,.035),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.site-header::before{
  background:
    linear-gradient(115deg,
      rgba(255,255,255,.09) 0%,
      rgba(255,255,255,.018) 36%,
      rgba(255,255,255,.06) 58%,
      rgba(255,255,255,.01) 80%,
      rgba(255,255,255,.07) 100%)!important;
  opacity:.46!important;
}

/* Keep the first hero beginning behind the transparent header. */
.hero,
.page-hero,
.road-experience-page .hero{
  padding-top:74px;
}

/* Road Experience already has a fixed video background, so let it remain visible behind the glass. */
.road-experience-page .site-header{
  background:rgba(255,255,255,.035)!important;
  -webkit-backdrop-filter:blur(12px) saturate(145%)!important;
  backdrop-filter:blur(12px) saturate(145%)!important;
}

@media(max-width:860px){
  .site-header{
    margin-bottom:-64px!important;
  }
  .hero,
  .page-hero,
  .road-experience-page .hero{
    padding-top:64px;
  }
}

/* Hero-integrated header: invisible at top, glass after scroll */
.site-header{
  transition:
    background .32s ease,
    backdrop-filter .32s ease,
    -webkit-backdrop-filter .32s ease,
    border-color .32s ease,
    box-shadow .32s ease!important;
}

/* At page top: there should be no visible 'header bar'. */
.site-header:not(.is-scrolled){
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
}

.site-header:not(.is-scrolled)::before{
  opacity:0!important;
  background:transparent!important;
}

/* Road Experience must behave exactly the same at the top. */
.road-experience-page .site-header:not(.is-scrolled){
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
}

/* After leaving the hero top, fade the liquid glass back in. */
.site-header.is-scrolled{
  background:rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(165%)!important;
  backdrop-filter:blur(22px) saturate(165%)!important;
  border-bottom:1px solid rgba(255,255,255,.34)!important;
  box-shadow:
    0 10px 28px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.34)!important;
}

.site-header.is-scrolled::before{
  opacity:.55!important;
  background:
    linear-gradient(115deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.035) 34%,
      rgba(255,255,255,.11) 56%,
      rgba(255,255,255,.025) 78%,
      rgba(255,255,255,.13) 100%)!important;
}

/* Keep first-screen media physically behind the floating header controls. */
.hero,
.page-hero,
.road-experience-page .hero{
  position:relative;
}

/* Smaller logo + automatic dark-section header contrast */
/* Smaller square logo */
.site-header .header-logo{
  flex:0 0 82px!important;
  width:82px!important;
  margin-right:10px!important;
}
.site-header .header-logo .header-brand-logo{
  height:82px!important;
  top:2px!important;
}

@media(max-width:1180px){
  .site-header .header-logo{
    flex-basis:76px!important;
    width:76px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:76px!important;
    top:3px!important;
  }
}
@media(max-width:860px){
  .site-header .header-logo{
    flex-basis:68px!important;
    width:68px!important;
    margin-right:6px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:70px!important;
    top:1px!important;
  }
}
@media(max-width:580px){
  .site-header .header-logo{
    flex-basis:62px!important;
    width:62px!important;
  }
  .site-header .header-logo .header-brand-logo{
    height:64px!important;
    top:1px!important;
  }
}

/* Smooth contrast transition as the sticky header moves across sections. */
.site-header .desktop-nav a,
.site-header .header-cart,
.site-header .menu-toggle span{
  transition:
    color .28s ease,
    background-color .28s ease,
    border-color .28s ease,
    opacity .28s ease!important;
}

/* Light section state */
.site-header:not(.on-dark) .desktop-nav a{
  color:#2f3337!important;
}
.site-header:not(.on-dark) .header-cart{
  color:#17191b!important;
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(17,18,20,.15)!important;
}
.site-header:not(.on-dark) .menu-toggle span{
  background:#111!important;
}

/* Dark section state */
.site-header.on-dark .desktop-nav a{
  color:#fff!important;
  text-shadow:0 1px 12px rgba(0,0,0,.32);
}
.site-header.on-dark .header-cart{
  color:#fff!important;
  background:rgba(12,14,16,.24)!important;
  border-color:rgba(255,255,255,.42)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
.site-header.on-dark .header-cart:hover{
  color:#fff!important;
  background:rgba(12,14,16,.36)!important;
  border-color:rgba(255,255,255,.62)!important;
}
.site-header.on-dark .menu-toggle span{
  background:#fff!important;
}

/* When glass is visible over a dark section, use a darker glass tint. */
.site-header.is-scrolled.on-dark{
  background:rgba(8,10,12,.28)!important;
  border-bottom-color:rgba(255,255,255,.22)!important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.site-header.is-scrolled.on-dark::before{
  background:
    linear-gradient(115deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.015) 35%,
      rgba(255,255,255,.07) 58%,
      rgba(255,255,255,.01) 80%,
      rgba(255,255,255,.06) 100%)!important;
}

/* Products hero first-screen white header */
body:has(.inventory-hero) .site-header:not(.is-scrolled) .desktop-nav a{
  color:#fff!important;
  text-shadow:0 1px 12px rgba(0,0,0,.34);
}
body:has(.inventory-hero) .site-header:not(.is-scrolled) .header-cart{
  color:#fff!important;
  background:rgba(10,12,14,.22)!important;
  border-color:rgba(255,255,255,.38)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
body:has(.inventory-hero) .site-header:not(.is-scrolled) .menu-toggle span{
  background:#fff!important;
}

/* About hero first-screen white header */
body:has(.page-hero:not(.inventory-hero):not(.dark)) .site-header:not(.is-scrolled) .desktop-nav a{
  color:#fff!important;
  text-shadow:0 1px 12px rgba(0,0,0,.34);
}
body:has(.page-hero:not(.inventory-hero):not(.dark)) .site-header:not(.is-scrolled) .header-cart{
  color:#fff!important;
  background:rgba(10,12,14,.22)!important;
  border-color:rgba(255,255,255,.38)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
body:has(.page-hero:not(.inventory-hero):not(.dark)) .site-header:not(.is-scrolled) .menu-toggle span{
  background:#fff!important;
}

/* Brand dropdown logo containment repair */
.brand-select-menu .brand-option{
  min-height:54px!important;
  padding:8px 10px!important;
  gap:10px!important;
  overflow:hidden!important;
}

.brand-select-menu .brand-option-logo{
  width:46px!important;
  height:34px!important;
  flex:0 0 46px!important;
  min-width:46px!important;
  max-width:46px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  padding:2px!important;
  background:#fff!important;
}

.brand-select-menu .brand-option-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

.brand-select-menu .brand-option-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.25!important;
}

.brand-select-menu .multi-option-check{
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
}

@media(max-width:860px){
  .brand-select-menu{
    width:min(460px,calc(100vw - 32px))!important;
    grid-template-columns:1fr!important;
  }

  .brand-select-menu .brand-option{
    min-height:52px!important;
  }
}

/* Product image circular lens magnifier */
.inventory-photo{
  position:relative!important;
  overflow:hidden!important;
  cursor:zoom-in!important;
}

/* Keep the base product photo stable; only the lens magnifies. */
.inventory-card:hover .inventory-photo > img,
.inventory-photo.is-zooming > img,
.inventory-photo > img{
  transform:none!important;
  transform-origin:50% 50%!important;
  transition:filter .24s ease!important;
}

.inventory-photo.is-lens-active > img{
  filter:saturate(.78)!important;
}

.inventory-lens{
  --lens-size:170px;
  position:absolute;
  left:0;
  top:0;
  z-index:8;
  width:var(--lens-size);
  height:var(--lens-size);
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  transform:
    translate(
      calc(var(--lens-x, 50%) - (var(--lens-size) / 2)),
      calc(var(--lens-y, 50%) - (var(--lens-size) / 2))
    )
    scale(.62);
  transform-origin:center;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.94);
  background-color:#111;
  background-repeat:no-repeat;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 0 1px rgba(17,18,20,.22),
    inset 0 0 0 1px rgba(255,255,255,.34);
  transition:
    opacity .13s ease,
    scale .13s ease,
    box-shadow .13s ease;
  will-change:transform,opacity,background-position;
}

.inventory-lens::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.18),transparent 34%),
    radial-gradient(circle at 32% 26%,rgba(255,255,255,.16),transparent 27%);
}

.inventory-photo.is-lens-active .inventory-lens{
  opacity:1;
  transform:
    translate(
      calc(var(--lens-x, 50%) - (var(--lens-size) / 2)),
      calc(var(--lens-y, 50%) - (var(--lens-size) / 2))
    )
    scale(1);
}

/* Make the featured first inventory card's lens a little larger. */
.inventory-card:first-child .inventory-lens{
  --lens-size:190px;
}

@media(max-width:1180px){
  .inventory-lens{
    --lens-size:155px;
  }
  .inventory-card:first-child .inventory-lens{
    --lens-size:170px;
  }
}

@media(hover:none),(pointer:coarse){
  .inventory-photo{
    cursor:default!important;
  }
  .inventory-lens{
    display:none!important;
  }
}

/* Unified filter dropdown typography + sort menu + brand logo hover preview */

/* All dropdown controls use the same regular-weight visual language. */
.brand-field,
.bodytype-field,
.sort-field{
  overflow:visible!important;
}

.brand-select,
.type-select,
.sort-select{
  position:relative!important;
}

.multi-filter-trigger,
.brand-select-current,
#type-current,
#sort-current{
  font-weight:500!important;
}

.brand-select-current,
#type-current,
#sort-current{
  font-size:14px!important;
  line-height:1.3!important;
}

.brand-option-name,
.type-option-name,
.sort-option-name,
.brand-select-menu .multi-option,
.type-select-menu .multi-option,
.sort-select-menu .multi-option{
  font-weight:500!important;
}

/* Sort By now visually matches Brand / Body Type. */
.sort-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}

.sort-select.open .sort-select-menu{
  display:flex!important;
}

.sort-select-menu{
  left:auto!important;
  right:-14px!important;
  width:280px!important;
  padding:8px!important;
  flex-direction:column!important;
}

.sort-option{
  min-height:48px!important;
  padding:9px 11px!important;
  gap:12px!important;
}

.sort-option-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
}

/* Small, stable brand logo rows. */
.brand-select-menu .brand-option-logo{
  width:46px!important;
  height:34px!important;
  flex:0 0 46px!important;
}

/* Floating brand-logo zoom window. */
.brand-logo-hover-preview{
  position:fixed;
  left:0;
  top:0;
  z-index:10000;
  width:164px;
  min-height:132px;
  padding:20px 16px 13px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(7px) scale(.95);
  transform-origin:center;
  border:1px solid rgba(17,18,20,.12);
  border-radius:10px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 50px rgba(12,16,20,.22);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  backdrop-filter:blur(14px) saturate(150%);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}

.brand-logo-hover-preview.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

.brand-logo-hover-preview-icon{
  position:absolute;
  right:9px;
  top:9px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#111;
  color:#fff;
}

.brand-logo-hover-preview-icon svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.brand-logo-hover-preview-image{
  width:116px;
  height:74px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#111;
  font-size:22px;
  font-weight:700;
}

.brand-logo-hover-preview-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.brand-logo-hover-preview-image.fallback{
  border:1px solid #e2e4e5;
  background:#f7f8f8;
}

.brand-logo-hover-preview-name{
  max-width:132px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#4f555a;
  font-size:12px;
  font-weight:500;
}

@media(hover:none),(pointer:coarse){
  .brand-logo-hover-preview{
    display:none!important;
  }
}

@media(max-width:860px){
  .sort-select-menu{
    left:0!important;
    right:auto!important;
    width:min(320px,calc(100vw - 32px))!important;
  }
}

/* Keep visible filter values consistent with the Search model prompt. */
.brand-select-current,
#type-current,
#sort-current{
  color:#757575!important;
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:650!important;
  letter-spacing:normal!important;
  line-height:normal!important;
}

/* Smaller, fully visible cars on white canvases in featured and inventory cards. */
.featured-grid .feature-car{
  background:#fff!important;
}
.featured-grid .feature-car > img{
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(.92)!important;
  background:#fff!important;
}
.featured-grid .feature-car:hover > img{
  transform:scale(.94)!important;
}

/* Homepage inventory sits on a warm showroom surface instead of stark white. */
.home-featured-section{
  background:#e9e3d9;
  border-color:#d3ccc1;
}
.home-featured-section .feature-car{
  background:#20211f!important;
  box-shadow:0 18px 45px rgba(27,24,20,.09);
}
.home-featured-section .feature-car > img{
  background:#f2ede5!important;
  mix-blend-mode:multiply;
}
.home-featured-section .preview-caption{color:#59564f}

.inventory-grid .inventory-photo{
  background:#fff!important;
}
.inventory-photo-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:#fff;
  color:#5e6367;
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  text-align:center;
}
.inventory-photo:has(.inventory-photo-placeholder){cursor:default}
.inventory-grid .inventory-photo > img,
.inventory-grid .inventory-card:hover .inventory-photo > img,
.inventory-grid .inventory-photo.is-zooming > img{
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(.9)!important;
  background:#fff!important;
}
.inventory-lens{
  background-color:#fff!important;
}

.catalogue-source-note{
  margin-top:26px;
  padding:16px 18px;
  border:1px solid #d8dbdd;
  background:#fff;
  color:#555b60;
  font-size:14px;
  line-height:1.65;
}

.inventory-spec span{font-size:11.5px!important}

/* Catalogue accessibility refinements */
.header-cta,
.btn-orange,
.search-btn,
.footer-newsletter button,
.cart-popover-link{
  background:var(--orange-action);
}
.header-cta:hover,
.btn-orange:hover,
.footer-newsletter button:hover,
.cart-popover-link:hover{
  background:var(--orange-hover);
  color:var(--orange-on-soft);
}
.product-featured-head p,
.inventory-toolbar p,
.cart-popover-head span,
.cart-popover-more,
.cart-popover-empty,
.mobile-filter-toggle-copy small{
  color:#656a6e;
}
.mobile-filter-toggle-copy small{font-size:11px}
.inventory-top{color:#656a6e;text-transform:none}
.inventory-top b{color:var(--orange-action)}

/* Speedometer floating controls — scroll-reactive */
.floating-actions{
  --gauge-speed:0;
  --gauge-angle:-128deg;
  --gauge-sweep:0deg;
  right:18px!important;
  bottom:18px!important;
  gap:10px!important;
  align-items:center!important;
}

.floating-btn,
.floating-whatsapp,
.floating-top{
  --gauge-accent:#21d879;
  position:relative!important;
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  border-radius:50%!important;
  overflow:visible!important;
  border:2px solid rgba(238,244,248,.94)!important;
  background:
    radial-gradient(circle at 50% 50%,
      #10161d 0 54%,
      #0a0f14 55% 61%,
      #28323b 62% 66%,
      #0a0e12 67% 100%)!important;
  box-shadow:
    0 11px 26px rgba(7,11,15,.28),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 12px rgba(33,216,121,.12)!important;
  isolation:isolate;
  transition:
    transform .18s ease,
    box-shadow .18s ease!important;
}

/* Outer tick ring + illuminated acceleration arc. */
.floating-btn::before{
  content:"";
  position:absolute;
  inset:5px;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
  background:
    repeating-conic-gradient(
      from 225deg,
      rgba(255,255,255,.92) 0deg 1.2deg,
      transparent 1.2deg 12deg
    ),
    conic-gradient(
      from 225deg,
      var(--gauge-accent) 0deg var(--gauge-sweep),
      rgba(255,255,255,.10) var(--gauge-sweep) 270deg,
      transparent 270deg 360deg
    );
  -webkit-mask:
    radial-gradient(circle,
      transparent 0 61%,
      #000 62% 78%,
      transparent 79% 100%);
  mask:
    radial-gradient(circle,
      transparent 0 61%,
      #000 62% 78%,
      transparent 79% 100%);
  filter:drop-shadow(0 0 5px var(--gauge-accent));
  opacity:.95;
}

/* Speedometer needle. */
.floating-btn::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:1;
  width:23px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#fff 0 25%,var(--gauge-accent) 26% 100%);
  box-shadow:0 0 8px var(--gauge-accent);
  transform-origin:1px 50%;
  transform:translateY(-50%) rotate(var(--gauge-angle));
  transition:transform .035s linear;
  pointer-events:none;
}

/* WhatsApp = green illuminated speedometer. */
.floating-whatsapp{
  --gauge-accent:#21d879;
  color:#fff!important;
}

.floating-whatsapp .whatsapp-round-icon{
  position:relative!important;
  z-index:3!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#10a84f!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.86),
    0 0 10px rgba(33,216,121,.58)!important;
}

.floating-whatsapp .whatsapp-round-icon img{
  width:20px!important;
  height:20px!important;
  display:block!important;
  object-fit:contain!important;
}

/* Scroll-to-top = performance gauge with warm red/orange redline. */
.floating-top{
  --gauge-accent:var(--orange);
  color:#fff!important;
}

.floating-top::before{
  background:
    repeating-conic-gradient(
      from 225deg,
      rgba(255,255,255,.92) 0deg 1.2deg,
      transparent 1.2deg 12deg
    ),
    conic-gradient(
      from 225deg,
      transparent 0deg 216deg,
      rgba(255,59,24,.92) 216deg 258deg,
      transparent 258deg 360deg
    ),
    conic-gradient(
      from 225deg,
      var(--orange) 0deg var(--gauge-sweep),
      rgba(255,255,255,.10) var(--gauge-sweep) 270deg,
      transparent 270deg 360deg
    );
  filter:drop-shadow(0 0 5px rgba(246,199,149,.72));
}

.floating-top svg{
  position:relative!important;
  z-index:3!important;
  width:22px!important;
  height:22px!important;
  stroke:#fff!important;
  filter:drop-shadow(0 1px 5px rgba(0,0,0,.5));
}

/* Slight punch while the user is actively accelerating the scroll. */
.floating-actions.is-accelerating .floating-btn{
  transform:scale(1.035)!important;
}

.floating-btn:hover{
  transform:translateY(-2px) scale(1.025)!important;
}

@media(max-width:900px){
  .floating-btn,
  .floating-whatsapp,
  .floating-top{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
  }
  .floating-btn::after{
    width:21px;
  }
}

@media(max-width:580px){
  .floating-actions{
    right:10px!important;
    bottom:10px!important;
    gap:8px!important;
  }
  .floating-btn,
  .floating-whatsapp,
  .floating-top{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }
  .floating-btn::before{
    inset:4px;
  }
  .floating-btn::after{
    width:18px;
  }
  .floating-whatsapp .whatsapp-round-icon{
    width:26px!important;
    height:26px!important;
  }
  .floating-whatsapp .whatsapp-round-icon img{
    width:18px!important;
    height:18px!important;
  }
  .floating-top svg{
    width:19px!important;
    height:19px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .floating-btn::after,
  .floating-actions.is-accelerating .floating-btn{
    transition:none!important;
    transform:none!important;
  }
}

/* Speedometer active glow compatibility */
.floating-actions.is-accelerating .floating-whatsapp{
  box-shadow:
    0 11px 28px rgba(7,11,15,.30),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 24px rgba(33,216,121,.30)!important;
}
.floating-actions.is-accelerating .floating-top{
  box-shadow:
    0 11px 28px rgba(7,11,15,.30),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 22px rgba(246,199,149,.34)!important;
}

/* Reference-faithful speedometer floating controls */
.floating-actions{
  --gauge-sweep:0deg;
  right:18px!important;
  bottom:18px!important;
  gap:8px!important;
  align-items:center!important;
}

/* Base gauge body */
.floating-whatsapp,
.floating-top{
  position:relative!important;
  border-radius:50%!important;
  overflow:visible!important;
  border:3px solid #dfe4e7!important;
  background:
    radial-gradient(circle at 50% 50%,
      #111922 0 53%,
      #070c11 54% 60%,
      #1f2a33 61% 66%,
      #080c10 67% 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.85),
    inset 0 0 0 4px rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.24)!important;
  isolation:isolate!important;
}

/* Top gauge is visibly larger like the reference. */
.floating-whatsapp{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  min-height:82px!important;
  --gauge-accent:#35f58b;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.85),
    inset 0 0 0 4px rgba(255,255,255,.035),
    0 10px 24px rgba(0,0,0,.25),
    0 0 20px rgba(53,245,139,.18)!important;
}

/* Bottom gauge is slightly smaller. */
.floating-top{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  --gauge-accent:#ffffff;
}

/* Tick ring + static reference arcs + dynamic scroll-speed highlight. */
.floating-whatsapp::before,
.floating-top::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:7px!important;
  z-index:1!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:
    repeating-conic-gradient(
      from 207deg,
      rgba(255,255,255,.94) 0deg 1.4deg,
      transparent 1.4deg 11.25deg
    ),
    conic-gradient(
      from 207deg,
      rgba(255,255,255,.12) 0deg 18deg,
      var(--gauge-base-arc) 18deg 190deg,
      rgba(255,255,255,.08) 190deg 229deg,
      #ff2d20 229deg 263deg,
      rgba(255,255,255,.06) 263deg 270deg,
      transparent 270deg 360deg
    ),
    conic-gradient(
      from 207deg,
      var(--gauge-live-arc) 0deg var(--gauge-sweep),
      transparent var(--gauge-sweep) 360deg
    )!important;
  -webkit-mask:
    radial-gradient(circle,
      transparent 0 62%,
      #000 63% 80%,
      transparent 81% 100%)!important;
  mask:
    radial-gradient(circle,
      transparent 0 62%,
      #000 63% 80%,
      transparent 81% 100%)!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}

.floating-whatsapp{
  --gauge-base-arc:#33f38a;
  --gauge-live-arc:rgba(92,255,166,.92);
}
.floating-top{
  --gauge-base-arc:#f5f7f8;
  --gauge-live-arc:rgba(255,255,255,.96);
}

/* Remove the old needle completely — reference uses illuminated arcs, not a needle. */
.floating-whatsapp::after,
.floating-top::after{
  display:none!important;
  content:none!important;
}

/* Recessed central disc. */
.floating-whatsapp .whatsapp-round-icon{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:4!important;
  width:40px!important;
  height:40px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 42% 36%,
      #17cf68 0 48%,
      #0ca84e 70%,
      #08773a 100%)!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.92),
    0 0 14px rgba(53,245,139,.78),
    0 0 26px rgba(53,245,139,.28)!important;
}

.floating-whatsapp .whatsapp-round-icon img{
  width:25px!important;
  height:25px!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.38))!important;
}

/* Bottom arrow sits on the recessed black center. */
.floating-top svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:4!important;
  width:24px!important;
  height:24px!important;
  transform:translate(-50%,-50%)!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.48))!important;
}

/* Silver rim highlight, closer to a machined gauge bezel. */
.floating-whatsapp{
  outline:1px solid rgba(72,82,90,.70)!important;
  outline-offset:-1px!important;
}
.floating-top{
  outline:1px solid rgba(72,82,90,.70)!important;
  outline-offset:-1px!important;
}

/* Acceleration: keep the reference look, only boost illumination/glow. */
.floating-actions.is-accelerating .floating-whatsapp{
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.85),
    inset 0 0 0 4px rgba(255,255,255,.035),
    0 10px 25px rgba(0,0,0,.26),
    0 0 28px rgba(53,245,139,.36)!important;
}
.floating-actions.is-accelerating .floating-whatsapp .whatsapp-round-icon{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.95),
    0 0 19px rgba(53,245,139,.92),
    0 0 34px rgba(53,245,139,.40)!important;
}
.floating-actions.is-accelerating .floating-top{
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.85),
    inset 0 0 0 4px rgba(255,255,255,.035),
    0 10px 24px rgba(0,0,0,.26),
    0 0 16px rgba(255,255,255,.12)!important;
}

/* Keep hover restrained so it still looks like a gauge, not a floating app button. */
.floating-whatsapp:hover,
.floating-top:hover{
  transform:translateY(-2px)!important;
}

@media(max-width:900px){
  .floating-whatsapp{
    width:76px!important;
    height:76px!important;
    min-width:76px!important;
    min-height:76px!important;
  }
  .floating-top{
    width:67px!important;
    height:67px!important;
    min-width:67px!important;
    min-height:67px!important;
  }
  .floating-whatsapp .whatsapp-round-icon{
    width:37px!important;
    height:37px!important;
  }
  .floating-whatsapp .whatsapp-round-icon img{
    width:23px!important;
    height:23px!important;
  }
}

@media(max-width:580px){
  .floating-actions{
    right:9px!important;
    bottom:9px!important;
    gap:7px!important;
  }
  .floating-whatsapp{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
  }
  .floating-top{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    min-height:60px!important;
  }
  .floating-whatsapp::before,
  .floating-top::before{
    inset:6px!important;
  }
  .floating-whatsapp .whatsapp-round-icon{
    width:34px!important;
    height:34px!important;
  }
  .floating-whatsapp .whatsapp-round-icon img{
    width:21px!important;
    height:21px!important;
  }
  .floating-top svg{
    width:21px!important;
    height:21px!important;
  }
}

/* Cleaner speed-indicator gauges */
.floating-actions{
  --gauge-sweep:0deg;
  --gauge-speed:0;
  right:16px!important;
  bottom:16px!important;
  gap:7px!important;
}

/* Cleaner, less bulky housings */
.floating-whatsapp{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
}

.floating-top{
  width:66px!important;
  height:66px!important;
  min-width:66px!important;
  min-height:66px!important;
}

.floating-whatsapp,
.floating-top{
  border:2px solid #d7dde0!important;
  outline:1px solid rgba(55,64,72,.72)!important;
  outline-offset:-1px!important;
  background:
    radial-gradient(circle at 50% 47%,
      #121a22 0 52%,
      #080d12 53% 62%,
      #202b34 63% 67%,
      #090d11 68% 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.22)!important;
}

/*
  Tick marks stay visible.
  The active green/white line starts at zero and grows with scroll speed.
  Redline stays fixed on the right.
*/
.floating-whatsapp::before,
.floating-top::before{
  inset:6px!important;
  background:
    repeating-conic-gradient(
      from 214deg,
      rgba(255,255,255,.86) 0deg 1deg,
      transparent 1deg 12deg
    ),
    conic-gradient(
      from 214deg,
      transparent 0deg 220deg,
      #ff3128 220deg 249deg,
      transparent 249deg 360deg
    ),
    conic-gradient(
      from 214deg,
      var(--gauge-live-color) 0deg var(--gauge-sweep),
      rgba(255,255,255,.055) var(--gauge-sweep) 258deg,
      transparent 258deg 360deg
    )!important;
  -webkit-mask:
    radial-gradient(circle,
      transparent 0 63%,
      #000 64% 78%,
      transparent 79% 100%)!important;
  mask:
    radial-gradient(circle,
      transparent 0 63%,
      #000 64% 78%,
      transparent 79% 100%)!important;
  filter:none!important;
  opacity:.98!important;
}

.floating-whatsapp{
  --gauge-live-color:#3cff91;
}
.floating-top{
  --gauge-live-color:#ffffff;
}

/* No needle — only the speed arc moves, like the reference. */
.floating-whatsapp::after,
.floating-top::after{
  display:none!important;
  content:none!important;
}

/* Cleaner center discs */
.floating-whatsapp .whatsapp-round-icon{
  width:36px!important;
  height:36px!important;
  background:#13ad55!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.90),
    0 0 10px rgba(60,255,145,.46)!important;
}

.floating-whatsapp .whatsapp-round-icon img{
  width:22px!important;
  height:22px!important;
}

.floating-top svg{
  width:21px!important;
  height:21px!important;
  stroke-width:2.4!important;
}

/* Resting state: almost no halo. */
.floating-whatsapp{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.22),
    0 0 7px rgba(60,255,145,.08)!important;
}

/* Moving state: arc/glow behaves like acceleration. */
.floating-actions.is-accelerating .floating-whatsapp{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.23),
    0 0 20px rgba(60,255,145,.28)!important;
}

.floating-actions.is-accelerating .floating-whatsapp .whatsapp-round-icon{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.94),
    0 0 15px rgba(60,255,145,.66)!important;
}

.floating-actions.is-accelerating .floating-top{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.23),
    0 0 11px rgba(255,255,255,.10)!important;
}

/* No pulse/scale: cleaner dashboard behavior. */
.floating-actions.is-accelerating .floating-btn,
.floating-actions.is-accelerating .floating-whatsapp,
.floating-actions.is-accelerating .floating-top{
  transform:none!important;
}

.floating-whatsapp:hover,
.floating-top:hover{
  transform:translateY(-1px)!important;
}

@media(max-width:900px){
  .floating-whatsapp{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    min-height:70px!important;
  }
  .floating-top{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
  }
}

@media(max-width:580px){
  .floating-actions{
    right:8px!important;
    bottom:8px!important;
    gap:6px!important;
  }
  .floating-whatsapp{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
  }
  .floating-top{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }
  .floating-whatsapp::before,
  .floating-top::before{
    inset:5px!important;
  }
  .floating-whatsapp .whatsapp-round-icon{
    width:31px!important;
    height:31px!important;
  }
  .floating-whatsapp .whatsapp-round-icon img{
    width:19px!important;
    height:19px!important;
  }
  .floating-top svg{
    width:19px!important;
    height:19px!important;
  }
}

/* Reference WhatsApp center ring */
.floating-whatsapp .whatsapp-round-icon{
  width:40px!important;
  height:40px!important;
  background:rgba(5,24,18,.30)!important;
  border:2px solid #39f28b!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    inset 0 0 10px rgba(57,242,139,.18),
    0 0 10px rgba(57,242,139,.70),
    0 0 20px rgba(57,242,139,.28)!important;
}

.floating-whatsapp .whatsapp-round-icon img{
  width:25px!important;
  height:25px!important;
  filter:
    brightness(0) invert(1)
    drop-shadow(0 0 3px rgba(255,255,255,.45))
    drop-shadow(0 0 6px rgba(57,242,139,.40))!important;
}

.floating-actions.is-accelerating .floating-whatsapp .whatsapp-round-icon{
  border-color:#67ffac!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14),
    inset 0 0 12px rgba(57,242,139,.24),
    0 0 14px rgba(57,242,139,.90),
    0 0 28px rgba(57,242,139,.38)!important;
}

@media(max-width:900px){
  .floating-whatsapp .whatsapp-round-icon{
    width:37px!important;
    height:37px!important;
  }
  .floating-whatsapp .whatsapp-round-icon img{
    width:23px!important;
    height:23px!important;
  }
}

@media(max-width:580px){
  .floating-whatsapp .whatsapp-round-icon{
    width:33px!important;
    height:33px!important;
  }
  .floating-whatsapp .whatsapp-round-icon img{
    width:20px!important;
    height:20px!important;
  }
}

/* WhatsApp neon glyph only — no center ring */
.floating-whatsapp .whatsapp-round-icon{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.floating-whatsapp .whatsapp-round-icon img{
  width:27px!important;
  height:27px!important;
  display:block!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 0 2px rgba(57,242,139,.98))
    drop-shadow(0 0 5px rgba(57,242,139,.82))
    drop-shadow(0 0 10px rgba(57,242,139,.42))!important;
}

.floating-actions.is-accelerating .floating-whatsapp .whatsapp-round-icon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.floating-actions.is-accelerating .floating-whatsapp .whatsapp-round-icon img{
  filter:
    drop-shadow(0 0 2px rgba(103,255,172,1))
    drop-shadow(0 0 7px rgba(57,242,139,.98))
    drop-shadow(0 0 14px rgba(57,242,139,.62))
    drop-shadow(0 0 22px rgba(57,242,139,.30))!important;
}

@media(max-width:900px){
  .floating-whatsapp .whatsapp-round-icon{
    width:35px!important;
    height:35px!important;
  }
  .floating-whatsapp .whatsapp-round-icon img{
    width:25px!important;
    height:25px!important;
  }
}

@media(max-width:580px){
  .floating-whatsapp .whatsapp-round-icon{
    width:31px!important;
    height:31px!important;
  }
  .floating-whatsapp .whatsapp-round-icon img{
    width:22px!important;
    height:22px!important;
  }
}

/* Outer-rim speed indicator — no inner tick marks */
.floating-whatsapp,
.floating-top{
  overflow:visible!important;
}

/* Remove all interior gauge ticks / labels. */
.floating-whatsapp::before,
.floating-top::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-1px!important;
  z-index:2!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:
    conic-gradient(
      from 214deg,
      var(--gauge-live-color) 0deg var(--gauge-sweep),
      rgba(255,255,255,.055) var(--gauge-sweep) 258deg,
      transparent 258deg 360deg
    )!important;

  /* Only keep a thin ring at the OUTER edge. */
  -webkit-mask:
    radial-gradient(circle,
      transparent 0 83%,
      #000 84% 94%,
      transparent 95% 100%)!important;
  mask:
    radial-gradient(circle,
      transparent 0 83%,
      #000 84% 94%,
      transparent 95% 100%)!important;

  opacity:1!important;
  transform:none!important;
}

.floating-whatsapp{
  --gauge-live-color:#42ff98;
}
.floating-top{
  --gauge-live-color:#ffffff;
}

/* Soft glow follows the live outer rim. */
.floating-whatsapp::before{
  filter:
    drop-shadow(0 0 2px rgba(66,255,152,.9))
    drop-shadow(0 0 6px rgba(66,255,152,.35))!important;
}

.floating-top::before{
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.85))
    drop-shadow(0 0 5px rgba(255,255,255,.20))!important;
}

/* Keep the base silver bezel clean and visible beneath the live light. */
.floating-whatsapp,
.floating-top{
  border:2px solid #cfd6da!important;
  outline:1px solid rgba(55,64,72,.72)!important;
  outline-offset:-1px!important;
}

.floating-actions.is-accelerating .floating-whatsapp::before{
  filter:
    drop-shadow(0 0 3px rgba(66,255,152,1))
    drop-shadow(0 0 9px rgba(66,255,152,.58))
    drop-shadow(0 0 15px rgba(66,255,152,.24))!important;
}

.floating-actions.is-accelerating .floating-top::before{
  filter:
    drop-shadow(0 0 3px rgba(255,255,255,.95))
    drop-shadow(0 0 8px rgba(255,255,255,.34))!important;
}

/* Keep the centers visually quiet so the rim animation is the focus. */
.floating-whatsapp .whatsapp-round-icon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.floating-top{
  background:
    radial-gradient(circle at 50% 48%,
      #121922 0 58%,
      #090e13 59% 70%,
      #202a32 71% 76%,
      #090d11 77% 100%)!important;
}

/* Exact border-line speed growth */
/*
  The speed line now lives exactly on the button bezel.
  No interior ticks, no inner progress ring.
*/
.floating-whatsapp::before,
.floating-top::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:6!important;
  border-radius:50%!important;
  pointer-events:none!important;

  background:
    conic-gradient(
      from 214deg,
      var(--gauge-live-color) 0deg var(--gauge-sweep),
      transparent var(--gauge-sweep) 360deg
    )!important;

  /* Thin illuminated line exactly at the outside edge. */
  -webkit-mask:
    radial-gradient(
      circle,
      transparent 0 91%,
      #000 92% 100%
    )!important;
  mask:
    radial-gradient(
      circle,
      transparent 0 91%,
      #000 92% 100%
    )!important;

  opacity:1!important;
  transform:none!important;
}

/* Neutral metallic bezel remains visible where the speed line has not reached. */
.floating-whatsapp,
.floating-top{
  border:2px solid #aeb8be!important;
  outline:1px solid rgba(42,50,57,.78)!important;
  outline-offset:-1px!important;
}

/* WhatsApp = green live border. */
.floating-whatsapp{
  --gauge-live-color:#42ff98!important;
}
.floating-whatsapp::before{
  filter:
    drop-shadow(0 0 2px rgba(66,255,152,.88))
    drop-shadow(0 0 5px rgba(66,255,152,.28))!important;
}

/* Scroll-to-top = white live border. */
.floating-top{
  --gauge-live-color:#ffffff!important;
}
.floating-top::before{
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.82))
    drop-shadow(0 0 4px rgba(255,255,255,.18))!important;
}

/* Faster scrolling increases light intensity, while JS controls line length. */
.floating-actions.is-accelerating .floating-whatsapp::before{
  filter:
    drop-shadow(0 0 2px rgba(66,255,152,1))
    drop-shadow(0 0 7px rgba(66,255,152,.56))
    drop-shadow(0 0 12px rgba(66,255,152,.18))!important;
}

.floating-actions.is-accelerating .floating-top::before{
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,1))
    drop-shadow(0 0 6px rgba(255,255,255,.32))!important;
}

/* Car-style dashboard sweep on the button bezel */
.floating-actions{
  --gauge-sweep:0deg;
  --gauge-speed:0;
}

/*
  Car dashboard geometry:
  start = lower-left (225deg)
  finish = lower-right after a 270deg sweep
*/
.floating-whatsapp::before,
.floating-top::before{
  inset:-2px!important;
  background:
    conic-gradient(
      from 225deg,
      var(--gauge-live-color) 0deg var(--gauge-sweep),
      rgba(255,255,255,.055) var(--gauge-sweep) 270deg,
      transparent 270deg 360deg
    )!important;

  -webkit-mask:
    radial-gradient(
      circle,
      transparent 0 90%,
      #000 91% 100%
    )!important;
  mask:
    radial-gradient(
      circle,
      transparent 0 90%,
      #000 91% 100%
    )!important;
}

/* The unlit portion of the speedometer remains a subtle metallic track. */
.floating-whatsapp,
.floating-top{
  border:2px solid rgba(177,188,195,.78)!important;
}

/* Stronger dashboard glow when the arc gets into the high-speed region. */
.floating-actions.is-high-speed .floating-whatsapp::before{
  filter:
    drop-shadow(0 0 3px rgba(66,255,152,1))
    drop-shadow(0 0 10px rgba(66,255,152,.70))
    drop-shadow(0 0 18px rgba(66,255,152,.28))!important;
}
.floating-actions.is-high-speed .floating-top::before{
  filter:
    drop-shadow(0 0 3px rgba(255,255,255,1))
    drop-shadow(0 0 8px rgba(255,255,255,.46))!important;
}

/* Tiny redline cue at the final edge only, like a car cluster. */
.floating-whatsapp,
.floating-top{
  background:
    radial-gradient(circle at 50% 48%,
      #121922 0 58%,
      #090e13 59% 70%,
      #202a32 71% 76%,
      #090d11 77% 100%)!important;
}

/* Equal-size floating gauges */
.floating-whatsapp,
.floating-top{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
}

@media(max-width:900px){
  .floating-whatsapp,
  .floating-top{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
  }
}

@media(max-width:580px){
  .floating-whatsapp,
  .floating-top{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    min-height:60px!important;
  }
}



/* Hard equal visual footprint for both floating gauges */
.floating-actions > .floating-btn,
.floating-actions > .floating-whatsapp,
.floating-actions > .floating-top{
  box-sizing:border-box!important;
  flex:0 0 68px!important;
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  border-width:2px!important;
  border-radius:50%!important;
  transform:none!important;
}

/* Same exact live-border geometry */
.floating-actions > .floating-whatsapp::before,
.floating-actions > .floating-top::before{
  inset:-2px!important;
  border-radius:50%!important;
}

/* Same outer shadow footprint; color is the only difference */
.floating-actions > .floating-whatsapp{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.22),
    0 0 6px rgba(66,255,152,.10)!important;
}

.floating-actions > .floating-top{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.22),
    0 0 6px rgba(255,255,255,.08)!important;
}

.floating-actions.is-accelerating > .floating-whatsapp{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.22),
    0 0 10px rgba(66,255,152,.22)!important;
}

.floating-actions.is-accelerating > .floating-top{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.22),
    0 0 10px rgba(255,255,255,.16)!important;
}

/* Same hover movement */
.floating-actions > .floating-whatsapp:hover,
.floating-actions > .floating-top:hover{
  transform:translateY(-1px)!important;
}

@media(max-width:900px){
  .floating-actions > .floating-btn,
  .floating-actions > .floating-whatsapp,
  .floating-actions > .floating-top{
    flex-basis:64px!important;
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
    max-width:64px!important;
    max-height:64px!important;
  }
}

@media(max-width:580px){
  .floating-actions > .floating-btn,
  .floating-actions > .floating-whatsapp,
  .floating-actions > .floating-top{
    flex-basis:58px!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
  }
}



/* Always-visible automotive speedometer track */
/*
  Make the gauge readable even at 0 speed:
  - permanent silver 270deg track
  - bottom gap like a dashboard speedometer
  - small redline zone at high end
  - live green/white arc grows over the same track
*/
.floating-actions > .floating-whatsapp::before,
.floating-actions > .floating-top::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-2px!important;
  z-index:8!important;
  border-radius:50%!important;
  pointer-events:none!important;

  background:
    conic-gradient(
      from 225deg,
      var(--gauge-live-color) 0deg var(--gauge-sweep),
      transparent var(--gauge-sweep) 360deg
    ),
    conic-gradient(
      from 225deg,
      rgba(220,228,232,.54) 0deg 238deg,
      #ff4236 238deg 270deg,
      transparent 270deg 360deg
    )!important;

  -webkit-mask:
    radial-gradient(
      circle,
      transparent 0 88%,
      #000 89% 96%,
      transparent 97% 100%
    )!important;
  mask:
    radial-gradient(
      circle,
      transparent 0 88%,
      #000 89% 96%,
      transparent 97% 100%
    )!important;

  opacity:1!important;
  transform:none!important;
}

/* Live rim colors */
.floating-actions > .floating-whatsapp{
  --gauge-live-color:#42ff98!important;
}
.floating-actions > .floating-top{
  --gauge-live-color:#ffffff!important;
}

/* At rest, keep the instrument track crisp but restrained */
.floating-actions > .floating-whatsapp::before{
  filter:
    drop-shadow(0 0 1px rgba(66,255,152,.36))!important;
}
.floating-actions > .floating-top::before{
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.28))!important;
}

/* Acceleration increases glow; JS continues controlling arc length */
.floating-actions.is-accelerating > .floating-whatsapp::before{
  filter:
    drop-shadow(0 0 2px rgba(66,255,152,1))
    drop-shadow(0 0 7px rgba(66,255,152,.58))
    drop-shadow(0 0 12px rgba(66,255,152,.18))!important;
}
.floating-actions.is-accelerating > .floating-top::before{
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.95))
    drop-shadow(0 0 6px rgba(255,255,255,.30))!important;
}

/* Keep the physical bezel quieter than the speed track */
.floating-actions > .floating-whatsapp,
.floating-actions > .floating-top{
  border:1px solid rgba(95,106,114,.92)!important;
  outline:1px solid rgba(215,222,226,.55)!important;
  outline-offset:0!important;
}

/* SVG automotive gauge — final visible speedometer */
/* Disable the older pseudo-element rings completely. */
.floating-actions > .floating-whatsapp::before,
.floating-actions > .floating-top::before{
  display:none!important;
  content:none!important;
}

/* The SVG sits slightly outside the button bezel, like a real cluster ring. */
.dashboard-gauge{
  position:absolute!important;
  left:-5px!important;
  top:-5px!important;
  z-index:7!important;
  width:calc(100% + 10px)!important;
  height:calc(100% + 10px)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  pointer-events:none!important;
  transform:none!important;
  filter:none!important;
  fill:none!important;
}

.dashboard-gauge path{
  fill:none!important;
  vector-effect:non-scaling-stroke;
}

/* Permanent 270deg speedometer track with bottom gap. */
.dashboard-gauge-track{
  stroke:rgba(208,218,224,.72)!important;
  stroke-width:4!important;
  stroke-linecap:round!important;
}

/* Live speed arc. JS changes stroke-dasharray from 0 -> 100. */
.dashboard-gauge-live{
  stroke-width:5.6!important;
  stroke-linecap:round!important;
  stroke-dasharray:0 100;
  transition:stroke-dasharray .035s linear;
}

/* High-speed redline is always visible at the end of the gauge. */
.dashboard-gauge-redline{
  stroke:#ff4236!important;
  stroke-width:5.2!important;
  stroke-linecap:round!important;
  stroke-dasharray:11 89;
  stroke-dashoffset:-89;
}

.floating-whatsapp .dashboard-gauge-live{
  stroke:#42ff98!important;
  filter:
    drop-shadow(0 0 2px rgba(66,255,152,.95))
    drop-shadow(0 0 5px rgba(66,255,152,.42))!important;
}

.floating-top .dashboard-gauge-live{
  stroke:#ffffff!important;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.90))
    drop-shadow(0 0 4px rgba(255,255,255,.25))!important;
}

.floating-actions.is-accelerating .floating-whatsapp .dashboard-gauge-live{
  filter:
    drop-shadow(0 0 2px rgba(66,255,152,1))
    drop-shadow(0 0 7px rgba(66,255,152,.75))
    drop-shadow(0 0 12px rgba(66,255,152,.30))!important;
}

.floating-actions.is-accelerating .floating-top .dashboard-gauge-live{
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,1))
    drop-shadow(0 0 6px rgba(255,255,255,.48))!important;
}

/* Because older CSS targets every SVG inside the top button. */
.floating-top > svg.dashboard-gauge{
  position:absolute!important;
  left:-5px!important;
  top:-5px!important;
  width:calc(100% + 10px)!important;
  height:calc(100% + 10px)!important;
  transform:none!important;
  stroke:initial!important;
  filter:none!important;
}

.floating-top > svg:not(.dashboard-gauge){
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:10!important;
  transform:translate(-50%,-50%)!important;
}

/* Ensure the center symbols sit above the actual speedometer ring. */
.floating-whatsapp .whatsapp-round-icon{
  z-index:10!important;
}
.floating-whatsapp .whatsapp-round-icon img{
  position:relative!important;
  z-index:11!important;
}

@media(max-width:580px){
  .dashboard-gauge,
  .floating-top > svg.dashboard-gauge{
    left:-4px!important;
    top:-4px!important;
    width:calc(100% + 8px)!important;
    height:calc(100% + 8px)!important;
  }
  .dashboard-gauge-track{
    stroke-width:3.6!important;
  }
  .dashboard-gauge-live{
    stroke-width:5!important;
  }
  .dashboard-gauge-redline{
    stroke-width:4.8!important;
  }
}

/* Refined WhatsApp green + thinner gauge glow */
.floating-whatsapp .dashboard-gauge-live{
  stroke:#25D366!important;
  stroke-width:4.4!important;
  filter:
    drop-shadow(0 0 1px rgba(37,211,102,.85))
    drop-shadow(0 0 3px rgba(37,211,102,.24))!important;
}

.floating-actions.is-accelerating .floating-whatsapp .dashboard-gauge-live{
  filter:
    drop-shadow(0 0 1px rgba(37,211,102,.95))
    drop-shadow(0 0 4px rgba(37,211,102,.38))
    drop-shadow(0 0 7px rgba(37,211,102,.12))!important;
}

.floating-top .dashboard-gauge-live{
  stroke-width:4.4!important;
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.76))
    drop-shadow(0 0 3px rgba(255,255,255,.16))!important;
}

.floating-actions.is-accelerating .floating-top .dashboard-gauge-live{
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.90))
    drop-shadow(0 0 4px rgba(255,255,255,.28))!important;
}

.floating-whatsapp .whatsapp-round-icon img{
  filter:
    drop-shadow(0 0 1px rgba(37,211,102,.88))
    drop-shadow(0 0 3px rgba(37,211,102,.28))!important;
}

.floating-actions.is-accelerating .floating-whatsapp .whatsapp-round-icon img{
  filter:
    drop-shadow(0 0 1px rgba(37,211,102,.95))
    drop-shadow(0 0 4px rgba(37,211,102,.38))!important;
}

@media(max-width:580px){
  .dashboard-gauge-live{
    stroke-width:4!important;
  }
}

/* Mobile/tablet header cart beside hamburger */
@media(max-width:860px){
  .site-header .header-inner{
    display:flex!important;
    align-items:center!important;
  }

  /* Push the cart + hamburger together to the far right. */
  .site-header .header-cart-wrap{
    order:3!important;
    margin-left:auto!important;
    margin-right:8px!important;
    flex:0 0 auto!important;
  }

  .site-header .menu-toggle{
    order:4!important;
    margin-left:0!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Compact icon-only cart in the header. */
  .site-header .header-cart{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:40px!important;
    min-width:42px!important;
    min-height:40px!important;
    padding:0!important;
    gap:0!important;
  }

  .site-header .header-cart-label{
    display:none!important;
  }

  .site-header .header-cart svg{
    width:20px!important;
    height:20px!important;
  }

  .site-header .header-cart-count{
    position:absolute!important;
    top:-6px!important;
    right:-6px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    font-size:9px!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.88)!important;
  }

  /* Header cart replaces the duplicate cart row inside the mobile menu. */
  .mobile-panel .mobile-cart-link{
    display:none!important;
  }

  /* Keep the cart popover aligned with the right-side controls. */
  .cart-popover{
    top:68px!important;
    right:14px!important;
    left:auto!important;
    width:min(340px,calc(100vw - 28px))!important;
  }
}

@media(max-width:580px){
  .site-header .header-cart-wrap{
    margin-right:6px!important;
  }

  .site-header .header-cart{
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
    min-height:38px!important;
  }

  .site-header .menu-toggle{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
}

/* White start point + redline only at high-speed end */
.dashboard-gauge-start{
  fill:#ffffff!important;
  stroke:rgba(16,20,24,.72)!important;
  stroke-width:1.2!important;
  vector-effect:non-scaling-stroke;
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.95))
    drop-shadow(0 0 3px rgba(255,255,255,.30))!important;
}

/* Red belongs only to the final high-speed segment. */
.dashboard-gauge-redline{
  stroke:#ff4236!important;
  stroke-width:4.6!important;
  stroke-linecap:round!important;
  stroke-dasharray:none!important;
  stroke-dashoffset:0!important;
}

/* Optical equalization for floating gauges */
.floating-actions{
  --floating-gauge-size:68px;
  --floating-gauge-ring-extra:10px;
}

/* Exact same physical body for both controls. */
.floating-actions > .floating-whatsapp,
.floating-actions > .floating-top{
  box-sizing:border-box!important;
  flex:0 0 var(--floating-gauge-size)!important;
  width:var(--floating-gauge-size)!important;
  height:var(--floating-gauge-size)!important;
  min-width:var(--floating-gauge-size)!important;
  min-height:var(--floating-gauge-size)!important;
  max-width:var(--floating-gauge-size)!important;
  max-height:var(--floating-gauge-size)!important;
  padding:0!important;
  border:1px solid rgba(95,106,114,.92)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,
      #121922 0 58%,
      #090e13 59% 70%,
      #202a32 71% 76%,
      #090d11 77% 100%)!important;
}

/* Exact same SVG gauge box for both controls. */
.floating-actions > .floating-whatsapp > .dashboard-gauge,
.floating-actions > .floating-top > .dashboard-gauge{
  left:calc(var(--floating-gauge-ring-extra) / -2)!important;
  top:calc(var(--floating-gauge-ring-extra) / -2)!important;
  width:calc(100% + var(--floating-gauge-ring-extra))!important;
  height:calc(100% + var(--floating-gauge-ring-extra))!important;
}

/* Keep the track and redline identical in visual weight. */
.floating-actions .dashboard-gauge-track{
  stroke-width:4!important;
}
.floating-actions .dashboard-gauge-redline{
  stroke-width:4.6!important;
}

/* Slightly increase the WhatsApp mark so the top control does not look smaller. */
.floating-actions > .floating-whatsapp .whatsapp-round-icon{
  width:40px!important;
  height:40px!important;
}
.floating-actions > .floating-whatsapp .whatsapp-round-icon img{
  width:29px!important;
  height:29px!important;
}

@media(max-width:900px){
  .floating-actions{
    --floating-gauge-size:64px;
    --floating-gauge-ring-extra:9px;
  }
  .floating-actions > .floating-whatsapp .whatsapp-round-icon{
    width:38px!important;
    height:38px!important;
  }
  .floating-actions > .floating-whatsapp .whatsapp-round-icon img{
    width:27px!important;
    height:27px!important;
  }
}

@media(max-width:580px){
  .floating-actions{
    --floating-gauge-size:58px;
    --floating-gauge-ring-extra:8px;
  }
  .floating-actions > .floating-whatsapp .whatsapp-round-icon{
    width:35px!important;
    height:35px!important;
  }
  .floating-actions > .floating-whatsapp .whatsapp-round-icon img{
    width:25px!important;
    height:25px!important;
  }
}

/* Header containment + lighter hero page titles */
/* Desktop: contain the full 82px logo inside the header instead of letting it hang out. */
.site-header{
  height:90px!important;
  margin-bottom:-90px!important;
}

.site-header .header-inner{
  height:90px!important;
  min-height:90px!important;
  align-items:center!important;
}

.site-header .header-logo{
  height:90px!important;
  align-self:center!important;
}

.site-header .header-logo .header-brand-logo{
  height:82px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}

.hero,
.page-hero{
  padding-top:90px!important;
}

/* Main page titles: lighter, softer, and more breathing room between rows. */
h1.display,
h1.display-md{
  color:#252A2F!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}

h1.display{
  line-height:1.06!important;
}

h1.display-md{
  line-height:1.10!important;
}

/* Dark hero pages still use white titles. */
.page-hero.dark h1.display,
.page-hero.dark h1.display-md{
  color:#FFFFFF!important;
}

/* Tablet / compact laptop header */
@media(max-width:1180px){
  .site-header{
    height:84px!important;
    margin-bottom:-84px!important;
  }

  .site-header .header-inner,
  .site-header .header-logo{
    height:84px!important;
    min-height:84px!important;
  }

  .site-header .header-logo .header-brand-logo{
    height:76px!important;
    top:50%!important;
  }

  .hero,
  .page-hero{
    padding-top:84px!important;
  }
}

/* Tablet / hamburger header */
@media(max-width:860px){
  .site-header{
    height:78px!important;
    margin-bottom:-78px!important;
  }

  .site-header .header-inner,
  .site-header .header-logo{
    height:78px!important;
    min-height:78px!important;
  }

  .site-header .header-logo .header-brand-logo{
    height:70px!important;
    top:50%!important;
  }

  .hero,
  .page-hero{
    padding-top:78px!important;
  }

  .mobile-panel{
    top:78px!important;
  }

  .cart-popover{
    top:86px!important;
  }

  h1.display,
  h1.display-md{
    line-height:1.10!important;
  }
}

/* Mobile */
@media(max-width:580px){
  .site-header{
    height:72px!important;
    margin-bottom:-72px!important;
  }

  .site-header .header-inner,
  .site-header .header-logo{
    height:72px!important;
    min-height:72px!important;
  }

  .site-header .header-logo .header-brand-logo{
    height:64px!important;
    top:50%!important;
  }

  .hero,
  .page-hero{
    padding-top:72px!important;
  }

  .mobile-panel{
    top:72px!important;
  }

  .cart-popover{
    top:80px!important;
  }

  h1.display,
  h1.display-md{
    letter-spacing:-.025em!important;
    line-height:1.12!important;
  }
}

/* Global page-title typography — all pages */
/*
  One page-title treatment for every current page.
  Keep the improved vertical breathing room, but use the requested 800 weight.
*/
.hero h1,
.page-hero h1,
main h1.display,
main h1.display-md{
  font-weight:800!important;
  letter-spacing:-.035em!important;
  line-height:1.10!important;
  color:#252A2F!important;
  text-wrap:balance!important;
}

/* Homepage display title can stay slightly tighter without touching rows. */
.hero h1.display,
main h1.display{
  line-height:1.08!important;
}

/* Dark hero title remains white. */
.page-hero.dark h1,
.page-hero.dark h1.display,
.page-hero.dark h1.display-md{
  color:#FFFFFF!important;
}

@media(max-width:580px){
  .hero h1,
  .page-hero h1,
  main h1.display,
  main h1.display-md{
    letter-spacing:-.025em!important;
    line-height:1.12!important;
  }
}

/* Canonical page-title rendering */
/*
  One explicit title face across Home, Products, Services and About.
  This prevents .display / .display-md or browser fallback differences
  from making one page look heavier than another.
*/
.page-title{
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;
  font-style:normal!important;
  font-weight: 650!important;
  font-synthesis:none!important;
  letter-spacing:-.035em!important;
  line-height:1.10!important;
  text-wrap:balance!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

.hero .page-title.display{
  line-height:1.08!important;
}

.page-hero.dark .page-title{
  color:#FFFFFF!important;
}

.page-hero:not(.dark) .page-title,
.hero .page-title{
  color:#252A2F!important;
}

@media(max-width:580px){
  .page-title{
    letter-spacing:-.025em!important;
    line-height:1.12!important;
  }
}

/* Balanced page-title sizing */
/* Reduce the oversized hero-title scale while keeping the shared 700 weight. */
.hero .page-title.display{
  font-size:clamp(54px,5.8vw,92px)!important;
  line-height:1.08!important;
}

.page-hero .page-title.display-md{
  font-size:clamp(40px,4.35vw,64px)!important;
  line-height:1.10!important;
}

@media(max-width:1180px){
  .hero .page-title.display{
    font-size:clamp(50px,6.2vw,78px)!important;
  }

  .page-hero .page-title.display-md{
    font-size:clamp(38px,4.8vw,58px)!important;
  }
}

@media(max-width:860px){
  .hero .page-title.display{
    font-size:clamp(46px,8vw,66px)!important;
  }

  .page-hero .page-title.display-md{
    font-size:clamp(36px,6.4vw,52px)!important;
  }
}

@media(max-width:580px){
  .hero .page-title.display{
    font-size:46px!important;
  }

  .page-hero .page-title.display-md{
    font-size:38px!important;
  }
}

/* Homepage cinematic car reveal */
.hero-cinematic{
  --hero-progress:1;
  --hero-content-opacity:1;
  --hero-light-opacity:1;
  --hero-intro-opacity:0;
  --hero-photo-scale:1;
  --hero-photo-x:0%;
  --hero-photo-y:0%;
  --hero-light-x:18%;
  position:relative;
  height:260svh;
  min-height:0!important;
  padding-top:0!important;
  overflow:visible;
  background:#050807;
}
.hero-cinematic::after{
  display:none;
}
.hero-cinematic .hero-stage{
  position:sticky;
  top:0;
  height:100svh;
  min-height:680px;
  overflow:hidden;
  isolation:isolate;
  background:#050807;
}
.hero-cinematic .hero-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#050807;
}
.hero-cinematic .hero-3d-canvas{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease;
}
.hero-cinematic .hero-car-photo{
  position:absolute;
  inset:-4%;
  z-index:0;
  width:108%;
  height:108%;
  object-fit:cover;
  object-position:58% 54%;
  filter:saturate(.74) contrast(1.08) brightness(.54);
  transform:translate3d(var(--hero-photo-x),var(--hero-photo-y),0) scale(var(--hero-photo-scale));
  transform-origin:58% 52%;
  will-change:transform;
  transition:opacity .45s ease;
}
.hero-cinematic .hero-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,rgba(3,7,6,.93) 0%,rgba(3,7,6,.72) 36%,rgba(3,7,6,.14) 70%,rgba(3,7,6,.42) 100%),
    linear-gradient(0deg,rgba(3,7,6,.88) 0%,transparent 44%,rgba(3,7,6,.52) 100%);
  pointer-events:none;
}
.hero-cinematic .hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  background:radial-gradient(ellipse at 61% 53%,transparent 28%,rgba(2,5,4,.2) 62%,rgba(2,5,4,.76) 100%);
  pointer-events:none;
}
.hero-studio-lighting{
  position:absolute;
  inset:0;
  z-index:3;
  overflow:hidden;
  pointer-events:none;
}
.hero-floor-glow,
.hero-light-sweep,
.hero-light-rim{
  position:absolute;
  display:block;
  pointer-events:none;
}
.hero-floor-glow{
  left:38%;
  right:-8%;
  bottom:-19%;
  height:49%;
  opacity:calc(.18 + (var(--hero-light-opacity) * .36));
  background:radial-gradient(ellipse at center,rgba(114,224,189,.3) 0%,rgba(54,154,127,.16) 33%,transparent 72%);
  filter:blur(18px);
  transform:scaleX(calc(.78 + (var(--hero-light-opacity) * .22)));
}
.hero-light-sweep{
  top:-28%;
  left:47%;
  width:32%;
  height:145%;
  opacity:var(--hero-light-opacity);
  background:linear-gradient(100deg,transparent 5%,rgba(205,255,238,.05) 30%,rgba(226,255,246,.4) 49%,rgba(125,231,195,.11) 66%,transparent 86%);
  filter:blur(15px);
  mix-blend-mode:screen;
  transform:translate3d(var(--hero-light-x),0,0) rotate(9deg);
  transform-origin:50% 0;
  will-change:transform,opacity;
}
.hero-light-rim{
  inset:8% -10% 4% 36%;
  opacity:calc(.15 + (var(--hero-light-opacity) * .62));
  background:
    radial-gradient(ellipse at 69% 52%,transparent 0%,transparent 31%,rgba(174,249,224,.28) 40%,transparent 55%),
    radial-gradient(ellipse at 73% 42%,rgba(246,199,149,.24) 0%,transparent 34%);
  filter:blur(12px);
  mix-blend-mode:screen;
}
.hero-cinematic .hero-inner{
  position:relative;
  z-index:6;
  height:100%;
  min-height:0;
  justify-content:flex-end;
  padding:128px 0 58px;
  color:#fff;
}
.hero-cinematic[data-3d-state="ready"] .hero-3d-canvas{
  opacity:1;
}
.hero-cinematic[data-3d-state="ready"] .hero-car-photo{
  opacity:.12;
  transform:none;
}
.hero-cinematic[data-3d-state="ready"] .hero-studio-lighting{
  opacity:0;
}
.hero-model-credit{
  position:absolute;
  right:18px;
  bottom:16px;
  z-index:8;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(3,7,6,.54);
  color:rgba(255,255,255,.72);
  font-size:11px;
  line-height:1.35;
  text-decoration:none;
  backdrop-filter:blur(8px);
}
.hero-model-credit:hover,
.hero-model-credit:focus-visible{
  color:#fff;
  border-color:rgba(246,199,149,.72);
}
.hero-cinematic[data-3d-state="fallback"],
.hero-cinematic[data-3d-state="unsupported"],
.hero-cinematic[data-3d-state="failed"]{
  height:auto;
  min-height:680px!important;
  overflow:hidden;
}
.hero-cinematic[data-3d-state="fallback"] .hero-stage,
.hero-cinematic[data-3d-state="unsupported"] .hero-stage,
.hero-cinematic[data-3d-state="failed"] .hero-stage{
  position:relative;
  top:auto;
  height:auto;
  min-height:680px;
}
.hero-cinematic[data-3d-state="fallback"] .hero-top,
.hero-cinematic[data-3d-state="fallback"] .hero-vertical-nav,
.hero-cinematic[data-3d-state="fallback"] .hero-title,
.hero-cinematic[data-3d-state="fallback"] .hero-copy,
.hero-cinematic[data-3d-state="fallback"] .hero-actions,
.hero-cinematic[data-3d-state="unsupported"] .hero-top,
.hero-cinematic[data-3d-state="unsupported"] .hero-vertical-nav,
.hero-cinematic[data-3d-state="unsupported"] .hero-title,
.hero-cinematic[data-3d-state="unsupported"] .hero-copy,
.hero-cinematic[data-3d-state="unsupported"] .hero-actions,
.hero-cinematic[data-3d-state="failed"] .hero-top,
.hero-cinematic[data-3d-state="failed"] .hero-vertical-nav,
.hero-cinematic[data-3d-state="failed"] .hero-title,
.hero-cinematic[data-3d-state="failed"] .hero-copy,
.hero-cinematic[data-3d-state="failed"] .hero-actions{
  opacity:1;
  transform:none;
}
.hero-cinematic .hero-top{
  top:112px;
}
.hero-cinematic .hero-top,
.hero-cinematic .hero-vertical-nav{
  opacity:var(--hero-intro-opacity);
  transform:translate3d(0,calc((1 - var(--hero-intro-opacity)) * -18px),0);
}
.hero-cinematic .hero-title,
.hero-cinematic .hero-copy,
.hero-cinematic .hero-actions{
  opacity:var(--hero-content-opacity);
  transform:translate3d(0,calc((1 - var(--hero-content-opacity)) * 34px),0);
}
.hero-cinematic .hero-title{
  max-width:760px;
}
.hero-cinematic .page-title,
.hero-cinematic .page-title.display{
  max-width:6.8ch;
  color:#fff!important;
  font-size:clamp(52px,6.4vw,92px)!important;
  line-height:1.01!important;
  letter-spacing:-.04em!important;
  text-shadow:0 12px 34px rgba(0,0,0,.34);
}
.hero-cinematic .hero-copy{
  max-width:500px;
  color:rgba(232,245,240,.78);
}
.hero-cinematic .hero-top .label,
.hero-cinematic .hero-top .muted,
.hero-cinematic .hero-vertical-nav a,
.hero-cinematic .text-link,
.hero-cinematic .hero-scroll{
  color:rgba(240,250,246,.78);
}
.hero-cinematic .hero-rule{
  background:rgba(226,244,237,.32);
}
.hero-cinematic .text-link{
  text-decoration-color:rgba(246,199,149,.66);
}
.hero-cinematic .hero-scroll{
  position:relative;
  padding-right:64px;
}
.hero-cinematic .hero-scroll::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;
  width:48px;
  height:1px;
  background:linear-gradient(90deg,rgba(246,199,149,.82),rgba(246,199,149,.08));
  transform:scaleX(calc(.25 + (var(--hero-progress) * .75)));
  transform-origin:left center;
}
.hero-cinematic.cinematic-ready .hero-top,
.hero-cinematic.cinematic-ready .hero-vertical-nav,
.hero-cinematic.cinematic-ready .hero-title,
.hero-cinematic.cinematic-ready .hero-copy,
.hero-cinematic.cinematic-ready .hero-actions{
  transition:none;
  will-change:transform,opacity;
}

@media(max-width:860px){
  .hero-cinematic{
    height:auto;
    min-height:760px!important;
    overflow:hidden;
  }
  .hero-cinematic .hero-stage{
    position:relative;
    top:auto;
    height:auto;
    min-height:760px;
  }
  .hero-cinematic .hero-car-photo{
    inset:0;
    width:100%;
    height:100%;
    object-position:62% 52%;
    filter:saturate(.72) contrast(1.08) brightness(.5);
    transform:none;
    will-change:auto;
  }
  .hero-cinematic .hero-media::before{
    background:
      linear-gradient(90deg,rgba(3,7,6,.9) 0%,rgba(3,7,6,.68) 54%,rgba(3,7,6,.28) 100%),
      linear-gradient(0deg,rgba(3,7,6,.94) 0%,transparent 52%,rgba(3,7,6,.58) 100%);
  }
  .hero-cinematic .hero-inner{
    min-height:760px;
    padding:118px 0 42px;
  }
  .hero-cinematic .hero-top{
    opacity:1;
    transform:none;
  }
  .hero-cinematic .hero-title,
  .hero-cinematic .hero-copy,
  .hero-cinematic .hero-actions{
    opacity:1;
    transform:none;
  }
  .hero-cinematic .page-title,
  .hero-cinematic .page-title.display{
    font-size:clamp(48px,9vw,66px)!important;
  }
  .hero-cinematic .hero-light-sweep{
    opacity:.48;
    transform:translate3d(10%,0,0) rotate(9deg);
    animation:none;
    will-change:auto;
  }
  .hero-cinematic .hero-scroll{
    display:none;
  }
}

@media(max-width:580px){
  .hero-cinematic{
    min-height:100svh!important;
  }
  .hero-cinematic .hero-stage,
  .hero-cinematic .hero-inner{
    min-height:100svh;
  }
  .hero-cinematic .hero-inner{
    padding:104px 0 34px;
  }
  .hero-cinematic .hero-top{
    top:104px;
  }
  .hero-cinematic .hero-title{
    margin-top:auto;
  }
  .hero-cinematic .page-title,
  .hero-cinematic .page-title.display{
    font-size:clamp(43px,13vw,58px)!important;
  }
  .hero-cinematic .hero-copy{
    max-width:34ch;
    color:rgba(240,250,246,.84);
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-cinematic{
    height:auto;
    min-height:680px!important;
  }
  .hero-cinematic .hero-stage{
    position:relative;
    top:auto;
    height:auto;
    min-height:680px;
  }
  .hero-cinematic .hero-car-photo{
    transform:none;
    will-change:auto;
  }
  .hero-cinematic .hero-top,
  .hero-cinematic .hero-vertical-nav,
  .hero-cinematic .hero-title,
  .hero-cinematic .hero-copy,
  .hero-cinematic .hero-actions{
    opacity:1;
    transform:none;
    transition:none;
    will-change:auto;
  }
  .hero-cinematic .hero-light-sweep{
    opacity:.58;
    transform:translate3d(12%,0,0) rotate(9deg);
    animation:none;
    will-change:auto;
  }
}

/* Keep page-specific hero overrides after the shared typography rules. */
.paper-hero .page-title,
.paper-hero .page-title.display{
  color:#fff!important;
  line-height:.98!important;
}
.paper-hero-stage{
  height:calc(100svh - 90px);
  min-height:590px;
}
.paper-hero-inner{
  min-height:590px;
}
.cinematic-demo-end{
  min-height:120svh;
}

@media(max-width:860px){
  .paper-hero,
  .paper-hero-stage,
  .paper-hero-inner{
    min-height:calc(100svh - 72px)!important;
  }
  .paper-hero .hero-actions{
    flex-flow:row wrap;
    align-items:center;
  }
}

@media(max-width:580px){
  .paper-hero-content{
    bottom:28px;
  }
  .paper-hero .hero-copy{
    margin-top:16px;
    font-size:13px;
    line-height:1.58;
  }
  .paper-hero .hero-actions{
    gap:16px;
    margin-top:20px;
  }
}

/* The supplied Carchope logo is orange artwork. Render it in the site's peach. */
.site-header .header-logo .header-brand-logo,
.footer-logo img{
  filter:url("assets/peach-logo-filter.svg#peach") drop-shadow(0 7px 12px rgba(15,23,42,.14))!important;
}
.footer-logo img{
  filter:url("assets/peach-logo-filter.svg#peach")!important;
}

/* Keep inner-page hero headings quieter than the homepage display title. */
.page-hero .page-title.display-md{
  font-size:clamp(34px,3.5vw,52px)!important;
  line-height:1.12!important;
}
.hero-cinematic:not(.paper-hero) .page-title.display{
  font-size:clamp(42px,4.8vw,70px)!important;
}
@media(max-width:580px){
  .page-hero .page-title.display-md{font-size:clamp(31px,8vw,36px)!important}
  .hero-cinematic:not(.paper-hero) .page-title.display{font-size:clamp(38px,10vw,48px)!important}
}

/* One title role for every public inner page; the homepage reveal is distinct. */
:is(
  .page-hero .page-title.display-md,
  .journey-hero h1,
  .consignment-intro h1,
  .calculator-hero h1,
  .hero-cinematic:not(.paper-hero) .page-title.display,
  .car-detail-summary h1,
  .road-experience-page .hero-title h1.display
){
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;
  font-size:var(--inner-page-title-size)!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  font-synthesis:none!important;
  text-wrap:balance!important;
}
.hero-cinematic:not(.paper-hero) .page-title{max-width:8ch}

/* Verified vehicle filters: calm controls remain separate from the image-led hero. */
.advanced-filter-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:17px 0 0;
}
.advanced-filter-toggle,.filter-reset{
  min-height:42px;
  border:0;
  background:transparent;
  color:#24282b;
  font-size:14px;
  font-weight:700;
}
.advanced-filter-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 0}
.advanced-filter-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
.advanced-filter-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.filter-reset{padding:8px 0;color:#53595d;text-decoration:underline;text-underline-offset:4px}
.advanced-filter-toggle:hover,.filter-reset:hover{color:#111}
.advanced-filter-panel[hidden]{display:none!important}
.advanced-filter-panel{
  margin-top:14px;
  padding:25px 28px 29px;
  background:#fff;
  border:1px solid #e0e2e3;
}
.advanced-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 30px}
.advanced-filter-field{min-width:0;padding-bottom:16px;border-bottom:1px solid #e2e3e4}
.advanced-filter-field label{display:block;margin-bottom:13px;color:#303437;font-size:15px;font-weight:700;line-height:1.3}
.advanced-filter-field select{
  width:100%;min-width:0;min-height:43px;
  padding:8px 36px 8px 15px;
  border:1px solid #cbd0d3;
  border-radius:4px;
  background:#fff;
  color:#2b3034;
  font-size:14px;
  font-weight:500;
}
.advanced-filter-field select:disabled{background:#f5f6f6;color:#767c80;cursor:not-allowed}
.advanced-filter-field small{display:block;margin-top:8px;color:#646b70;font-size:12px}
.advanced-filter-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.advanced-filter-range>span{color:#33393d;font-size:13px}
.inventory-top{align-items:center;gap:8px}
.inventory-top b{margin-left:auto;text-align:right}
.inventory-fuel-tag{
  display:inline-flex;align-items:center;min-height:24px;
  padding:3px 9px;
  border-radius:12px;
  background:#f2eee8;
  color:#3a332b;
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}

/* Section titles share one calmer role beneath the public page title. */
main h2{
  font-size:var(--section-title-size)!important;
  font-weight:var(--section-title-weight)!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
}
main :is(.journey-item,.service-pill,.calculator-intro) h2{
  font-size:clamp(20px,2vw,26px)!important;
  line-height:1.2!important;
}

/* The shared enquiry is rendered by CF7 on WordPress and previewed locally. */
[data-carchope-enquiry]{min-width:0}
[data-carchope-enquiry] .shared-enquiry-fields{display:grid;gap:.85rem}
[data-carchope-enquiry] .shared-enquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}
[data-carchope-enquiry] .shared-enquiry-grid > p,[data-carchope-enquiry] .shared-enquiry-fields > p{min-width:0;margin:0}
[data-carchope-enquiry] .shared-vehicle-row{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-carchope-enquiry] label{display:block;min-width:0;color:#303438;font-size:.9rem;font-weight:650;line-height:1.3}
[data-carchope-enquiry] label > span[aria-hidden]{display:inline;color:#a56628}
[data-carchope-enquiry] input:not([type="submit"]),[data-carchope-enquiry] select,[data-carchope-enquiry] textarea{display:block;width:100%;min-width:0;min-height:2.8rem;margin-top:.35rem;padding:.65rem .8rem;border:1px solid #cfd4d2;border-radius:4px;background:#fff;color:#17191b;font:inherit;font-weight:400}
[data-carchope-enquiry] textarea{min-height:6rem;resize:vertical}
[data-carchope-enquiry] :is(input,select,textarea):focus-visible{outline:2px solid #b47535;outline-offset:2px}
[data-carchope-enquiry] .shared-vehicle-fields{display:grid;gap:.7rem;padding:.9rem 1rem;background:#f5f5f3;border:1px solid #e0e2df}
[data-carchope-enquiry] .shared-vehicle-fields[hidden]{display:none!important}
[data-carchope-enquiry] .access-code-help{font-size:.9rem;line-height:1.5}
[data-carchope-enquiry] .access-code-help summary{width:max-content;max-width:100%;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
[data-carchope-enquiry] .access-code-help ol{margin:.6rem 0 0;padding:.8rem .9rem .8rem 2rem;background:#fff;border:1px solid #e0e2df}
[data-carchope-enquiry] .btn-orange{width:auto;min-height:44px;padding:0 1.25rem;border:0;background:var(--orange-action);color:var(--orange-on-soft);cursor:pointer}
[data-carchope-enquiry] .demo-disclosure{display:grid;gap:.2rem;margin-bottom:1.5rem;padding:1rem 1.2rem;background:#f5f5f3;color:#25292b;font-size:.92rem;line-height:1.5}
[data-carchope-enquiry] .demo-disclosure span{color:#4d5559;font-size:inherit}
[data-carchope-enquiry] .shared-enquiry-status{margin:0;color:#4d5559;font-size:.93rem;line-height:1.5}
[data-carchope-enquiry] .wpcf7-response-output{font-size:1rem;line-height:1.5}
[data-carchope-enquiry] .wpcf7-not-valid-tip{color:#a72222;font-size:.9rem}
[data-carchope-enquiry] .wpcf7-form-control-wrap{display:block}
[data-carchope-enquiry] .enquiry-unavailable{padding:1.5rem;background:#f5f5f3;color:#25292b;line-height:1.5}
[data-carchope-enquiry] .enquiry-unavailable p{margin:0 0 .8rem}
[data-carchope-enquiry] .enquiry-unavailable a{color:#25292b;text-decoration:underline;text-underline-offset:.2em}
@media(max-width:900px){[data-carchope-enquiry] .shared-vehicle-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){[data-carchope-enquiry] .shared-enquiry-grid,[data-carchope-enquiry] .shared-vehicle-row{grid-template-columns:1fr}}
@media(max-width:600px){.global-wheel-scroll{display:none!important}}

/* One generated public footer for the current Carchope site. */
.site-footer .footer-current-grid{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,.75fr)) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.site-footer .footer-current-grid > *{min-width:0}
.site-footer .footer-current-grid :is(nav,.footer-current-contact){display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}
.site-footer .footer-current-grid h2{margin:0 0 .55rem;color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}
.site-footer .footer-current-grid a{color:#c7c9cb;font-size:.96rem;line-height:1.45;text-decoration:none;overflow-wrap:anywhere}
.site-footer .footer-current-grid a:hover{color:#fff;text-decoration:underline;text-underline-offset:.22em}
.site-footer .footer-current-grid a:focus-visible,.site-footer .footer-current-bottom a:focus-visible{outline:2px solid #b47535;outline-offset:4px}
.site-footer .footer-current-brand p{max-width:30ch;margin:1rem 0;color:#c7c9cb;font-size:.96rem;line-height:1.55}
.site-footer .footer-current-social{display:flex;flex-wrap:wrap;gap:.7rem}
.site-footer .footer-social-icon{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.04);
  color:#f6c795!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.site-footer .footer-social-icon:hover{background:#f6c795;color:#17191b!important;border-color:#f6c795;text-decoration:none!important;transform:translateY(-2px)}
.site-footer .footer-social-icon svg{width:20px;height:20px;display:block}
.site-footer .footer-social-icon:first-child svg{fill:currentColor;stroke:none}
.site-footer .footer-social-icon:nth-child(2) svg{fill:none;stroke:currentColor;stroke-width:1.7}
.site-footer .footer-social-icon .footer-social-dot{fill:currentColor;stroke:none}
.site-footer .footer-current-contact a{max-width:26ch}
.site-footer .footer-current-bottom{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:3rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.16);color:#959a9e;font-size:.86rem;line-height:1.5}
.site-footer .footer-current-bottom > div{display:flex;gap:1.4rem}
.site-footer .footer-current-bottom a{color:#c7c9cb;text-decoration:underline;text-underline-offset:.2em}
@media(max-width:999px){.site-footer .footer-current-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem}}
@media(max-width:599px){.site-footer .footer-current-grid{grid-template-columns:1fr;gap:2rem}.site-footer .footer-current-bottom{align-items:flex-start;flex-direction:column;margin-top:2.5rem}}
@media(max-width:599px){.vehicle-enquiry-layout{grid-template-columns:minmax(0,1fr)}.vehicle-enquiry-layout > *{min-width:0}}

/* Larger, consistently framed marks in the homepage brand rail. */
.brand-marquee-item{width:156px!important;min-height:110px!important;padding:18px 24px!important}
.brand-marquee-logo{width:88px!important;height:64px!important}
@media(max-width:860px){
  .brand-marquee-item{width:142px!important;min-height:100px!important;padding:16px 20px!important}
  .brand-marquee-logo{width:78px!important;height:58px!important}
}
@media(max-width:580px){
  .brand-marquee-item{width:126px!important;min-height:92px!important;padding:14px 18px!important}
  .brand-marquee-logo{width:68px!important;height:52px!important}
}

.home-testimonials{
  padding:clamp(64px,7vw,106px) 0;
  color:#202326;
  background:#f7f5f1;
  border-bottom:1px solid #d9dbd8;
}
.home-testimonials-head{
  margin-bottom:32px;
}
.home-testimonials-head h2{margin:0}
.testimonial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.testimonial-card{
  display:flex;
  flex-direction:column;
  min-height:228px;
  margin:0;
  padding:28px;
  background:#fff;
  border:1px solid #dfe1df;
}
.testimonial-card blockquote{
  margin:0;
  font-size:clamp(20px,2vw,27px);
  line-height:1.35;
  letter-spacing:-.025em;
  font-weight:550;
}
.testimonial-card figcaption{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:auto;
  padding-top:28px;
  color:#596165;
  font-size:14px;
}
.testimonial-card figcaption strong{color:#3c4245;font-weight:700}
.testimonial-card figcaption span{font-weight:500}
@media(max-width:900px){
  .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .testimonial-grid{grid-template-columns:1fr}
  .testimonial-card{min-height:0;padding:24px}
  .testimonial-card figcaption{padding-top:24px}
}
@media(max-width:1080px){
  .advanced-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
  .advanced-filter-bar{padding-top:9px}
  .advanced-filter-panel{padding:18px 16px 20px}
  .advanced-filter-grid{grid-template-columns:1fr;gap:15px}
  .advanced-filter-field{padding-bottom:14px}
  .advanced-filter-field select{min-height:44px}
  .inventory-top{flex-wrap:wrap}
  .inventory-top b{width:100%;margin-left:0;text-align:left}
}

/* Keep shared navigation and catalogue actions comfortably tappable. */
@media(max-width:860px){
  .site-header .header-cart,
  .site-header .menu-toggle,
  .inventory-cart-btn{
    min-width:44px!important;
    min-height:44px!important;
  }
}

@media(max-width:580px){
  .site-header .header-cart,
  .site-header .menu-toggle{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
}

.footer-bottom a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
}

@media(max-width:580px){
  .footer-contact-item > span:not(.footer-contact-icon){
    min-width:0;
    overflow-wrap:anywhere;
  }
}

/* One reachable filter workflow on touch-sized phone and tablet screens. */
@media(max-width:900px){
  .product-filter-section .mobile-filter-toggle{
    display:flex;
    width:100%;
    min-height:56px;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:10px 16px;
    border:1px solid #dadddf;
    background:#fff;
    color:#24282b;
    text-align:left;
  }
  .product-filter-section .mobile-filter-toggle-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
  }
  .product-filter-section .mobile-filter-toggle-copy strong{font-size:16px;line-height:1.2}
  .product-filter-section .mobile-filter-toggle-copy small{font-size:12px;line-height:1.3;color:#5e666a}
  .product-filter-section .mobile-filter-toggle-icon{
    display:block;
    width:20px;
    height:20px;
    flex:0 0 auto;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
  }
  .product-filter-section:not(.mobile-filters-open) :is(.inventory-search.inventory-search-below,.advanced-filter-bar,.advanced-filter-panel){display:none!important}
  .product-filter-section.mobile-filters-open{position:relative!important;top:auto}
  .product-filter-section.mobile-filters-open .inventory-search.inventory-search-below{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:none!important;
    overflow:visible!important;
    margin-top:8px!important;
  }
  .product-filter-section.mobile-filters-open .advanced-filter-bar{display:flex!important}
  .product-filter-section :is(.multi-filter-trigger,#car-search,.advanced-filter-toggle,.filter-reset,.advanced-filter-field select){min-height:44px}
  .product-filter-section #car-search,
  .product-filter-section .advanced-filter-field select{font-size:16px}
  .product-filter-section .budget-range{height:44px}
  body.product-filters-open :is(.floating-actions,.global-wheel-scroll){display:none!important}
}
@media(max-width:580px){
  .product-filter-section.mobile-filters-open .inventory-search.inventory-search-below{grid-template-columns:1fr!important}
  .product-filter-section .premium-filter-menu{max-height:280px!important}
  .inventory-toolbar{flex-wrap:wrap;gap:10px 18px}
  .inventory-toolbar a{min-height:44px;display:inline-flex;align-items:center}
}

/* 2026-10 visual-system refinement: shared header, clearer inventory and responsive controls. */
.site-header .desktop-nav{
  gap:clamp(18px,1.8vw,28px)!important;
}
.site-header .desktop-nav a{
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.site-header .header-cta{
  min-height:44px!important;
  padding-inline:20px!important;
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1!important;
  letter-spacing:.025em!important;
}
.site-header .header-cart{
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
}

/* Larger, optically even marks without exposing logo names. */
.brand-marquee-item{
  width:176px!important;
  min-height:122px!important;
  padding:20px 24px!important;
}
.brand-marquee-logo{
  width:104px!important;
  height:74px!important;
}
.brand-marquee-logo img{
  object-fit:contain!important;
  image-rendering:auto!important;
  transform:translateZ(0);
}
.brand-marquee-note{
  color:#5c6266!important;
}

/* Featured catalogue: bright studio photography on a cool, showroom-grey surface. */
.home-featured-section,
.product-featured-section{
  color:#171a1c;
  background-color:#e5e8e7!important;
  background-image:
    radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.96) 0%,rgba(255,255,255,0) 42%),
    linear-gradient(145deg,#f1f3f2 0%,#e3e6e5 100%)!important;
  border-color:#cfd4d2!important;
}
.home-featured-section .section-title,
.product-featured-section .product-featured-head h2{
  color:#171a1c;
}
.home-featured-section .text-link,
.product-featured-section .product-featured-head p{
  color:#40474a!important;
}
.home-featured-section .feature-car,
.product-featured-section .feature-car{
  background:#fff!important;
  box-shadow:none!important;
}
.home-featured-section .feature-car > img,
.product-featured-section .feature-car > img{
  background:#fff!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  opacity:1!important;
}
.home-featured-section .feature-car::after,
.product-featured-section .feature-car::after{
  z-index:1;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(58,63,66,.9) 0%,rgba(73,78,81,.72) 24%,rgba(101,106,109,.34) 45%,rgba(255,255,255,0) 68%)!important;
}
.home-featured-section .feature-copy,
.product-featured-section .feature-copy,
.home-featured-section .feature-price,
.product-featured-section .feature-price{
  color:#fff!important;
}
.home-featured-section .feature-copy h3,
.product-featured-section .feature-copy h3,
.home-featured-section .feature-price,
.product-featured-section .feature-price{
  font-weight:800!important;
  text-shadow:0 2px 10px rgba(18,21,22,.48);
}
.home-featured-section .feature-meta,
.product-featured-section .feature-meta{
  color:rgba(255,255,255,.94)!important;
  font-weight:600;
  text-shadow:0 1px 7px rgba(18,21,22,.48);
}

/* Homepage and Buy share one compact image-led catalogue composition. */
.home-featured-section,
.product-featured-section{padding:64px 0 70px!important}
.home-featured-section .featured-grid,
.product-featured-section .featured-grid{
  grid-template-rows:241px 241px!important;
}
.home-featured-section .feature-car,
.product-featured-section .feature-car{
  display:block!important;
  min-height:241px!important;
}
.home-featured-section .feature-car.large,
.product-featured-section .feature-car.large{min-height:500px!important}
.home-featured-section .feature-car > img,
.product-featured-section .feature-car > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-position:center!important;
}
.home-featured-section .feature-copy,
.product-featured-section .feature-copy{
  position:absolute!important;
  inset:auto 0 0!important;
  z-index:2;
  padding:54px 22px 22px;
  background:transparent;
}
.home-featured-section .feature-copy h3,
.product-featured-section .feature-copy h3{
  font-size:clamp(1.05rem,1.45vw,1.35rem)!important;
  line-height:1.15;
}
.home-featured-section .feature-copy.large h3,
.product-featured-section .feature-copy.large h3{
  font-size:clamp(1.35rem,2.2vw,2rem)!important;
}
@media(max-width:860px){
  .home-featured-section .featured-grid,
  .product-featured-section .featured-grid{grid-template-rows:auto!important}
  .home-featured-section .feature-car,
  .product-featured-section .feature-car,
  .home-featured-section .feature-car.large,
  .product-featured-section .feature-car.large{min-height:clamp(320px,58vw,430px)!important}
}
@media(max-width:580px){
  .home-featured-section,
  .product-featured-section{padding:50px 0 56px!important}
  .home-featured-section .feature-car,
  .product-featured-section .feature-car,
  .home-featured-section .feature-car.large,
  .product-featured-section .feature-car.large{min-height:300px!important}
  .home-featured-section .feature-copy,
  .product-featured-section .feature-copy{padding:48px 20px 20px}
}
.home-testimonials{
  background:#fff!important;
}
.home-closing-section .partner-services span{
  color:#565e62!important;
}

/* Keep the Buy hero copy on the left and reveal the vehicle on the right. */
.inventory-hero .page-hero-media img{
  object-position:98% center!important;
  transform:translateX(clamp(76px,8vw,120px))!important;
  filter:saturate(.92) contrast(1.02) brightness(1.04)!important;
}
.inventory-hero::after{
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,.38) 53%,rgba(255,255,255,.04) 72%)!important;
}
.inventory-hero .page-hero-copy{max-width:min(48vw,660px)!important}

/* Customer stories: editorial quote treatment with subtle depth. */
.testimonial-grid{gap:20px!important}
.testimonial-card{
  position:relative;
  isolation:isolate;
  min-height:260px!important;
  overflow:hidden;
  padding:34px 30px 28px!important;
  border:1px solid #d9d3ca!important;
  border-top:3px solid var(--orange-action)!important;
  background:linear-gradient(145deg,#fff 0%,#fbf7f1 100%)!important;
  box-shadow:0 18px 42px rgba(35,31,26,.08)!important;
}
.testimonial-card::before{
  content:"“";
  position:absolute;
  top:3px;
  right:20px;
  z-index:-1;
  color:rgba(246,199,149,.34);
  font-family:Georgia,serif;
  font-size:116px;
  font-weight:700;
  line-height:1;
}
.testimonial-card:nth-child(even){background:linear-gradient(145deg,#fff 0%,#f4eee5 100%)!important}
.testimonial-card blockquote{position:relative;font-weight:600!important}
.testimonial-card figcaption{border-top:1px solid #ddd5ca;padding-top:20px!important}

/* The services closing visual shows the entire car rather than cropping it. */
.why-grid-text-left .why-image{
  min-height:0!important;
  background:#eeeae3!important;
}
.why-grid-text-left .why-image img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-height:620px;
  object-fit:contain!important;
  object-position:center center!important;
  filter:saturate(.82) contrast(1.02)!important;
}

/* Range filters retain complete option labels at touch breakpoints. */
.advanced-filter-field select{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
@media(max-width:1080px){
  .advanced-filter-grid{grid-template-columns:1fr!important}
  .advanced-filter-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:12px!important}
  .advanced-filter-field select{padding:10px 34px 10px 14px!important;font-size:16px!important}
}
@media(max-width:480px){
  .advanced-filter-range{grid-template-columns:1fr!important;gap:8px!important}
  .advanced-filter-range > span{text-align:center;font-size:15px!important}
}

/* Legal pages reuse the bright editorial shell. */
.legal-page{background:#f5f3ee;color:#202326}
.legal-hero{padding:clamp(150px,17vw,230px) 0 72px;background:#e9e2d8;border-bottom:1px solid #d2cbc1}
.legal-hero h1{max-width:14ch;margin:0;font-size:var(--inner-page-title-size);font-weight:700;line-height:1.06;letter-spacing:-.04em}
.legal-hero p{max-width:670px;margin:22px 0 0;color:#555b5f;font-size:17px;line-height:1.7}
.legal-content{padding:72px 0 110px}
.legal-layout{display:grid;grid-template-columns:minmax(210px,.34fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:start}
.legal-nav{position:sticky;top:120px;padding:22px;border:1px solid #d6d0c7;background:#fff}
.legal-nav strong{display:block;margin-bottom:12px;font-size:15px}
.legal-nav a{display:block;padding:7px 0;color:#565c60;font-size:14px;line-height:1.4}
.legal-nav a:hover{color:#111;text-decoration:underline;text-underline-offset:3px}
.legal-copy{max-width:900px}
.legal-copy section{padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid #d8d4cd}
.legal-copy section:last-child{border-bottom:0}
.legal-copy h2{margin:0 0 18px;font-size:clamp(24px,2.3vw,34px)!important;font-weight:650!important;line-height:1.15!important}
.legal-copy p,.legal-copy li{color:#454b4f;font-size:16px;line-height:1.75}
.legal-copy ol,.legal-copy ul{padding-left:1.35rem}
.legal-note{margin-bottom:42px;padding:20px 22px;border:1px solid #d2c5b6;background:#fff8ef;color:#413a33;font-size:15px;line-height:1.65}
@media(max-width:800px){
  .legal-layout{grid-template-columns:1fr;gap:32px}
  .legal-nav{position:static}
}
@media(max-width:580px){
  .brand-marquee-item{width:146px!important;min-height:104px!important;padding:16px 18px!important}
  .brand-marquee-logo{width:88px!important;height:62px!important}
  .testimonial-card{padding:28px 24px 24px!important}
  .inventory-hero .page-hero-copy{max-width:100%!important}
  .inventory-hero .page-hero-media img{object-position:72% center!important}
  .legal-hero{padding:120px 0 54px}
  .legal-content{padding:50px 0 72px}
}

/* One section-title voice across the complete site. */
:root{--section-title-size:clamp(2.2rem,3.6vw,3.75rem)}
.section-heading > h2,
.home-testimonials-head > h2,
.product-featured-head h2,
.service-text > h2,
.story-copy > h2.display-sm,
.form-intro > h2,
.partner-copy > h2,
.why-grid > div > h2,
.quote-copy > h2{
  font-size:var(--section-title-size)!important;
  font-weight:700!important;
  line-height:1.04!important;
  letter-spacing:-.03em!important;
}

/* Catalogue layout selector and responsive list composition. */
.inventory-toolbar{gap:18px}
.inventory-toolbar > .text-link{white-space:nowrap}
.inventory-view-switcher{
  display:grid;
  grid-template-columns:repeat(2,minmax(68px,1fr));
  margin-left:auto;
  border:1px solid #cfd2d3;
  background:#fff;
}
.inventory-view-switcher button{
  min-width:68px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 11px;
  border:0;
  background:#fff;
  color:#34393c;
  font:700 12px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;
}
.inventory-view-switcher button+button{border-left:1px solid #cfd2d3}
.inventory-view-switcher button[aria-pressed="true"]{background:#1b1d1f;color:#fff}
.inventory-view-switcher button:hover{background:#eeece8;color:#17191a}
.inventory-view-switcher button[aria-pressed="true"]:hover{background:#1b1d1f;color:#fff}
.inventory-view-switcher button:focus-visible{position:relative;z-index:1;outline:2px solid var(--orange-action);outline-offset:2px}
.inventory-view-switcher svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.inventory-grid[data-view="list"]{grid-template-columns:1fr!important;gap:0!important}
.inventory-grid[data-view="list"] .inventory-card,
.inventory-grid[data-view="list"] .inventory-card:first-child{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:minmax(250px,32%) minmax(0,1fr);
  column-gap:clamp(22px,3vw,44px);
  padding:28px 0;
}
.inventory-grid[data-view="list"] .inventory-top{grid-column:1/-1;gap:12px;margin-bottom:14px}
.inventory-grid[data-view="list"] .inventory-photo,
.inventory-grid[data-view="list"] .inventory-card:first-child .inventory-photo{grid-column:1;aspect-ratio:1.5/1!important}
.inventory-grid[data-view="list"] .inventory-copy{grid-column:2;min-width:0;padding-top:0}
.inventory-grid[data-view="list"] .inventory-copy h3,
.inventory-grid[data-view="list"] .inventory-card:first-child .inventory-copy h3{
  min-height:0;
  margin:0 0 10px;
  font-size:clamp(20px,2.2vw,30px)!important;
  line-height:1.12;
}
.inventory-grid[data-view="list"] .inventory-price-actions{margin:12px 0 20px}
.inventory-grid[data-view="list"] .inventory-price,
.inventory-grid[data-view="list"] .inventory-card:first-child .inventory-price{font-size:clamp(24px,2.3vw,32px)!important}

@media(max-width:860px){
  .inventory-hero .page-hero-media img{object-position:96% center!important;transform:translateX(9vw)!important}
  .inventory-grid[data-view="list"] .inventory-card,
  .inventory-grid[data-view="list"] .inventory-card:first-child{grid-template-columns:minmax(220px,36%) minmax(0,1fr);column-gap:24px}
}
@media(max-width:580px){
  .inventory-hero .page-hero-media img{object-position:72% center!important;transform:translateX(12vw)!important}
  .inventory-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px 16px!important;
  }
  .inventory-toolbar > .text-link{grid-column:1/-1;width:max-content}
  .inventory-view-switcher{
    grid-template-columns:repeat(2,minmax(64px,1fr));
    margin-left:0;
  }
  .inventory-view-switcher button{
    min-width:64px;
    padding:8px 10px;
  }

  .inventory-grid[data-view="grid"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:30px 12px!important;
  }
  .inventory-grid[data-view="grid"] .inventory-card:first-child{grid-column:auto!important}
  .inventory-grid[data-view="grid"] .inventory-photo,
  .inventory-grid[data-view="grid"] .inventory-card:first-child .inventory-photo{aspect-ratio:1.18/1!important}
  .inventory-grid[data-view="grid"] .inventory-top{gap:5px;margin-bottom:7px;font-size:9px!important}
  .inventory-grid[data-view="grid"] .inventory-top b{font-size:9px}
  .inventory-grid[data-view="grid"] .inventory-copy{padding-top:10px}
  .inventory-grid[data-view="grid"] .inventory-copy h3,
  .inventory-grid[data-view="grid"] .inventory-card:first-child .inventory-copy h3{
    min-height:52px;
    margin-bottom:7px;
    font-size:15px!important;
    line-height:1.17;
  }
  .inventory-grid[data-view="grid"] .inventory-price-actions{align-items:flex-start;flex-wrap:wrap;gap:9px;margin:8px 0 0}
  .inventory-grid[data-view="grid"] .inventory-price,
  .inventory-grid[data-view="grid"] .inventory-card:first-child .inventory-price{font-size:19px!important}
  .inventory-grid[data-view="grid"] .inventory-actions{width:100%;justify-content:space-between}
  .inventory-grid[data-view="grid"] .inventory-view-btn{min-height:44px;padding:0 9px;font-size:9px!important}
  .inventory-grid[data-view="grid"] .inventory-specs{display:none}

  .inventory-grid[data-view="list"] .inventory-card,
  .inventory-grid[data-view="list"] .inventory-card:first-child{
    grid-column:auto!important;
    display:grid!important;
    grid-template-columns:minmax(118px,38%) minmax(0,1fr);
    column-gap:14px;
    padding:18px 0;
  }
  .inventory-grid[data-view="list"] .inventory-top{grid-column:1/-1;gap:7px;margin-bottom:11px}
  .inventory-grid[data-view="list"] .inventory-photo,
  .inventory-grid[data-view="list"] .inventory-card:first-child .inventory-photo{grid-column:1;aspect-ratio:1.12/1!important}
  .inventory-grid[data-view="list"] .inventory-copy{grid-column:2;min-width:0;padding-top:0}
  .inventory-grid[data-view="list"] .inventory-copy h3,
  .inventory-grid[data-view="list"] .inventory-card:first-child .inventory-copy h3{
    min-height:0;
    margin:0 0 7px;
    font-size:16px!important;
    line-height:1.18;
  }
  .inventory-grid[data-view="list"] .inventory-price-actions{display:block;margin:0}
  .inventory-grid[data-view="list"] .inventory-price,
  .inventory-grid[data-view="list"] .inventory-card:first-child .inventory-price{font-size:20px!important}
  .inventory-grid[data-view="list"] .inventory-actions{margin-top:10px;justify-content:flex-start}
  .inventory-grid[data-view="list"] .inventory-view-btn{min-height:44px;padding-inline:10px;font-size:9px!important}
  .inventory-grid[data-view="list"] .inventory-specs{display:none}
}