/* =========================================================================
   Untd. Performance — theme styles
   -------------------------------------------------------------------------
   The design source expresses every rule as an inline style because the
   design tool has no stylesheet. Here those rules become classes so the
   markup stays editable in WordPress, the CSS caches, and breakpoints can
   actually be written. Token names are unchanged, so a value edited in the
   design system lands here by editing tokens.css alone.
   ========================================================================= */

/* -- Reset / base ---------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--surface-page);color:var(--text-body);
  font-family:var(--font-ui);font-size:var(--body);line-height:var(--body-lh);
  -webkit-font-smoothing:antialiased;text-wrap:pretty;overflow-x:hidden;
}
h1,h2,h3,h4{margin:0;color:var(--text-heading);font-family:var(--font-ui);font-weight:var(--weight-bold);line-height:var(--heading-lh);letter-spacing:var(--heading-ls)}
h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}h4{font-size:var(--h4)}
p{margin:0}
img{max-width:100%;height:auto}
a{color:var(--text-accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--gold-300)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ring-focus)}
::selection{background:var(--gold-400);color:var(--ink-950)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--ink-1000)}
::-webkit-scrollbar-thumb{background:var(--ink-600);border:2px solid var(--ink-1000)}
::-webkit-scrollbar-thumb:hover{background:var(--gold-600)}

/* -- Type helpers ---------------------------------------------- */
.untd-display{font-family:var(--font-display);font-weight:var(--weight-black);text-transform:uppercase;font-style:italic;line-height:var(--display-lh);letter-spacing:var(--display-ls);color:var(--text-heading)}
.untd-eyebrow{font-family:var(--font-ui);font-size:var(--label);font-weight:var(--weight-bold);letter-spacing:var(--label-ls);text-transform:uppercase;color:var(--text-accent)}
.untd-mono{font-family:var(--font-mono);font-size:var(--mono);letter-spacing:var(--mono-ls);color:var(--text-muted)}
.untd-carbon{background-image:var(--carbon-weave)}

/* -- Accessibility --------------------------------------------- */
.untd-sr,.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}
.untd-skip-link{position:absolute;left:-9999px;z-index:999;padding:12px 20px;background:var(--gold-400);color:var(--ink-950);font-weight:700}
.untd-skip-link:focus{left:12px;top:12px}

/* -- Keyframes -------------------------------------------------- */
@keyframes untd-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes untd-ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes untd-drift{from{transform:scale(1)}to{transform:scale(1.07) translate3d(-1%,-1%,0)}}
@keyframes untd-blip{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes untd-slide{0%{opacity:0;transform:scale(1.1)}5%{opacity:1}22%{opacity:1}27%{opacity:0}100%{opacity:0;transform:scale(1.16)}}
@keyframes untd-glow{0%,100%{opacity:.55}50%{opacity:.85}}
@keyframes untd-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  [data-scene] *,.untd-ticker *{animation:none !important}
  .untd-scene__slide:first-child{opacity:1}
}

/* -- Shell / layout --------------------------------------------- */
.untd-shell{position:relative;min-height:100vh;background:var(--surface-page);display:flex;flex-direction:column}
.untd-container{max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.untd-main{position:relative;z-index:1;flex:1}
.untd-stack{display:flex;flex-direction:column;gap:var(--space-10)}
.untd-stack--tight{gap:var(--space-8)}
.untd-page-top{padding-top:var(--space-6)}

/* Ambient background: fixed grid + gold pointer glow + carbon weave. */
.untd-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--surface-page)}
.untd-ambient__grid{
  position:absolute;inset:-8%;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:104px 104px;
  transform:translate3d(var(--untd-px,0px),var(--untd-py,0px),0);
  transition:transform .5s var(--ease-out);
  -webkit-mask-image:radial-gradient(120% 90% at var(--untd-mx,50%) var(--untd-my,32%),#000 0%,rgba(0,0,0,.35) 45%,transparent 78%);
          mask-image:radial-gradient(120% 90% at var(--untd-mx,50%) var(--untd-my,32%),#000 0%,rgba(0,0,0,.35) 45%,transparent 78%);
}
.untd-ambient__glow{position:absolute;inset:0;background:radial-gradient(680px circle at var(--untd-mx,50%) var(--untd-my,32%),rgba(245,197,24,.09) 0%,rgba(245,197,24,.03) 38%,transparent 72%);transition:background-position .4s var(--ease-out)}
.untd-ambient__weave{position:absolute;inset:0;background-image:var(--carbon-weave);opacity:.55}
.untd-ambient__fade{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(8,8,10,0) 0%,rgba(0,0,0,.72) 100%)}

/* -- Icon ------------------------------------------------------- */
.untd-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:inherit}
.untd-icon svg{display:block;width:100%;height:100%}
.untd-icon--spin svg{animation:untd-spin 1s linear infinite}

/* -- Button ----------------------------------------------------- */
.untd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);
  height:var(--control-h);padding:0 var(--space-6);
  font-family:var(--font-ui);font-size:var(--label);font-weight:var(--weight-bold);
  letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  border:1px solid transparent;border-radius:var(--radius-control);
  clip-path:var(--clip-shear-sm);cursor:pointer;text-decoration:none;
  transition:var(--transition-control);
}
.untd-btn--sm{height:var(--control-h-sm);padding:0 14px;font-size:var(--label-sm);letter-spacing:.12em}
.untd-btn--lg{height:var(--control-h-lg);padding:0 var(--space-8);font-size:var(--body-sm);letter-spacing:.1em}
.untd-btn--primary{background:var(--surface-accent);color:var(--text-on-accent);box-shadow:var(--shadow-1)}
.untd-btn--primary:hover{background:var(--surface-accent-hover);color:var(--text-on-accent);transform:translateY(var(--hover-lift));box-shadow:var(--shadow-accent)}
.untd-btn--secondary{background:var(--surface-card);color:var(--text-body);border-color:var(--border-default);box-shadow:var(--edge-top)}
.untd-btn--secondary:hover{background:var(--surface-card-hover);color:var(--white);border-color:var(--border-strong)}
.untd-btn--outline-accent{background:transparent;color:var(--text-accent);border-color:var(--border-accent)}
.untd-btn--outline-accent:hover{background:var(--surface-accent-quiet);color:var(--gold-300)}
.untd-btn--ghost{background:transparent;color:var(--text-body);border-color:var(--border-hairline)}
.untd-btn--ghost:hover{background:var(--surface-card);color:var(--white);border-color:var(--border-default)}
.untd-btn:active{transform:scale(var(--press-scale))}
.untd-btn[disabled],.untd-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}

/* -- Badge / Tag ------------------------------------------------ */
.untd-badge{
  display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 var(--space-3);
  font-family:var(--font-ui);font-size:var(--label-sm);font-weight:var(--weight-bold);
  letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-1);
  border:1px solid var(--border-default);color:var(--text-body);background:var(--surface-card);
}
.untd-badge--accent{background:var(--surface-accent);color:var(--text-on-accent);border-color:var(--surface-accent)}
.untd-badge--accent-quiet{background:var(--surface-accent-quiet);color:var(--text-accent);border-color:var(--border-accent)}
.untd-badge--danger{background:var(--status-danger);color:var(--white);border-color:var(--status-danger)}
.untd-badge--success{background:var(--status-success-quiet);color:var(--status-success);border-color:var(--status-success)}
.untd-badge--neutral{background:var(--surface-card);color:var(--text-muted);border-color:var(--border-default)}
.untd-tag{
  display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 var(--space-3);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
  border:1px solid var(--border-default);border-radius:var(--radius-1);
  background:var(--surface-card);color:var(--text-body);
}
.untd-tag--selected{border-color:var(--border-accent);color:var(--text-accent);background:var(--surface-accent-quiet)}
.untd-tag__remove{background:none;border:0;padding:0;cursor:pointer;color:inherit;display:inline-flex}

/* -- Card / surfaces -------------------------------------------- */
.untd-card{
  border:1px solid var(--border-hairline);border-radius:var(--radius-card);
  background:var(--surface-card);box-shadow:var(--edge-top),var(--shadow-1);
}
.untd-card--raised{background:var(--surface-raised);background-image:var(--carbon-weave)}
.untd-card--sunken{background:var(--surface-sunken);box-shadow:var(--inset-well)}
.untd-card--pad{padding:var(--space-9)}
.untd-card--flat{box-shadow:var(--edge-top)}
.untd-well{
  padding:var(--space-5);background:var(--surface-sunken);
  border:1px solid var(--border-hairline);border-radius:var(--radius-2);box-shadow:var(--inset-well);
}

/* -- Section heading -------------------------------------------- */
.untd-heading{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-7)}
.untd-heading__title{font-family:var(--font-display);font-weight:var(--weight-black);font-style:italic;text-transform:uppercase;line-height:var(--display-lh);letter-spacing:var(--display-ls);color:var(--text-heading);font-size:2.1rem}
.untd-heading--sm .untd-heading__title{font-size:1.6rem}
.untd-heading__sub{font-size:var(--body);color:var(--text-muted);max-width:70ch}

/* -- Grids ------------------------------------------------------ */
.untd-grid{display:grid;gap:var(--gutter)}
.untd-grid--2{grid-template-columns:1fr 1fr}
.untd-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.untd-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.untd-grid--5{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5)}
.untd-grid--8{grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-4)}
.untd-grid--sidebar{grid-template-columns:264px minmax(0,1fr);gap:var(--space-8);align-items:start}
.untd-grid--seo{grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-9)}
.untd-grid--stats{grid-template-columns:1fr 1fr;gap:var(--space-7)}

/* -- Stat -------------------------------------------------------- */
.untd-stat__n{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--gold-400);letter-spacing:-.02em;line-height:1.1}
.untd-stat__l{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--chrome-400);margin-top:2px}
.untd-stat--sm .untd-stat__n{font-size:24px}
.untd-stat--sm .untd-stat__l{font-size:11px;color:var(--chrome-300)}

/* -- Spec rows (key/value mono list) ---------------------------- */
.untd-specs{display:flex;flex-direction:column;gap:10px}
.untd-specs__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);font-family:var(--font-mono);font-size:12px;letter-spacing:.03em}
.untd-specs__k{color:var(--chrome-300)}
.untd-specs__v{color:var(--gold-400);font-weight:700;text-align:right}

/* -- Media well -------------------------------------------------- */
.untd-media{position:relative;overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-sunken)}
.untd-media img,.untd-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.untd-media--placeholder{background-image:var(--carbon-weave);background-color:var(--ink-1000)}
.untd-media__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--chrome-400)}

/* =========================================================================
   Ticker
   ========================================================================= */
.untd-ticker{
  position:relative;z-index:2;display:flex;align-items:stretch;height:34px;
  background:var(--ink-1000);border-bottom:1px solid var(--border-hairline);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
  color:var(--chrome-400);white-space:nowrap;overflow:hidden;
}
.untd-ticker__live{
  flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 var(--space-4);
  background:var(--gold-400);color:var(--ink-950);font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);z-index:2;
}
.untd-ticker__blip{width:6px;height:6px;border-radius:50%;background:var(--ink-950);animation:untd-blip 1.6s var(--ease-standard) infinite}
.untd-ticker__viewport{
  position:relative;flex:1;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 94%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 94%,transparent 100%);
}
.untd-ticker__track{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;width:max-content;animation:untd-ticker 42s linear infinite}
.untd-ticker__item{display:inline-flex;align-items:baseline;gap:7px;padding:0 var(--space-5);border-right:1px solid var(--border-hairline);height:14px}
.untd-ticker__label{font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.untd-ticker__value{color:var(--chrome-100)}
.untd-ticker__delta{font-weight:700}
.untd-ticker__tag{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 var(--space-5);
  border-left:1px solid var(--border-hairline);background:var(--surface-sunken);
  color:var(--gold-400);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
}

/* =========================================================================
   Site header
   ========================================================================= */
.untd-header{
  position:sticky;top:0;z-index:60;background:var(--surface-glass);
  backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);
  border-bottom:1px solid var(--border-hairline);
}
.untd-header__inner{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);height:76px;display:flex;align-items:center;gap:var(--space-8)}
.untd-header__brand{display:flex;align-items:center;gap:var(--space-4);flex:0 0 auto;min-width:0}
.untd-header__brand img{height:26px;width:auto;display:block}
.untd-header__tagline{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-400);border-left:1px solid var(--border-default);padding-left:var(--space-4);line-height:1.3}
.untd-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--space-6);list-style:none;margin:0;padding:0}
.untd-nav li{flex:0 0 auto;display:flex}
.untd-nav a{
  display:flex;align-items:center;gap:8px;white-space:nowrap;
  font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--chrome-200);padding:6px 0;border-bottom:2px solid transparent;
  transition:var(--transition-control);
}
.untd-nav a:hover,.untd-nav .current-menu-item>a,.untd-nav .current_page_item>a{color:var(--gold-400);border-bottom-color:var(--gold-400)}
.untd-nav__icon{display:flex;flex:0 0 auto}
.untd-header__tools{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-4)}
.untd-searchpill{
  display:flex;align-items:center;gap:8px;height:38px;padding:0 var(--space-4);
  border:1px solid var(--border-default);border-radius:var(--radius-2);
  background:var(--surface-sunken);box-shadow:var(--inset-well);color:var(--chrome-400);
  cursor:pointer;font:inherit;
}
.untd-searchpill:hover{color:var(--chrome-200);border-color:var(--border-strong)}
.untd-searchpill span{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}
.untd-vehiclechip{
  display:flex;align-items:center;gap:8px;height:38px;padding:0 var(--space-4);
  border:1px solid var(--border-accent);border-radius:var(--radius-2);
  background:var(--surface-accent-quiet);color:var(--gold-400);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
}
.untd-cartlink{display:flex;align-items:center;gap:8px;height:38px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-2);color:var(--chrome-100)}
.untd-cartlink:hover{border-color:var(--border-strong);color:var(--white)}
.untd-cartlink__count{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--gold-400);color:var(--ink-950);font-family:var(--font-mono);font-size:11px;font-weight:700}

/* =========================================================================
   Fitment bar wrapper
   The selector inside it is rendered by the YMM Search plugin and skinned
   in ymm.css. This is only the band that holds it.
   ========================================================================= */
.untd-fitment{
  position:sticky;top:76px;z-index:50;
  background:var(--surface-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);
  border-bottom:1px solid var(--border-hairline);
}
.untd-fitment--static{position:static}
.untd-fitment__inner{max-width:var(--container);margin:0 auto;padding:var(--space-4) var(--gutter);display:flex;flex-direction:column;gap:var(--space-4)}
.untd-fitment__current{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}
.untd-fitment__check{display:flex;color:var(--gold-400)}
.untd-fitment__for{display:flex;flex-direction:column}
.untd-fitment__forlabel{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-400)}
.untd-fitment__vehicle{font-size:17px;font-weight:700;color:var(--white)}
.untd-fitment__count{font-family:var(--font-mono);font-size:11px;color:var(--gold-400);border:1px solid var(--border-accent);border-radius:var(--radius-1);padding:3px 8px;letter-spacing:.06em}
.untd-fitment__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}
.untd-fitment__actions a{font-family:var(--font-mono);font-size:11px;color:var(--chrome-300);text-decoration:underline}
.untd-fitment__actions a:hover{color:var(--white)}
.untd-fitment__query{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--chrome-400);border-top:1px solid var(--border-hairline);padding-top:var(--space-3)}
.untd-fitment__query b{color:var(--gold-400);font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.untd-fitment__query span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.untd-fitment__missing{
  font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--chrome-400);
  padding:var(--space-5);border:1px dashed var(--border-default);border-radius:var(--radius-2);
}
.untd-fitment__missing b{color:var(--gold-400)}

/* =========================================================================
   Hero
   ========================================================================= */
.untd-hero{position:relative}
.untd-hero__frame{
  position:relative;overflow:hidden;border-radius:var(--radius-card);
  border:1px solid var(--border-hairline);background:var(--ink-1000);
  background-image:var(--carbon-weave);min-height:470px;display:flex;align-items:flex-end;
  box-shadow:var(--shadow-3);
}
.untd-hero__bg{position:absolute;inset:0;overflow:hidden}
.untd-hero__bg-inner{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:saturate(.85) contrast(1.08);animation:untd-drift 26s ease-in-out infinite alternate}
.untd-hero__bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.untd-hero__scrim{position:absolute;inset:0;background:var(--grad-protect-bottom)}
.untd-hero__scrim-top{position:absolute;top:0;left:0;right:0;height:180px;background:var(--grad-protect-top);opacity:.7}
.untd-hero__body{position:relative;padding:var(--space-10);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-9);width:100%}
.untd-hero__copy{max-width:720px;animation:untd-rise .5s var(--ease-out) both}
.untd-hero__title{font-size:var(--display-1);margin-top:var(--space-5)}
.untd-hero__sub{margin-top:var(--space-5);font-size:var(--body-lg);color:var(--chrome-100);max-width:52ch;font-style:italic;font-family:var(--font-display)}
.untd-hero__cta{display:flex;gap:var(--space-4);margin-top:var(--space-7);flex-wrap:wrap}
.untd-hero__stats{
  display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);
  flex:0 0 auto;min-width:190px;margin-right:calc(var(--space-10) * -1 + var(--space-5));
  background:var(--surface-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);
  border:1px solid var(--border-default);border-radius:var(--radius-2);clip-path:var(--clip-shear-sm);
}

/* Split hero (variant B) */
.untd-hero--split{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-5);align-items:stretch}
.untd-hero__panel{
  padding:var(--space-10);border:1px solid var(--border-hairline);border-radius:var(--radius-card);
  background:var(--surface-card);background-image:var(--carbon-weave);
  box-shadow:var(--edge-top),var(--shadow-1);display:flex;flex-direction:column;justify-content:center;min-height:560px;
}
.untd-hero__panel .untd-hero__title{font-size:var(--display-2)}
.untd-hero__panel .untd-hero__sub{font-family:var(--font-ui);font-style:normal;max-width:44ch}
.untd-hero__statrow{margin-top:var(--space-9);padding-top:var(--space-6);border-top:1px solid var(--border-hairline);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.untd-hero__shot{position:relative;overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-sunken);min-height:560px}
.untd-hero__shot-badge{position:absolute;top:var(--space-5);left:var(--space-5);z-index:2}
.untd-hero__dyno{
  position:absolute;left:var(--space-5);right:var(--space-5);bottom:var(--space-5);padding:var(--space-5);
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);
  background:var(--surface-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);
  border:1px solid var(--border-default);border-radius:var(--radius-2);z-index:2;
}
.untd-hero__dyno-l{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--chrome-400)}
.untd-hero__dyno-v{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--white);margin-top:4px}
.untd-hero__dyno-v i{color:var(--chrome-400);font-style:normal}

/* =========================================================================
   Shop by make
   ========================================================================= */
.untd-makes{display:flex;align-items:stretch;border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--edge-top);overflow:hidden}
.untd-makes__intro{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 var(--space-7);border-right:1px solid var(--border-hairline);background:var(--surface-sunken)}
.untd-makes__title{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400)}
.untd-makes__sub{font-family:var(--font-mono);font-size:11px;color:var(--chrome-400)}
.untd-makes__item{
  flex:1;min-width:0;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--space-3);background:transparent;border:none;border-right:1px solid var(--border-hairline);
  cursor:pointer;transition:var(--transition-control);text-decoration:none;
}
.untd-makes__item:last-child{border-right:0}
.untd-makes__item:hover{background:var(--surface-card-hover)}
.untd-makes__mono{
  width:46px;height:46px;border-radius:var(--radius-pill);border:1px solid var(--border-accent);
  background:var(--surface-accent-quiet);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-style:italic;font-weight:900;font-size:14px;letter-spacing:.02em;color:var(--gold-400);
}
.untd-makes__label{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--chrome-200);white-space:nowrap}

/* =========================================================================
   Category tiles
   ========================================================================= */
.untd-cat{
  position:relative;height:280px;overflow:hidden;display:block;
  border-radius:var(--radius-card);border:1px solid var(--border-hairline);
  background:var(--surface-sunken);box-shadow:var(--shadow-1);
  transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);
}
.untd-cat:hover{transform:translateY(-2px);box-shadow:var(--shadow-3);border-color:var(--border-accent)}
.untd-cat__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.untd-cat__scrim{position:absolute;inset:0;background:var(--grad-protect-bottom);pointer-events:none}
.untd-cat__icon{
  position:absolute;top:var(--space-5);left:var(--space-5);width:46px;height:46px;
  border-radius:var(--radius-pill);border:1px solid var(--border-accent);
  background:var(--surface-accent-quiet);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);
  display:flex;align-items:center;justify-content:center;color:var(--gold-400);pointer-events:none;
}
.untd-cat__body{position:absolute;left:var(--space-5);right:var(--space-5);bottom:var(--space-5);pointer-events:none}
.untd-cat__name{font-size:1.5rem}
.untd-cat__meta{display:flex;align-items:center;gap:var(--space-3);margin-top:6px}
.untd-cat__count{font-family:var(--font-mono);font-size:var(--mono);color:var(--chrome-300)}
.untd-cat__rule{height:1px;flex:1;background:var(--border-default)}
.untd-cat__arrow{display:flex;color:var(--chrome-300)}

/* =========================================================================
   Product card — anatomy mirrors the design system ProductCard component
   ========================================================================= */
.untd-product{
  display:flex;flex-direction:column;overflow:hidden;position:relative;
  border:1px solid var(--border-hairline);border-radius:var(--radius-card);
  background:var(--surface-card);box-shadow:var(--edge-top),var(--shadow-1);
  transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);
}
.untd-product:hover{transform:translateY(-2px);box-shadow:var(--shadow-3);border-color:var(--border-accent)}
.untd-product__media{
  position:relative;aspect-ratio:4 / 3;background:var(--surface-sunken);
  background-image:var(--carbon-weave);background-position:center;
  border-bottom:1px solid var(--border-hairline);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.untd-product__media img{width:100%;height:100%;object-fit:cover;display:block}
.untd-product__ph{font-family:var(--font-mono);font-size:var(--label-sm);letter-spacing:var(--label-sm-ls);text-transform:uppercase;color:var(--chrome-400)}
.untd-product__badge{position:absolute;top:10px;left:10px;z-index:2}
.untd-product__save{
  position:absolute;top:8px;right:8px;z-index:2;
  width:var(--control-h-sm);height:var(--control-h-sm);display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--border-hairline);border-radius:var(--radius-control);
  background:rgba(8,8,10,.55);color:var(--chrome-200);cursor:pointer;transition:var(--transition-control);
}
.untd-product__save:hover{color:var(--gold-400);border-color:var(--border-accent)}
.untd-product__save.is-active{color:var(--gold-400);border-color:var(--border-accent);background:var(--surface-accent-quiet)}
.untd-product__save.is-active svg{fill:currentColor}
.untd-product__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);flex:1}
.untd-product__brand{font-size:var(--label-sm);font-weight:var(--weight-bold);letter-spacing:var(--label-sm-ls);text-transform:uppercase;color:var(--text-accent)}
.untd-product__name{font-size:var(--body);font-weight:var(--weight-semibold);color:var(--text-heading);line-height:1.3}
a.untd-product__name:hover{color:var(--gold-300)}
.untd-product__fitment{font-family:var(--font-mono);font-size:var(--mono);color:var(--text-faint)}
.untd-product__foot{margin-top:auto;padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}

/* Rating */
.untd-rating{display:flex;align-items:center;gap:6px}
.untd-rating__stars{display:inline-flex;gap:2px;color:var(--gold-400)}
.untd-rating__stars .untd-icon svg{fill:currentColor;stroke:currentColor}
.untd-rating__stars .is-empty{color:var(--ink-600)}
.untd-rating__count{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}

/* Price */
.untd-price{display:flex;align-items:baseline;gap:var(--space-3)}
.untd-price__now{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--white);letter-spacing:-.01em}
.untd-price__was{font-family:var(--font-mono);font-size:var(--mono);color:var(--text-faint);text-decoration:line-through}
.untd-price__save{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--status-danger)}

/* Stock */
.untd-stock{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}
.untd-stock__dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.untd-stock--in-stock{color:var(--status-success)}
.untd-stock--in-stock .untd-stock__dot{background:var(--status-success)}
.untd-stock--low{color:var(--status-warning)}
.untd-stock--low .untd-stock__dot{background:var(--status-warning)}
.untd-stock--backorder{color:var(--status-info)}
.untd-stock--backorder .untd-stock__dot{background:var(--status-info)}
.untd-stock--made-to-order{color:var(--text-muted)}
.untd-stock--made-to-order .untd-stock__dot{background:var(--chrome-400)}
.untd-stock--out-of-stock{color:var(--status-danger)}
.untd-stock--out-of-stock .untd-stock__dot{background:var(--status-danger)}
.untd-stock__detail{color:var(--text-faint)}

/* =========================================================================
   Tuning / trust / brands bands
   ========================================================================= */
.untd-tuning{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}
.untd-tuning__copy{display:flex;flex-direction:column;justify-content:center}
.untd-tuning__title{font-size:2.1rem;margin-top:var(--space-3)}
.untd-tuning__lead{margin-top:var(--space-4);font-size:var(--body);color:var(--chrome-200);max-width:46ch}
.untd-tuning__specs{margin-top:var(--space-6)}
.untd-tuning__cta{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}
.untd-tuning__shot{min-height:420px}

.untd-trust{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:stretch}
.untd-trust__seal{display:flex;gap:var(--space-7);align-items:center}
.untd-trust__seal img{height:195px;width:auto;flex:0 0 auto}
.untd-trust__title{font-size:1.9rem;margin-top:var(--space-3)}
.untd-trust__copy{margin-top:var(--space-4);font-size:var(--body-sm);color:var(--chrome-300);max-width:40ch}
.untd-trust__numbers{display:flex;flex-direction:column;justify-content:center;gap:var(--space-6)}

.untd-brand-tile{
  height:64px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border-hairline);border-radius:var(--radius-2);background:var(--surface-card);
  font-family:var(--font-display);font-style:italic;font-weight:900;font-size:13px;letter-spacing:.04em;
  color:var(--chrome-300);text-align:center;padding:0 6px;transition:var(--transition-control);
}
a.untd-brand-tile:hover{color:var(--gold-400);border-color:var(--border-accent)}
.untd-brand-tile img{max-height:36px;width:auto;object-fit:contain}

/* =========================================================================
   Footer
   ========================================================================= */
.untd-footer{position:relative;overflow:hidden;isolation:isolate;border-top:1px solid var(--border-hairline);background:var(--ink-1000);margin-top:var(--space-10)}
.untd-scene{position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--ink-1000)}
.untd-scene__slide{position:absolute;inset:0;opacity:0;filter:brightness(.34) saturate(.8);animation:untd-slide 32s var(--ease-standard) infinite}
.untd-scene__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.untd-scene__slide:nth-child(1){animation-delay:0s}
.untd-scene__slide:nth-child(2){animation-delay:8s}
.untd-scene__slide:nth-child(3){animation-delay:16s}
.untd-scene__slide:nth-child(4){animation-delay:24s}
.untd-scene__weave{position:absolute;inset:0;background-image:var(--carbon-weave);opacity:.5}
.untd-scene__wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.92) 0%,rgba(8,8,10,.8) 38%,rgba(8,8,10,.95) 100%)}
.untd-scene__kerb{position:absolute;left:0;right:0;top:0;height:2px;background:repeating-linear-gradient(90deg,rgba(245,197,24,.75) 0 4px,rgba(245,197,24,0) 4px 38px)}
.untd-scene__glow{position:absolute;left:0;right:0;bottom:0;height:220px;background:radial-gradient(ellipse 60% 100% at 50% 100%,rgba(245,197,24,.12) 0%,rgba(245,197,24,0) 72%);animation:untd-glow 7s var(--ease-standard) infinite}

.untd-footer__cols{
  position:relative;z-index:1;max-width:var(--container);margin:0 auto;
  padding:var(--space-10) var(--gutter);display:grid;
  grid-template-columns:300px repeat(4,1fr);gap:var(--space-8);
}
.untd-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}
.untd-footer__brand img{height:32px;width:auto;display:block}
.untd-footer__blurb{font-size:13px;line-height:1.7;color:var(--chrome-400);max-width:34ch}
.untd-footer__col{display:flex;flex-direction:column;gap:var(--space-4)}
.untd-footer__coltitle{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400)}
.untd-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}
.untd-footer__col a{font-size:13px;color:var(--chrome-300)}
.untd-footer__col a:hover{color:var(--white)}
.untd-footer__social{display:flex;gap:var(--space-4);flex-wrap:wrap}
.untd-footer__social a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--border-hairline);border-radius:var(--radius-2);color:var(--chrome-300)}
.untd-footer__social a:hover{color:var(--gold-400);border-color:var(--border-accent)}
.untd-footer__bar{position:relative;z-index:1;border-top:1px solid var(--border-hairline);background:rgba(8,8,10,.55)}
.untd-footer__bar-inner{
  max-width:var(--container);margin:0 auto;padding:var(--space-5) var(--gutter);
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);
  font-family:var(--font-mono);font-size:11px;color:var(--chrome-400);flex-wrap:wrap;
}

/* =========================================================================
   Listing / archive
   ========================================================================= */
.untd-listing__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-7);border-bottom:1px solid var(--border-hairline);padding-bottom:var(--space-6);flex-wrap:wrap}
.untd-listing__title{font-size:var(--display-3);margin-top:var(--space-3)}
.untd-listing__intro{margin-top:var(--space-4);font-size:var(--body);color:var(--chrome-300);max-width:64ch}
.untd-listing__tools{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4)}
.untd-listing__result{font-family:var(--font-mono);font-size:12px;color:var(--chrome-400)}
.untd-listing__toolrow{display:flex;align-items:center;gap:var(--space-5)}
.untd-facets{
  position:sticky;top:190px;display:flex;flex-direction:column;gap:var(--space-6);
  padding:var(--space-6);border:1px solid var(--border-hairline);border-radius:var(--radius-card);
  background:var(--surface-card);box-shadow:var(--edge-top);
}
.untd-facets__head{display:flex;align-items:center;justify-content:between;justify-content:space-between}
.untd-facets__title{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400)}
.untd-facets__reset{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--chrome-400);text-decoration:underline}
.untd-facets__group{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-hairline)}
.untd-facets__grouptitle{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-300)}
.untd-facets__note{font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--chrome-400);margin-top:var(--space-3)}
.untd-check{display:flex;align-items:center;gap:var(--space-3);font-size:13px;color:var(--chrome-200);cursor:pointer}
.untd-check input{accent-color:var(--gold-400);width:15px;height:15px;flex:0 0 auto}
.untd-check__count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--chrome-400)}
.untd-applied{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.untd-applied__label{font-family:var(--font-mono);font-size:11px;color:var(--chrome-400);letter-spacing:.06em}
.untd-pager{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--border-hairline);gap:var(--space-5);flex-wrap:wrap}
.untd-pager__line{font-family:var(--font-mono);font-size:12px;color:var(--chrome-400)}
.untd-pager__links{display:flex;gap:var(--space-3);flex-wrap:wrap}
.untd-pager__links .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;
  border:1px solid var(--border-default);border-radius:var(--radius-2);
  font-family:var(--font-mono);font-size:12px;color:var(--chrome-200);
}
.untd-pager__links .page-numbers:hover{border-color:var(--border-strong);color:var(--white)}
.untd-pager__links .page-numbers.current{background:var(--gold-400);border-color:var(--gold-400);color:var(--ink-950);font-weight:700}

/* Breadcrumbs */
.untd-crumbs{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--chrome-400);letter-spacing:.04em}
.untd-crumbs a{color:var(--chrome-300)}
.untd-crumbs a:hover{color:var(--gold-400)}
.untd-crumbs__sep{color:var(--ink-500)}

/* Select / input controls */
.untd-select,.untd-input,select.untd-select{
  height:var(--control-h);padding:0 var(--space-7) 0 var(--space-4);
  background-color:var(--surface-sunken);
  background-image:linear-gradient(45deg,transparent 50%,var(--chrome-300) 50%),linear-gradient(135deg,var(--chrome-300) 50%,transparent 50%);
  background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;
  background-size:6px 6px;background-repeat:no-repeat;
  border:1px solid var(--border-default);border-radius:var(--radius-2);box-shadow:var(--inset-well);
  color:var(--white);font-family:var(--font-ui);font-size:14px;
  appearance:none;-webkit-appearance:none;width:100%;
}
.untd-input{background-image:none;padding-right:var(--space-4)}
.untd-select:disabled{opacity:.45;cursor:not-allowed}
.untd-select--sm{height:36px;font-size:13px;background-position:calc(100% - 18px) 16px,calc(100% - 12px) 16px}
.untd-field{display:flex;flex-direction:column;gap:6px}
.untd-field__label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-300)}

/* =========================================================================
   Editorial / SEO copy / info pages / WordPress content
   ========================================================================= */
.untd-seo{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-9);padding:var(--space-9) 0 var(--space-10);margin-top:var(--space-6);border-top:1px solid var(--border-hairline)}
.untd-seo__title{font-size:2rem;margin-top:var(--space-3);max-width:24ch}
.untd-prose{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);max-width:66ch;font-size:15px;line-height:1.7;color:var(--chrome-200)}
.untd-prose h3{font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-top:var(--space-4)}
.untd-aside{display:flex;flex-direction:column;gap:var(--space-5)}
.untd-facts{display:flex;flex-direction:column;gap:var(--space-3)}
.untd-facts__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-hairline);font-family:var(--font-mono);font-size:12px}
.untd-facts__row:last-child{border-bottom:0;padding-bottom:0}
.untd-facts__k{color:var(--chrome-400)}
.untd-facts__v{color:var(--gold-400);font-weight:700;text-align:right}
.untd-cta-card{padding:var(--space-6);border:1px solid var(--border-accent);border-radius:var(--radius-card);background:var(--surface-accent-quiet);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}
.untd-cta-card__title{font-family:var(--font-display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:1.35rem;color:var(--white);line-height:.95}
.untd-cta-card__body{font-size:13px;color:var(--chrome-200)}

/* Spec table */
.untd-table{width:100%;border-collapse:collapse;font-size:13px}
.untd-table caption{text-align:left;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);padding-bottom:var(--space-4)}
.untd-table th,.untd-table td{text-align:left;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-hairline)}
.untd-table thead th{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-300);background:var(--surface-sunken)}
.untd-table tbody td{color:var(--chrome-200);font-family:var(--font-mono);font-size:12px}
.untd-table tbody tr:hover td{background:var(--surface-card-hover)}
.untd-table__wrap{overflow-x:auto;border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-card)}

/* Post / page content (block editor output) */
.untd-entry{max-width:var(--container-narrow);margin:0 auto}
.untd-entry__header{padding:var(--space-9) 0 var(--space-7);border-bottom:1px solid var(--border-hairline)}
.untd-entry__title{font-size:var(--display-3)}
.untd-entry__meta{margin-top:var(--space-4);font-family:var(--font-mono);font-size:12px;color:var(--chrome-400);display:flex;gap:var(--space-5);flex-wrap:wrap}
.untd-content{font-size:15px;line-height:1.75;color:var(--chrome-200)}
.untd-content>*+*{margin-top:var(--space-6)}
.untd-content h1,.untd-content h2,.untd-content h3,.untd-content h4{margin-top:var(--space-9);color:var(--white)}
.untd-content h2{font-family:var(--font-display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:1.9rem;letter-spacing:var(--display-ls);line-height:.95}
.untd-content h3{font-size:1.25rem}
.untd-content a{text-decoration:underline;text-underline-offset:3px}
.untd-content ul,.untd-content ol{padding-left:1.35em;display:flex;flex-direction:column;gap:var(--space-3)}
.untd-content li::marker{color:var(--gold-400)}
.untd-content blockquote{margin:0;padding:var(--space-5) var(--space-7);border-left:3px solid var(--gold-400);background:var(--surface-card);font-size:1.0625rem;color:var(--chrome-100)}
.untd-content code,.untd-content kbd{font-family:var(--font-mono);font-size:.9em;background:var(--surface-sunken);padding:2px 6px;border-radius:var(--radius-1);color:var(--gold-200)}
.untd-content pre{background:var(--surface-sunken);padding:var(--space-6);border-radius:var(--radius-2);overflow-x:auto;border:1px solid var(--border-hairline)}
.untd-content pre code{background:none;padding:0}
.untd-content img,.untd-content .wp-block-image img{border-radius:var(--radius-2)}
.untd-content figcaption,.untd-content .wp-caption-text{font-family:var(--font-mono);font-size:11px;color:var(--chrome-400);margin-top:var(--space-3);text-align:center}
.untd-content table{width:100%;border-collapse:collapse;font-size:13px}
.untd-content th,.untd-content td{padding:var(--space-4);border-bottom:1px solid var(--border-hairline);text-align:left}
.untd-content hr,.wp-block-separator{border:0;border-top:1px solid var(--border-hairline);margin:var(--space-9) 0}
.untd-content .wp-block-button__link{display:inline-flex;align-items:center;height:var(--control-h);padding:0 var(--space-6);background:var(--gold-400);color:var(--ink-950);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:var(--label);border-radius:var(--radius-2);clip-path:var(--clip-shear-sm);text-decoration:none}
.untd-content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--gold-400);border:1px solid var(--gold-400)}
.alignwide{max-width:min(1100px,100%);margin-left:auto;margin-right:auto}
.alignfull{max-width:none;width:100%}
.alignleft{float:left;margin:0 var(--space-6) var(--space-5) 0}
.alignright{float:right;margin:0 0 var(--space-5) var(--space-6)}
.aligncenter{margin-left:auto;margin-right:auto;display:block}

/* =========================================================================
   Forms, comments, widgets
   ========================================================================= */
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],
input[type=number],input[type=tel],input[type=date],textarea{
  width:100%;padding:0 var(--space-4);height:var(--control-h);
  background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-2);
  box-shadow:var(--inset-well);color:var(--white);font-family:var(--font-ui);font-size:14px;
}
textarea{height:auto;min-height:140px;padding:var(--space-4);line-height:1.6}
input::placeholder,textarea::placeholder{color:var(--chrome-400)}
label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-300);display:inline-block;margin-bottom:6px}
button,input[type=submit]{font-family:var(--font-ui)}

.untd-comments{margin-top:var(--space-10);padding-top:var(--space-9);border-top:1px solid var(--border-hairline)}
.untd-comments__title{font-family:var(--font-display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:1.6rem;margin-bottom:var(--space-7)}
.untd-comments ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}
.untd-comments .children{margin-top:var(--space-6);padding-left:var(--space-7);border-left:1px solid var(--border-hairline)}
.untd-comments .comment-body{padding:var(--space-6);border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-card)}
.untd-comments .comment-author{display:flex;align-items:center;gap:var(--space-4);font-size:13px;color:var(--white);font-weight:700}
.untd-comments .comment-author img{border-radius:var(--radius-pill)}
.untd-comments .comment-meta{font-family:var(--font-mono);font-size:11px;color:var(--chrome-400);margin:var(--space-3) 0}
.untd-comments .comment-content{font-size:14px;line-height:1.7;color:var(--chrome-200)}
.untd-comments .reply{margin-top:var(--space-4)}
.comment-form p{margin-bottom:var(--space-5)}
.comment-respond{margin-top:var(--space-8)}

.untd-widget{margin-bottom:var(--space-7);padding:var(--space-6);border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-card)}
.untd-widget__title,.untd-widget .widget-title{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400);margin-bottom:var(--space-5);display:block}
.untd-widget ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.untd-widget li a{font-size:13px;color:var(--chrome-200)}
.untd-widget li a:hover{color:var(--gold-400)}

.untd-notice{padding:var(--space-6);border:1px solid var(--border-default);border-left:3px solid var(--gold-400);border-radius:var(--radius-2);background:var(--surface-card);font-size:14px;color:var(--chrome-200)}
.untd-empty{padding:var(--space-11) var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}
.untd-empty__title{font-family:var(--font-display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:2rem;color:var(--white)}
.untd-empty__body{font-size:14px;color:var(--chrome-300);max-width:48ch}
.untd-404__code{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(5rem,18vw,12rem);line-height:.8;color:var(--gold-400);letter-spacing:-.03em}

/* =========================================================================
   Responsive
   The design source could not express media queries (inline styles only) and
   leaned on data-gcols / data-sticky hooks. With real classes the same
   breakpoints are expressed directly.
   ========================================================================= */
@media (max-width:1180px){
  .untd-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .untd-grid--8{grid-template-columns:repeat(4,minmax(0,1fr))}
  .untd-grid--sidebar{grid-template-columns:216px minmax(0,1fr)}
  .untd-footer__cols{grid-template-columns:repeat(3,1fr)}
  .untd-footer__brand{grid-column:1 / -1}
  /* The hero stat rail hugs the right edge; below this width the copy needs
     the room back, so the rail sheds its negative offset first. */
  .untd-hero__stats{margin-right:0;min-width:170px;padding:var(--space-5)}
}
@media (max-width:1080px){
  /* Keep all six nav items reachable without a drawer: the wordmark tagline
     goes first, then the nav tightens. Icons stay at every width — they are
     the fastest read in the bar. */
  .untd-header__tagline{display:none}
  .untd-searchpill{padding:0;width:38px;justify-content:center}
  .untd-searchpill span{display:none}
  .untd-header__inner{gap:var(--space-4)}
  .untd-nav{gap:10px;margin-left:0}
  .untd-nav a{gap:5px;font-size:11px;letter-spacing:.02em}
}
@media (max-width:980px){
  .untd-grid--4,.untd-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .untd-grid--2,.untd-grid--seo,.untd-grid--sidebar,.untd-tuning,.untd-trust,.untd-hero--split,.untd-seo{grid-template-columns:minmax(0,1fr)}
  .untd-facets{position:static;top:auto}
  .untd-hide-md{display:none}
  .untd-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start}
  .untd-nav::-webkit-scrollbar{display:none}
  .untd-listing__tools{align-items:flex-start;width:100%}
}
@media (max-width:860px){
  .untd-nav{gap:var(--space-4)}
  .untd-nav a{font-size:12px}
}
@media (max-width:760px){
  :root{--gutter:16px}
  .untd-grid--2,.untd-grid--3,.untd-grid--4,.untd-grid--5{grid-template-columns:minmax(0,1fr)}
  .untd-grid--8,.untd-grid--stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .untd-footer__cols{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
  .untd-hero__frame{min-height:400px}
  .untd-hero__panel,.untd-hero__shot{min-height:320px}
  .untd-tuning__shot{min-height:240px}
  .untd-hero__body{flex-direction:column;align-items:stretch;padding:var(--space-6)}
  /* Stacked hero: the rail becomes a full-width three-up strip under the copy. */
  .untd-hero__stats{flex-direction:row;justify-content:space-between;gap:var(--space-4);min-width:0;width:100%}
  .untd-makes{flex-wrap:wrap}
  .untd-makes__intro{flex:1 0 100%;padding:var(--space-5);border-right:0;border-bottom:1px solid var(--border-hairline)}
  .untd-makes__item{flex:1 0 33.333%;height:92px}
  .untd-main h1{font-size:2.15rem}
  .untd-main section h2{font-size:1.6rem}
  .untd-card--pad{padding:var(--space-6)}
  .untd-header__inner{gap:var(--space-4);height:64px}
  .untd-fitment{position:static}
  .untd-ticker{font-size:10px}
  .untd-ambient__grid{background-size:64px 64px}
  .untd-trust__seal{flex-direction:column;align-items:flex-start}
  .untd-trust__seal img{height:140px}
  .untd-footer__bar-inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
}
@media (max-width:480px){
  .untd-grid--8,.untd-grid--stats,.untd-footer__cols{grid-template-columns:minmax(0,1fr)}
  .untd-makes__item{flex:1 0 50%}
  .untd-hero__cta .untd-btn{width:100%}
}

/* Print — spec sheets and invoices go out on the light scope. */
@media print{
  .untd-ticker,.untd-header,.untd-fitment,.untd-footer,.untd-ambient{display:none !important}
  body{background:#fff;color:#000}
}

/* =========================================================================
   Late additions — wrappers the templates introduce
   ========================================================================= */
.untd-nav__wrap{flex:1 1 auto;min-width:0;display:flex;justify-content:center}
.untd-nav__wrap>.untd-nav{width:100%}

/* Header search drawer */
.untd-search-panel{border-top:1px solid var(--border-hairline);background:var(--surface-sunken);padding:var(--space-6) 0}
.untd-search-panel[hidden]{display:none}
.untd-searchform{width:100%}

/* Fitment: the caption block sits inline with the plugin's own select row. */
.untd-fitment__row{display:flex;align-items:stretch;gap:var(--space-4);flex-wrap:wrap}
.untd-fitment__selector{flex:1 1 420px;min-width:0;display:flex;align-items:flex-end}
.untd-fitment__selector>*{width:100%}
.untd-fitment--inline{border:1px solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-card);backdrop-filter:none;-webkit-backdrop-filter:none}

/* Band wrappers */
.untd-makes-band,.untd-cats-band,.untd-best-band,.untd-brands-band{position:relative}

/* Footer legal menu */
.untd-footer__legal-menu{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-5);flex-wrap:wrap}
.untd-footer__legal-menu a{color:var(--chrome-400)}
.untd-footer__legal-menu a:hover{color:var(--white)}

/* Widget areas inside the footer brand column */
.untd-footer__widgets{width:100%}
.untd-footer__widgets .untd-widget{background:transparent;border:0;padding:0;margin-bottom:var(--space-5)}

/* Facets head needs a real two-column rule (the shorthand above is defensive) */
.untd-facets__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}

@media (max-width:760px){
  .untd-fitment__selector{flex:1 1 100%}
}

/* =========================================================================
   Stage kits
   ========================================================================= */
.untd-stages__hero{grid-template-columns:1.1fr .9fr;align-items:stretch}
.untd-stages__intro{display:flex;flex-direction:column;justify-content:center}
.untd-stages__title{font-size:var(--display-2);margin-top:var(--space-4)}
.untd-stages__lead{margin-top:var(--space-5);font-size:var(--body-lg);color:var(--chrome-100);max-width:48ch}
.untd-stages__shot{min-height:420px}
.untd-stages__h2{font-size:2rem;margin-top:var(--space-3)}
.untd-stages__p{margin-top:var(--space-4);font-size:15px;line-height:1.75;color:var(--chrome-200);max-width:46ch}

/* Dyno chart */
.untd-dyno{padding:var(--space-7)}
.untd-dyno__svg{width:100%;height:auto;display:block}
.untd-dyno__legend{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-hairline)}
.untd-dyno__key{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--chrome-300)}
.untd-dyno__swatch{width:18px;height:3px;border-radius:2px;display:block;flex:0 0 auto}

/* Stage cards */
.untd-stage{
  display:flex;flex-direction:column;border:1px solid var(--border-hairline);
  border-radius:var(--radius-card);background:var(--surface-card);
  box-shadow:var(--edge-top),var(--shadow-1);overflow:hidden;
}
.untd-stage__head{padding:var(--space-6);border-bottom:1px solid var(--border-hairline)}
.untd-stage__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.untd-stage__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.untd-stage__time{font-family:var(--font-mono);font-size:11px;color:var(--chrome-400)}
.untd-stage__title{font-size:1.9rem;margin-top:var(--space-3)}
.untd-stage__gainrow{display:flex;align-items:baseline;gap:8px;margin-top:var(--space-4)}
.untd-stage__gain{font-family:var(--font-mono);font-size:26px;font-weight:700;letter-spacing:-.02em}
.untd-stage__torque{font-family:var(--font-mono);font-size:12px;color:var(--chrome-400)}
.untd-stage__body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);flex:1}
.untd-stage__copy{font-size:14px;line-height:1.7;color:var(--chrome-200)}
.untd-stage__parts{display:flex;flex-direction:column;gap:9px}
.untd-stage__partslabel{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-400)}
.untd-stage__part{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--chrome-200)}
.untd-stage__check{display:flex;flex:0 0 auto;margin-top:2px}
.untd-stage__facts{
  margin-top:auto;display:flex;flex-direction:column;gap:8px;
  padding-top:var(--space-5);border-top:1px solid var(--border-hairline);
  font-family:var(--font-mono);font-size:11px;color:var(--chrome-400);
}
.untd-btn--block{width:100%}

/* Comparison + tuners tables */
.untd-compare__k,.untd-tuners__name{text-align:left}
.untd-compare th[scope="row"]{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--chrome-300);background:none}
.untd-compare__c{color:var(--gold-400)}
.untd-tuners__name{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:15px;letter-spacing:.03em;text-transform:uppercase;color:var(--white);background:none}
.untd-tuners__platform{color:var(--gold-400)}
.untd-tuners__strength{font-family:var(--font-ui);font-size:13px;line-height:1.6;color:var(--chrome-300)}

/* Calibration layers */
.untd-layers{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}
.untd-layer{
  display:flex;gap:var(--space-5);padding:var(--space-5);
  background:var(--surface-sunken);border:1px solid var(--border-hairline);
  border-radius:var(--radius-2);box-shadow:var(--inset-well);
}
.untd-layer__n{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--gold-400);letter-spacing:.14em;flex:0 0 46px}
.untd-layer__t{font-size:14px;font-weight:700;color:var(--white)}
.untd-layer__b{margin-top:6px;font-size:13px;line-height:1.7;color:var(--chrome-300)}

/* Off-the-shelf vs custom */
.untd-approaches{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}
.untd-approach{padding:var(--space-5);border:1px solid var(--border-hairline);border-radius:var(--radius-2);background:var(--surface-card)}
.untd-approach--accent{border-color:var(--border-accent);background:var(--surface-accent-quiet)}
.untd-approach__label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--chrome-400)}
.untd-approach--accent .untd-approach__label{color:var(--gold-400)}
.untd-approach__body{margin-top:8px;font-size:14px;line-height:1.7;color:var(--chrome-200)}
.untd-approach--accent .untd-approach__body{color:var(--chrome-100)}

@media (max-width:980px){
  .untd-stages__hero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .untd-stages__shot{min-height:240px}
  .untd-layer{flex-direction:column;gap:var(--space-3)}
}

/* =========================================================================
   Body-class and widget-wrapper hooks
   ========================================================================= */
/* The template already omits the ambient layer when the option is off; this
   is the belt-and-braces rule for cached markup. */
.untd-no-ambient .untd-ambient{display:none}

/* Widgets dropped into the fitment area sit where the shortcode would. */
.untd-fitment__widget{width:100%}
.untd-fitment__widget+.untd-fitment__widget{margin-top:var(--space-4)}

/* Footer legal nav */
.untd-footer__legal{display:flex}

/* Tuners table column rhythm, matching the design's 1fr 1fr 1.4fr */
.untd-tuners th:nth-child(1),.untd-tuners td:nth-child(1){width:24%}
.untd-tuners th:nth-child(2),.untd-tuners td:nth-child(2){width:24%}
.untd-compare th:nth-child(1),.untd-compare td:nth-child(1){width:28%}

/* A badge with a long spec string must wrap rather than spill over the
   headline beneath it, so the height is a floor and not a fixed box. */
.untd-badge{height:auto;min-height:22px;padding-top:3px;padding-bottom:3px;line-height:1.35}
@media (max-width:760px){
  .untd-badge{font-size:10px;letter-spacing:.08em}
  .untd-hero__title{margin-top:var(--space-4)}
}

/* =========================================================================
   Hero background video
   ========================================================================= */
.untd-hero__video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;border:0;
  /* The poster is what shows until (or instead of) playback, so it has to
     fill the frame the same way the footage does. */
  object-position:center;
}
.untd-hero__overlay{
  position:absolute;inset:0;pointer-events:none;
  background:var(--ink-1000);
  opacity:var(--untd-hero-overlay,.4);
}
/* The scrim gradients sit above the overlay so the bottom of the frame keeps
   its falloff rather than flattening to one wash. */
.untd-hero__scrim,.untd-hero__scrim-top{z-index:1}
.untd-hero__body,.untd-hero__shot-badge,.untd-hero__dyno{z-index:2}

/* =========================================================================
   Footer columns as disclosures
   The <details> ship open; JS closes them below 760px when the collapsed
   layout is chosen, so desktop and no-JS phones are unaffected.
   ========================================================================= */
.untd-footer__col{display:flex;flex-direction:column;gap:var(--space-4)}
.untd-footer__coltitle{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-400);cursor:default;list-style:none;
}
.untd-footer__coltitle::-webkit-details-marker{display:none}
.untd-footer__coltitle::marker{content:""}
.untd-footer__chevron{display:none;color:var(--chrome-400);transition:transform var(--dur-base) var(--ease-standard)}
.untd-footer__col[open] .untd-footer__chevron{transform:rotate(180deg)}

/* Desktop and up: the blurb override and the collapsed layout are inert. */
.untd-footer__blurb--mobile{display:none}

/* =========================================================================
   Footer — mobile arrangement (Customize -> Footer — mobile)
   ========================================================================= */
@media (max-width:760px){

  /* --- column layouts --- */
  .untd-footer--m-one .untd-footer__cols,
  .untd-footer--m-accordion .untd-footer__cols{grid-template-columns:minmax(0,1fr)}
  .untd-footer--m-two .untd-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .untd-footer--m-desktop .untd-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .untd-footer--m-two .untd-footer__brand,
  .untd-footer--m-desktop .untd-footer__brand{grid-column:1 / -1}

  /* --- collapsed columns --- */
  .untd-footer--m-accordion .untd-footer__cols{gap:0}
  .untd-footer--m-accordion .untd-footer__brand{padding-bottom:var(--space-6)}
  .untd-footer--m-accordion .untd-footer__col{
    gap:0;border-top:1px solid var(--border-hairline);
  }
  .untd-footer--m-accordion .untd-footer__coltitle{
    cursor:pointer;padding:var(--space-5) 0;
    /* A 44px target is the smallest a thumb should have to find. */
    min-height:var(--touch-min);
  }
  .untd-footer--m-accordion .untd-footer__coltitle:hover{color:var(--gold-300)}
  .untd-footer--m-accordion .untd-footer__chevron{display:flex}
  .untd-footer--m-accordion .untd-footer__col > ul{padding-bottom:var(--space-6)}
  .untd-footer--m-accordion .untd-footer__col[open] > ul{animation:untd-rise .18s var(--ease-out) both}

  /* --- per-column visibility --- */
  .untd-footer__col--m-hidden{display:none}

  /* --- scene, wordmark, alignment --- */
  .untd-footer--m-noscene .untd-scene__slide,
  .untd-footer--m-noscene .untd-scene__glow{display:none}
  .untd-footer--m-nologo .untd-footer__mark{display:none}
  .untd-footer--m-center .untd-footer__brand{align-items:center;text-align:center}
  .untd-footer--m-center .untd-footer__blurb{max-width:38ch;margin-inline:auto}
  .untd-footer--m-center .untd-footer__coltitle{justify-content:center;gap:var(--space-3)}
  .untd-footer--m-center .untd-footer__col ul{text-align:center}
  .untd-footer--m-center .untd-footer__bar-inner{align-items:center;text-align:center}

  /* --- blurb override --- */
  .untd-footer__blurb--desktop{display:none}
  .untd-footer__blurb--mobile{display:block}
}