/** Shopify CDN: Minification failed

Line 1000:245 Expected identifier but found whitespace
Line 1000:254 Unexpected ";"

**/
/* SVE — PIT WALL theme overrides (home page sections)
 * Drop-in CSS for Shopify "Ride" theme (or any Online Store 2.0 theme).
 * All rules are scoped to .sve-* classes so they don't fight your theme's
 * existing styles. Loaded by snippets/sve-pit-wall-head.liquid. */

/* ─── Tokens ─────────────────────────────────────────────────────────── */
:root {
  --sve-red: #e11d24;
  --sve-red-dark: #b8161c;
  --sve-bg: #000000;
  --sve-bg-alt: #0c0c0c;
  --sve-bg-warm: #100e0c;
  --sve-fg: #ffffff;
  --sve-fg-mute: #9a9a9a;
  --sve-fg-dim: #3a3a3a;
  --sve-rule: rgba(255, 255, 255, 0.10);
  --sve-rule-strong: rgba(255, 255, 255, 0.28);
  --sve-font-display: 'Anton', 'Oswald', 'Impact', sans-serif;
  --sve-font-body: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --sve-font-mono: 'IBM Plex Mono', ui-monospace, 'Menlo', monospace;
}

/* ─── Universal helpers ──────────────────────────────────────────────── */
.sve-display {
  font-family: var(--sve-font-display);
  font-weight: 400;
  line-height: 0.86;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  margin: 0;
  color: var(--sve-fg);
}
.sve-display--56 { font-size: clamp(36px, 5vw, 56px); }
.sve-display--72 { font-size: clamp(40px, 6.5vw, 72px); }
.sve-display--96 { font-size: clamp(48px, 8vw, 96px); }
.sve-display--144 { font-size: clamp(56px, 11vw, 144px); }
.sve-display--184 { font-size: clamp(64px, 10.5vw, 142px); }

.sve-mono {
  font-family: var(--sve-font-mono);
  font-size: 11px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--sve-fg-mute);
  font-weight: 500;
}
.sve-mono--accent { color: var(--sve-red); }
.sve-mono--fg { color: var(--sve-fg); }

.sve-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--sve-red);
  color: #fff;
  border: none;
  padding: 22px 30px;
  font-family: var(--sve-font-display);
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease;
}
.sve-btn:hover { background: var(--sve-red-dark); }
.sve-btn--ghost {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid var(--sve-rule-strong);
  color: #fff;
}
.sve-btn--ghost:hover { background: rgba(255, 255, 255, 0.08); }

.sve-hazard {
  background-image: repeating-linear-gradient(45deg,
    var(--sve-red) 0 14px, #000 14px 28px);
}

/* Photo placeholder — used when a section doesn't have an image yet */
.sve-placeholder {
  position: absolute;
  inset: 0;
  background: var(--sve-bg-warm);
  background-image: radial-gradient(var(--sve-fg-dim) 1px, transparent 1px);
  background-size: 18px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sve-fg-mute);
  font-family: var(--sve-font-mono);
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center;
  padding: 24px;
}

/* ─── Section wrappers ───────────────────────────────────────────────── */
.sve-section {
  background: var(--sve-bg);
  color: var(--sve-fg);
  font-family: var(--sve-font-body);
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.sve-section *,
.sve-section *::before,
.sve-section *::after { box-sizing: border-box; }
.sve-section--alt { background: var(--sve-bg-alt); }

/* ─── 01. Ticker ─────────────────────────────────────────────────────── */
.sve-ticker {
  background: var(--sve-red);
  color: #fff;
  padding: 10px 24px;
  font-family: var(--sve-font-mono);
  font-size: 11px;
  letter-spacing: 1.8px;
  font-weight: 600;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
}
.sve-ticker__track {
  display: inline-flex;
  gap: 48px;
  animation: sve-ticker-scroll 60s linear infinite;
}
.sve-ticker:hover .sve-ticker__track { animation-play-state: paused; }
@keyframes sve-ticker-scroll {
  to { transform: translateX(-50%); }
}

/* ─── 02. Hero ───────────────────────────────────────────────────────── */
.sve-hero {
  position: relative;
  min-height: 600px;
  height: 72vh;
  max-height: 760px;
  overflow: hidden;
  background: #000;
  border-bottom: 1px solid var(--sve-rule);
}
.sve-hero__media { position: absolute; inset: 0; }
.sve-hero__media img,
.sve-hero__media video {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
/* Shopify's video_tag can wrap the <video> in a div — make it fill too */
.sve-hero__media > *:not(.sve-placeholder) { width: 100%; height: 100%; }
.sve-hero__media .sve-placeholder { position: absolute; inset: 0; }
.sve-hero__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg,
    rgba(0, 0, 0, 0.55) 0%, transparent 35%, transparent 55%, rgba(0, 0, 0, 0.9));
}
.sve-hero__dim {
  position: absolute; inset: 0;
  background: #000;
  opacity: var(--sve-hero-dim, 0.25);
  pointer-events: none;
}
.sve-hero__redline {
  position: absolute; top: 0; bottom: 0; left: 0;
  width: 8px; background: var(--sve-red);
}
.sve-hero__badges {
  position: absolute; top: 36px; left: 36px;
  display: flex; flex-direction: column; gap: 10px;
}
.sve-hero__badge {
  background: var(--sve-red); color: #fff;
  padding: 8px 14px;
  font-family: var(--sve-font-mono);
  font-size: 11px; letter-spacing: 2px;
  text-transform: uppercase; font-weight: 700;
  display: inline-flex; align-items: center; gap: 8px;
}
/* Live recording dot — blinks */
@keyframes sve-live-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.15; } }
.sve-hero__badge > span:first-child { animation: sve-live-blink 1.1s ease-in-out infinite; }
.sve-hero__badge--ghost {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border: 1px solid var(--sve-rule-strong);
}
.sve-hero__corner {
  position: absolute; top: 36px; right: 36px;
  padding: 16px 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border: 1px solid var(--sve-rule-strong);
  font-family: var(--sve-font-mono);
  font-size: 11px; letter-spacing: 1.5px;
  text-align: right; line-height: 1.7;
}
.sve-hero__corner-accent { color: var(--sve-red); text-transform: uppercase; }
.sve-hero__copy {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 40px 48px 32px;
  color: #fff;
}
.sve-hero__copy h1 { line-height: 0.98; font-size: clamp(48px, 11vw, var(--sve-hero-h-size, 142px)); }
.sve-hero__lower {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 48px;
  margin-top: 28px;
}
.sve-hero__lead {
  font-family: var(--sve-font-body);
  font-size: 18px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
  max-width: 560px;
}
.sve-hero__ctas { display: flex; gap: 12px; flex-shrink: 0; }
.sve-hero__hazard {
  position: absolute; bottom: 0; left: 0; right: 0; height: 4px;
}

/* ─── 03. Stat slab ──────────────────────────────────────────────────── */
.sve-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--sve-rule);
}
.sve-stats__cell {
  padding: 32px;
  display: flex; flex-direction: column; gap: 8px;
  border-right: 1px solid var(--sve-rule);
}
.sve-stats__cell:last-child { border-right: none; }
.sve-stats__index { color: var(--sve-red); }
.sve-stats__n {
  font-family: var(--sve-font-display);
  font-size: 72px; line-height: 0.86;
  letter-spacing: -1.5px; text-transform: uppercase;
  color: var(--sve-fg); margin: 4px 0 0;
}
.sve-stats__label { color: var(--sve-fg); font-size: 13px; }
.sve-stats__sub {
  font-family: var(--sve-font-body);
  font-size: 13px; color: var(--sve-fg-mute); line-height: 1.45;
}

/* ─── 04. Featured product ───────────────────────────────────────────── */
.sve-feature {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  min-height: 560px;
  border-bottom: 1px solid var(--sve-rule);
}
.sve-feature__info {
  padding: 40px 32px;
  display: flex; flex-direction: column; justify-content: space-between;
  border-right: 1px solid var(--sve-rule);
}
.sve-feature__sku { color: var(--sve-fg); margin-top: 14px; font-family: var(--sve-font-mono); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.sve-feature__lead {
  font-family: var(--sve-font-body);
  font-size: 15px; line-height: 1.5;
  color: var(--sve-fg-mute);
  margin: 14px 0 0; max-width: 460px;
}
.sve-feature__specs {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--sve-rule);
}
.sve-feature__spec {
  padding: 10px 14px;
}
.sve-feature__spec:nth-child(odd) { border-right: 1px solid var(--sve-rule); }
.sve-feature__spec:nth-child(n+3) { border-top: 1px solid var(--sve-rule); }
.sve-feature__spec-label {
  font-family: var(--sve-font-mono);
  font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--sve-fg-mute);
}
.sve-feature__spec-value {
  font-family: var(--sve-font-body);
  font-size: 12px; color: var(--sve-fg);
  font-weight: 500; margin-top: 3px;
}
.sve-feature__buy { margin-top: 24px; display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.sve-feature__actions {
  flex: 1; display: flex; gap: 10px; align-items: stretch; min-width: 240px;
}
.sve-feature__view {
  flex: 1; padding: 16px 22px; font-size: 17px;
}
.sve-btn--compact {
  padding: 16px 18px; font-size: 15px;
  background: transparent; color: var(--sve-fg);
  border: 1px solid var(--sve-rule-strong);
  white-space: nowrap;
}
.sve-btn--compact:hover { background: var(--sve-red); color: #fff; border-color: var(--sve-red); }
.sve-feature__addform { display: flex; }
.sve-feature__price {
  font-family: var(--sve-font-display);
  font-size: 52px; line-height: 0.86;
  color: var(--sve-fg);
}
.sve-feature__media { position: relative; display: block; text-decoration: none; }
.sve-feature__media img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  position: absolute; inset: 0;
}
.sve-feature__media--contain img { object-fit: contain; }
.sve-feature__media-hint {
  position: absolute; left: 50%; bottom: 80px; transform: translate(-50%, 8px);
  background: var(--sve-red); color: #fff; padding: 10px 18px;
  font-family: var(--sve-font-display); font-size: 15px; letter-spacing: 1px;
  text-transform: uppercase; opacity: 0; transition: opacity .3s ease, transform .3s ease;
  pointer-events: none;
}
.sve-feature__media:hover .sve-feature__media-hint { opacity: 1; transform: translate(-50%, 0); }
.sve-feature__media-badge {
  position: absolute; top: 32px; left: 32px;
  background: var(--sve-bg); color: var(--sve-fg);
  padding: 10px 14px;
  font-family: var(--sve-font-mono);
  font-size: 11px; letter-spacing: 2px;
  text-transform: uppercase; font-weight: 600;
  border: 1px solid var(--sve-rule-strong);
}
.sve-feature__media-tag {
  position: absolute; bottom: 32px; right: 32px;
  background: var(--sve-red); color: #fff;
  padding: 10px 14px;
  font-family: var(--sve-font-mono);
  font-size: 11px; letter-spacing: 2px;
  text-transform: uppercase; font-weight: 700;
}

/* ─── 05. Garage / chassis tiles ─────────────────────────────────────── */
.sve-garage { background: var(--sve-bg-alt); border-bottom: 1px solid var(--sve-rule); }
.sve-garage__header {
  padding: 44px 40px 20px;
  display: flex; justify-content: space-between; align-items: flex-end;
}
.sve-garage__grid {
  padding: 32px 40px 56px;
  display: grid;
  grid-template-columns: repeat(var(--sve-garage-cols, 4), 1fr);
  gap: 12px;
}
.sve-garage__tile {
  position: relative; aspect-ratio: 16 / 10; overflow: hidden;
  border: 1px solid var(--sve-rule); background: var(--sve-bg);
  text-decoration: none; color: #fff;
}
.sve-garage__tile img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; display: block;
}
.sve-garage__tile-overlay {
  position: absolute; inset: 0; padding: 14px;
  background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.85));
  display: flex; flex-direction: column; justify-content: space-between;
}
.sve-garage__tile-top {
  display: flex; justify-content: space-between;
  font-family: var(--sve-font-mono);
  font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase;
  color: #fff;
}
.sve-garage__tile-name {
  font-family: var(--sve-font-display);
  font-size: 32px; text-transform: uppercase; letter-spacing: 0;
  color: #fff; line-height: 1;
}
.sve-garage__tile-sub {
  font-family: var(--sve-font-mono);
  font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 4px;
}
.sve-garage__tile-cta {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 8px;
}
.sve-garage__tile-link {
  color: var(--sve-red);
  font-family: var(--sve-font-display);
  font-size: 13px; letter-spacing: 1px; text-transform: uppercase;
}
.sve-garage__tile-arrow {
  width: 22px; height: 22px; background: var(--sve-red);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 12px;
}

/* ─── Product page (PDP) ─────────────────────────────────────────────── */
.sve-pdp {
  display: grid; grid-template-columns: 1.1fr 1fr; gap: 0;
  background: var(--sve-bg); border-bottom: 1px solid var(--sve-rule);
  align-items: start;
}
.sve-pdp__gallery { padding: 32px; position: sticky; top: 0; align-self: start; display: flex; gap: 12px; align-items: flex-start; }
.sve-pdp__info { padding: 40px; border-left: 1px solid var(--sve-rule); position: static; }
.sve-pdp__stage {
  position: relative; aspect-ratio: 1/1; background: var(--sve-bg-alt);
  border: 1px solid var(--sve-rule); overflow: hidden; flex: 1; min-width: 0;
}
.sve-pdp__main { width: 100%; height: 100%; display: block; }
.sve-pdp__stage-sku {
  position: absolute; top: 14px; left: 14px;
  background: var(--sve-red); color: #fff; padding: 4px 9px;
  font-family: var(--sve-font-mono); font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase; font-weight: 700;
}
.sve-pdp__stage-sold {
  position: absolute; top: 14px; right: 14px;
  background: rgba(0,0,0,0.75); color: #fff; padding: 4px 9px;
  font-family: var(--sve-font-mono); font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase; border: 1px solid var(--sve-rule-strong);
}
.sve-pdp__thumbs {
  display: flex; flex-direction: column; gap: 8px; width: 70px; flex-shrink: 0; margin: 0; order: -1;
}
.sve-pdp__thumb { width: 100%; aspect-ratio: 1/1; }
.sve-pdp__thumb {
  aspect-ratio: 1/1; padding: 0; cursor: pointer; overflow: hidden;
  background: var(--sve-bg-alt); border: 1px solid var(--sve-rule);
  transition: border-color 0.2s ease;
}
.sve-pdp__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sve-pdp__thumb.is-active { border-color: var(--sve-red); }

.sve-pdp__sku {
  font-family: var(--sve-font-mono); font-size: 11px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--sve-fg-mute); margin-top: 8px;
}
.sve-pdp__title {
  font-family: var(--sve-font-display); font-size: clamp(34px, 4.5vw, 60px);
  line-height: 0.98; color: var(--sve-fg); text-transform: uppercase;
  letter-spacing: 1px; margin: 8px 0 0;
}
.sve-pdp__pricebar { display: flex; align-items: baseline; gap: 14px; margin-top: 18px; flex-wrap: wrap; }
.sve-pdp__price { font-family: var(--sve-font-display); font-size: 40px; color: var(--sve-fg); line-height: 1; }
.sve-pdp__compare { font-family: var(--sve-font-display); font-size: 24px; color: var(--sve-fg-dim); text-decoration: line-through; }
.sve-pdp__save {
  font-family: var(--sve-font-mono); font-size: 11px; letter-spacing: 1px; text-transform: uppercase;
  background: var(--sve-red); color: #fff; padding: 4px 9px; align-self: center;
}

/* Reviews section (Judge.me full widget) */
.sve-pdp__reviews { grid-column: 1 / -1; border-top: 1px solid var(--sve-rule); }
.sve-pdp__reviews-inner { padding: 44px 40px; }
.sve-pdp__reviews .sve-pdp__details-title { margin-bottom: 18px; }
/* tint the Judge.me widget toward the brand */
.sve-pdp__reviews .jdgm-rev__rating, .sve-pdp__reviews .jdgm-star { color: var(--sve-red); }

/* Star rating */
.sve-pdp__rating { display: inline-flex; align-items: center; gap: 9px; margin-top: 14px; text-decoration: none; }
.sve-pdp__rating--jdgm { display: block; }
.sve-pdp__stars { color: var(--sve-red); font-size: 16px; letter-spacing: 2px; line-height: 1; }
.sve-pdp__star-empty { color: var(--sve-rule-strong); }
.sve-pdp__rating-txt { font-family: var(--sve-font-mono); font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--sve-fg-mute); }
.sve-pdp__rating:hover .sve-pdp__rating-txt { color: var(--sve-fg); }

/* Stock / urgency indicator */
.sve-pdp__stock {
  display: inline-flex; align-items: center; gap: 9px; margin-top: 16px;
  font-family: var(--sve-font-mono); font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
}
.sve-pdp__stock-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.sve-pdp__stock--in { color: #22c55e; }
.sve-pdp__stock--in .sve-pdp__stock-dot { background: #22c55e; box-shadow: 0 0 8px #22c55e; }
.sve-pdp__stock--low { color: var(--sve-red); }
.sve-pdp__stock--low .sve-pdp__stock-dot { background: var(--sve-red); box-shadow: 0 0 8px var(--sve-red); animation: sve-live-blink 1.1s ease-in-out infinite; }
.sve-pdp__stock--out { color: var(--sve-fg-mute); }
.sve-pdp__stock--out .sve-pdp__stock-dot { background: var(--sve-fg-mute); }

/* Fitment-check line */
.sve-pdp__fitment {
  display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 12px 14px;
  border: 1px solid var(--sve-rule); background: var(--sve-bg-alt);
  font-family: var(--sve-font-body); font-size: 13px; color: var(--sve-fg-mute); line-height: 1.4;
}
.sve-pdp__fitment-ico { color: var(--sve-red); width: 20px; height: 20px; flex-shrink: 0; }
.sve-pdp__fitment-ico svg { width: 100%; height: 100%; }

/* Delivery estimate + payment reassurance */
.sve-pdp__delivery {
  display: flex; align-items: center; gap: 10px; margin-top: 16px;
  font-family: var(--sve-font-body); font-size: 13px; color: var(--sve-fg); line-height: 1.4;
}
.sve-pdp__delivery-ico { color: var(--sve-red); width: 20px; height: 20px; flex-shrink: 0; }
.sve-pdp__delivery-ico svg { width: 100%; height: 100%; }
.sve-pdp__delivery strong { color: var(--sve-fg); }
.sve-pdp__pay-reassure {
  margin-top: 10px; font-family: var(--sve-font-mono); font-size: 10px; letter-spacing: 1px;
  text-transform: uppercase; color: var(--sve-fg-mute);
}

.sve-pdp__form { margin-top: 28px; }

/* Custom-order text field */
.sve-pdp__custom { margin-bottom: 22px; }
.sve-pdp__custom-label {
  display: block; font-family: var(--sve-font-mono); font-size: 12px; letter-spacing: 1px;
  text-transform: uppercase; color: var(--sve-fg-mute); margin-bottom: 8px;
}
.sve-pdp__custom-req { color: var(--sve-red); margin-left: 3px; }
.sve-pdp__custom-input {
  width: 100%; background: var(--sve-bg-alt); border: 1px solid var(--sve-rule-strong);
  padding: 13px 14px; color: var(--sve-fg); font-family: var(--sve-font-body); font-size: 14px;
  outline: none; transition: border-color 0.2s ease;
}
.sve-pdp__custom-input:focus { border-color: var(--sve-red); }
.sve-pdp__custom-input::placeholder { color: var(--sve-fg-dim); }
.sve-pdp__custom-help {
  display: block; margin-top: 7px; font-family: var(--sve-font-body); font-size: 12px; color: var(--sve-fg-mute);
}
.sve-pdp__options { display: flex; flex-direction: column; gap: 20px; }
.sve-pdp__option-name {
  font-family: var(--sve-font-mono); font-size: 12px; letter-spacing: 1px;
  text-transform: uppercase; color: var(--sve-fg-mute); margin-bottom: 10px;
  display: flex; align-items: baseline; gap: 8px;
}
.sve-pdp__option-label { color: var(--sve-fg-mute); }
.sve-pdp__option-val { color: var(--sve-red); font-weight: 600; letter-spacing: 0.5px; }
.sve-pdp__swatches { display: flex; flex-wrap: wrap; gap: 8px; }
.sve-pdp__swatch {
  background: transparent; color: var(--sve-fg);
  border: 1px solid var(--sve-rule-strong); padding: 11px 16px; cursor: pointer;
  font-family: var(--sve-font-body); font-size: 14px; font-weight: 500;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.sve-pdp__swatch:hover { border-color: var(--sve-fg); }
.sve-pdp__swatch.is-active { background: var(--sve-fg); color: var(--sve-bg); border-color: var(--sve-fg); }

.sve-pdp__buyrow { display: flex; gap: 12px; margin-top: 26px; }
.sve-pdp__qty { display: flex; border: 1px solid var(--sve-rule-strong); flex-shrink: 0; }
.sve-pdp__qty-btn {
  background: transparent; color: var(--sve-fg); border: none; cursor: pointer;
  width: 44px; font-size: 18px; line-height: 1;
}
.sve-pdp__qty-btn:hover { color: var(--sve-red); }
.sve-pdp__qty-input {
  width: 50px; background: transparent; border: none; outline: none;
  color: var(--sve-fg); text-align: center; font-family: var(--sve-font-mono); font-size: 15px;
  -moz-appearance: textfield;
}
.sve-pdp__qty-input::-webkit-outer-spin-button,
.sve-pdp__qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sve-pdp__add {
  flex: 1; justify-content: center; padding: 0 24px;
  font-size: 18px; min-height: 52px;
}
.sve-pdp__add:disabled { opacity: 0.45; cursor: not-allowed; }
.sve-pdp__variant-select { display: none; }

.sve-pdp__specs { border: 1px solid var(--sve-rule); }
.sve-pdp__spec {
  display: grid; grid-template-columns: 130px 1fr; gap: 16px;
  padding: 12px 16px; border-bottom: 1px solid var(--sve-rule);
}
.sve-pdp__spec:last-child { border-bottom: none; }
.sve-pdp__spec:nth-child(odd) { background: var(--sve-bg-alt); }
.sve-pdp__spec-k {
  font-family: var(--sve-font-mono); font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--sve-fg-mute); align-self: center;
}
.sve-pdp__spec-v { font-family: var(--sve-font-body); font-size: 14px; color: var(--sve-fg); font-weight: 500; align-self: center; }

.sve-pdp__desc {
  margin-top: 26px; font-family: var(--sve-font-body); font-size: 15px;
  line-height: 1.65; color: var(--sve-fg-mute);
}
.sve-pdp__desc p { margin: 0 0 12px; }
.sve-pdp__desc a { color: var(--sve-red); }

.sve-pdp__trust {
  display: flex; flex-wrap: wrap; gap: 22px; margin-top: 28px;
  padding-top: 24px; border-top: 1px solid var(--sve-rule);
}
.sve-pdp__trust-item {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--sve-font-mono); font-size: 11px; letter-spacing: 1px;
  text-transform: uppercase; color: var(--sve-fg-mute);
}
.sve-pdp__trust-ico { color: var(--sve-red); width: 20px; height: 20px; }
.sve-pdp__trust-ico svg { width: 100%; height: 100%; }

/* Worldwide-shipping note */
.sve-pdp__shipping {
  display: flex; align-items: center; gap: 10px; margin-top: 16px;
  font-family: var(--sve-font-mono); font-size: 11px; letter-spacing: 1px;
  text-transform: uppercase; color: var(--sve-fg-mute);
}
.sve-pdp__shipping .sve-pdp__trust-ico { flex-shrink: 0; }

/* Ordered content area (description / specs / collapsibles) in the buy column */
.sve-pdp__content { margin-top: 28px; }
.sve-pdp__content-block { margin-bottom: 24px; }
.sve-pdp__content-title {
  font-family: var(--sve-font-display); font-size: 20px; text-transform: uppercase;
  letter-spacing: 0.5px; color: var(--sve-fg); margin-bottom: 14px;
}
.sve-pdp__content .sve-pdp__specs { margin: 0; }
.sve-pdp__content .sve-pdp__acc:first-of-type { border-top: 1px solid var(--sve-rule); }

/* Collapsible sections */
.sve-pdp__accordion { margin-top: 28px; border-top: 1px solid var(--sve-rule); }
.sve-pdp__acc { border-bottom: 1px solid var(--sve-rule); }
.sve-pdp__acc-head {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 16px 2px; cursor: pointer; list-style: none;
  font-family: var(--sve-font-display); font-size: 17px; text-transform: uppercase;
  letter-spacing: 0.5px; color: var(--sve-fg);
}
.sve-pdp__acc-head::-webkit-details-marker { display: none; }
.sve-pdp__acc-ico { position: relative; width: 14px; height: 14px; flex-shrink: 0; }
.sve-pdp__acc-ico::before, .sve-pdp__acc-ico::after {
  content: ""; position: absolute; background: var(--sve-red); transition: transform 0.25s ease;
}
.sve-pdp__acc-ico::before { top: 6px; left: 0; width: 14px; height: 2px; }
.sve-pdp__acc-ico::after { top: 0; left: 6px; width: 2px; height: 14px; }
.sve-pdp__acc[open] .sve-pdp__acc-ico::after { transform: scaleY(0); }
.sve-pdp__acc-body {
  padding: 0 2px 18px; font-family: var(--sve-font-body); font-size: 14px;
  line-height: 1.6; color: var(--sve-fg-mute);
}
.sve-pdp__acc-body p { margin: 0 0 10px; }
.sve-pdp__acc-body a { color: var(--sve-red); }

/* Full-width details block below the sticky columns */
.sve-pdp__details {
  grid-column: 1 / -1; border-top: 1px solid var(--sve-rule);
  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
}
.sve-pdp__details-col { padding: 44px 40px; }
.sve-pdp__details-col + .sve-pdp__details-col { border-left: 1px solid var(--sve-rule); }
.sve-pdp__details-title {
  font-family: var(--sve-font-display); font-size: 22px; text-transform: uppercase;
  letter-spacing: 0.5px; color: var(--sve-fg); margin-bottom: 18px;
}

/* Active thumb — animated red marker */
.sve-pdp__thumb { position: relative; }
.sve-pdp__thumb::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: var(--sve-red); transform: scaleX(0); transform-origin: left;
  transition: transform 0.25s ease;
}
.sve-pdp__thumb.is-active::after { transform: scaleX(1); }
.sve-pdp__main { transition: opacity 0.28s ease, transform 0.5s ease; }

/* Carousel pager (mobile only) */
.sve-pdp__pager { display: none; align-items: center; justify-content: center; gap: 18px; padding-top: 4px; }
.sve-pdp__pager-btn {
  background: transparent; border: none; color: var(--sve-fg-mute); cursor: pointer;
  font-size: 20px; line-height: 1; width: 32px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
  transition: color 0.2s ease;
}
.sve-pdp__pager-btn:hover { color: var(--sve-fg); }
.sve-pdp__pager-count {
  font-family: var(--sve-font-mono); font-size: 12px; letter-spacing: 1.5px; color: var(--sve-fg-mute);
  min-width: 44px; text-align: center;
}

/* Sticky add-to-cart bar */
.sve-pdp__sticky {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
  background: rgba(8,8,8,0.96); backdrop-filter: blur(10px);
  border-top: 2px solid var(--sve-red);
  transform: translateY(110%); transition: transform 0.35s cubic-bezier(.2,.7,.3,1);
  pointer-events: none;
}
.sve-pdp__sticky.is-visible { transform: translateY(0); pointer-events: auto; }
.sve-pdp__sticky-inner {
  max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 16px;
  padding: 12px 24px;
}
.sve-pdp__sticky-thumb {
  width: 48px; height: 48px; flex-shrink: 0; background: var(--sve-bg-alt);
  border: 1px solid var(--sve-rule); overflow: hidden;
}
.sve-pdp__sticky-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sve-pdp__sticky-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sve-pdp__sticky-title {
  font-family: var(--sve-font-display); font-size: 18px; text-transform: uppercase;
  letter-spacing: 0.3px; color: var(--sve-fg); line-height: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sve-pdp__sticky-price { font-family: var(--sve-font-mono); font-size: 13px; color: var(--sve-fg-mute); }
.sve-pdp__sticky-add { flex-shrink: 0; min-height: 46px; padding: 0 28px; font-size: 16px; }

/* Add-to-cart press flash */
.sve-pdp__add:active, .sve-pdp__sticky-add:active { transform: translateY(1px); }

/* ─── 06. Catalogue grid ─────────────────────────────────────────────── */
.sve-catalogue { background: var(--sve-bg-alt); border-bottom: 1px solid var(--sve-rule); }
.sve-catalogue__header {
  padding: 44px 40px 20px;
  display: flex; justify-content: space-between; align-items: flex-end;
}
.sve-catalogue__grid {
  padding: 32px 40px 56px;
  display: grid;
  grid-template-columns: repeat(var(--sve-cat-cols, 3), 1fr);
  gap: 16px;
}
.sve-card {
  position: relative; overflow: hidden;
  border: 1px solid var(--sve-rule); background: var(--sve-bg);
  display: flex; flex-direction: column;
  text-decoration: none; color: inherit;
}
.sve-card__media {
  position: relative; aspect-ratio: 1 / 1;
}
.sve-card__media img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; display: block;
}
.sve-card__sku {
  position: absolute; top: 12px; left: 12px;
  background: var(--sve-red); color: #fff; padding: 3px 8px;
  font-family: var(--sve-font-mono);
  font-size: 9px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase;
}
.sve-card__chassis {
  position: absolute; top: 12px; right: 12px;
  background: rgba(0, 0, 0, 0.7); color: #fff; padding: 3px 8px;
  font-family: var(--sve-font-mono);
  font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase;
}
.sve-card__body {
  padding: 16px 18px 18px;
  border-top: 1px solid var(--sve-rule);
}
.sve-card__tag {
  font-family: var(--sve-font-mono);
  font-size: 11px; letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--sve-fg-mute);
}
.sve-card__name {
  display: block;
  font-family: var(--sve-font-display);
  font-size: 26px;
  color: var(--sve-fg); text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 6px 0 0; line-height: 0.96;
  text-decoration: none;
}
.sve-card__name:hover { color: var(--sve-red); }
.sve-card__row {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid var(--sve-rule);
  gap: 12px;
}
.sve-card__price {
  font-family: var(--sve-font-display);
  font-size: 28px; line-height: 1; color: var(--sve-fg); letter-spacing: 0;
}
.sve-card__actions { display: flex; gap: 8px; align-items: stretch; }
.sve-card__view {
  display: inline-flex; align-items: center;
  background: transparent; color: var(--sve-fg);
  border: 1px solid var(--sve-rule-strong);
  padding: 9px 12px;
  font-family: var(--sve-font-display);
  font-size: 13px; letter-spacing: 1px; text-transform: uppercase;
  text-decoration: none;
}
.sve-card__view:hover { background: var(--sve-fg); color: var(--sve-bg); }
.sve-card__add {
  background: var(--sve-red); color: #fff; border: none;
  padding: 10px 14px;
  font-family: var(--sve-font-display);
  font-size: 14px; letter-spacing: 1px;
  text-transform: uppercase; cursor: pointer;
}
.sve-card__add:hover { background: var(--sve-red-dark); }
.sve-card__add--sold {
  background: transparent; color: var(--sve-fg-mute);
  border: 1px solid var(--sve-rule); cursor: default;
}
.sve-card__add--sold:hover { background: transparent; }

/* ─── Scroll-reveal animations ───────────────────────────────────────── */
/* Tasteful fade-up that fires when each element enters the viewport.
 * Pre-state lives on [data-sve-reveal]; .is-in adds the in-state.
 * Respects prefers-reduced-motion. */
[data-sve-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s cubic-bezier(.2,.7,.2,1),
              transform 0.8s cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--sve-reveal-delay, 0ms);
  will-change: opacity, transform;
}
[data-sve-reveal].is-in {
  opacity: 1;
  transform: translateY(0);
}
[data-sve-reveal="left"]    { transform: translateX(-32px); }
[data-sve-reveal="right"]   { transform: translateX(32px); }
[data-sve-reveal="zoom"]    { transform: scale(0.96); }
[data-sve-reveal="left"].is-in,
[data-sve-reveal="right"].is-in,
[data-sve-reveal="zoom"].is-in { transform: none; }

/* Card / tile hover lifts */
.sve-card,
.sve-garage__tile {
  transition: transform 0.4s cubic-bezier(.2,.7,.2,1),
              border-color 0.3s ease,
              box-shadow 0.3s ease;
}
.sve-card:hover {
  transform: translateY(-4px);
  border-color: var(--sve-rule-strong);
  box-shadow: 0 12px 30px rgba(0,0,0,0.45);
}
.sve-garage__tile { overflow: hidden; }
.sve-garage__tile img {
  transition: transform 0.9s cubic-bezier(.2,.7,.2,1);
}
.sve-garage__tile:hover img { transform: scale(1.05); }
.sve-garage__tile:hover .sve-garage__tile-arrow { background: #fff; color: var(--sve-red); }
.sve-garage__tile-arrow { transition: background 0.2s ease, color 0.2s ease; }

/* Card add button */
.sve-card__add { transition: background 0.2s ease, transform 0.2s ease; }
.sve-card__add:hover { transform: translateY(-1px); }

/* Hero — slow ken-burns drift on the bg image */
.sve-hero__media img {
  animation: sve-hero-drift 22s cubic-bezier(.45,0,.55,1) infinite alternate;
  transform-origin: center;
}
@keyframes sve-hero-drift {
  from { transform: scale(1.0); }
  to   { transform: scale(1.08); }
}

/* Hero headline staggered fade — applied via data-sve-reveal on the <h1> lines */

/* Stats — number count-up is JS; this just makes them feel "live" */
.sve-stats__cell { transition: background 0.3s ease; }
.sve-stats__cell:hover { background: var(--sve-bg-alt); }

/* Feature media — slow zoom on hover */
.sve-feature__media img {
  transition: transform 0.9s cubic-bezier(.2,.7,.2,1);
}
.sve-feature__media:hover img { transform: scale(1.04); }

/* Buttons — subtle press */
.sve-btn,
.sve-card__add {
  transition: background 0.2s ease, transform 0.15s ease;
}
.sve-btn:active,
.sve-card__add:active { transform: translateY(1px); }

/* Reduced motion: kill all but the most essential transitions */
@media (prefers-reduced-motion: reduce) {
  [data-sve-reveal] { opacity: 1; transform: none; transition: none; }
  .sve-hero__media img { animation: none; }
  .sve-hero__badge > span:first-child { animation: none; }
  .sve-ticker__track { animation: none; }
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

/* ─── Trust bar ──────────────────────────────────────────────────────── */
.sve-trust {
  background: var(--sve-bg);
  border-bottom: 1px solid var(--sve-rule);
  padding: 56px 40px;
}
.sve-trust__head { text-align: center; margin-bottom: 44px; }
.sve-trust__grid {
  display: grid;
  grid-template-columns: repeat(var(--sve-trust-cols, 5), 1fr);
  border-left: 1px solid var(--sve-rule);
}
.sve-trust__item {
  border-right: 1px solid var(--sve-rule);
  padding: 8px 24px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
.sve-trust__icon {
  color: var(--sve-red); width: 38px; height: 38px; margin-bottom: 18px;
  transition: transform .35s cubic-bezier(.2,.7,.3,1);
}
.sve-trust__item:hover .sve-trust__icon { transform: translateY(-4px) scale(1.08); }
.sve-trust__icon svg {
  width: 100%; height: 100%; display: block;
  overflow: visible;
}
/* draw-on stroke when the item reveals into view */
.sve-trust__icon svg path,
.sve-trust__icon svg circle,
.sve-trust__icon svg rect,
.sve-trust__icon svg line {
  stroke-dasharray: 120;
  stroke-dashoffset: 120;
  transition: stroke-dashoffset .9s ease;
  transition-delay: var(--sve-reveal-delay, 0ms);
}
.sve-trust__item.is-in .sve-trust__icon svg path,
.sve-trust__item.is-in .sve-trust__icon svg circle,
.sve-trust__item.is-in .sve-trust__icon svg rect,
.sve-trust__item.is-in .sve-trust__icon svg line {
  stroke-dashoffset: 0;
}
.sve-trust__title {
  font-family: var(--sve-font-display);
  font-size: 21px; text-transform: uppercase; letter-spacing: 0.3px;
  color: var(--sve-fg); line-height: 1; margin-bottom: 10px;
}
.sve-trust__text {
  font-family: var(--sve-font-body);
  font-size: 13.5px; line-height: 1.5; color: var(--sve-fg-mute); margin: 0;
}

/* ─── New release / collection drop ──────────────────────────────────── */
.sve-drop { position: relative; background: var(--sve-bg); border-bottom: 1px solid var(--sve-rule); overflow: hidden; }
.sve-drop__hazard { height: 10px; background-size: 40px 40px; animation: sve-drop-hazard 1.4s linear infinite; }
@keyframes sve-drop-hazard { to { background-position: 40px 0; } }
.sve-drop__grid { display: grid; grid-template-columns: 1.25fr 1fr; min-height: 620px; }
.sve-drop--rev .sve-drop__media { order: 2; }
.sve-drop__media { position: relative; overflow: hidden; min-height: 380px; }
.sve-drop__media img, .sve-drop__media video,
.sve-drop__media > *:not(.sve-drop__media-dim):not(.sve-drop__flag):not(.sve-drop__corner):not(.sve-drop__watermark) { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; inset: 0; }
.sve-drop__media .sve-placeholder { position: absolute; inset: 0; }
.sve-drop__media-dim { position: absolute; inset: 0; background: linear-gradient(115deg, rgba(0,0,0,0.65) 0%, transparent 45%), #000; opacity: var(--sve-drop-dim, 0.3); pointer-events: none; }
.sve-drop:hover .sve-drop__media img { transform: scale(1.05); }
.sve-drop__media img { transition: transform 6s ease; }
/* giant watermark heading sweeping over the media */
.sve-drop__watermark {
  position: absolute; left: -2%; bottom: 4%; z-index: 1; margin: 0;
  font-family: var(--sve-font-display); text-transform: uppercase;
  font-size: clamp(64px, 12vw, 190px); line-height: 0.8; letter-spacing: 1px;
  color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,0.22); text-stroke: 1.5px rgba(255,255,255,0.22);
  pointer-events: none; white-space: nowrap;
}
.sve-drop__flag {
  position: absolute; top: 24px; left: 24px; z-index: 2;
  display: inline-flex; align-items: center; gap: 9px;
  background: var(--sve-red); color: #fff; padding: 10px 16px;
  font-family: var(--sve-font-mono); font-size: 12px; letter-spacing: 2px;
  text-transform: uppercase; font-weight: 700;
  box-shadow: 0 0 0 0 rgba(225,29,36,0.55); animation: sve-drop-pulse 2s ease-out infinite;
}
@keyframes sve-drop-pulse { 0% { box-shadow: 0 0 0 0 rgba(225,29,36,0.5); } 70% { box-shadow: 0 0 0 16px rgba(225,29,36,0); } 100% { box-shadow: 0 0 0 0 rgba(225,29,36,0); } }
.sve-drop__flag-dot { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: sve-live-blink 1.1s ease-in-out infinite; }
.sve-drop__corner {
  position: absolute; bottom: 24px; right: 24px; z-index: 2;
  background: rgba(0,0,0,0.7); color: #fff; padding: 8px 12px;
  border: 1px solid var(--sve-rule-strong);
  font-family: var(--sve-font-mono); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;
}
.sve-drop__copy { padding: 48px 44px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid var(--sve-rule); background: var(--sve-bg-alt); }
.sve-drop--rev .sve-drop__copy { border-left: none; border-right: 1px solid var(--sve-rule); }
.sve-drop__title {
  font-family: var(--sve-font-display); font-size: clamp(44px, 5.5vw, 86px);
  line-height: 0.9; color: var(--sve-fg); text-transform: uppercase; letter-spacing: 0.5px;
  margin: 14px 0 0;
}
.sve-drop__title-accent { color: var(--sve-red); }
.sve-drop__blurb { font-family: var(--sve-font-body); font-size: 16px; line-height: 1.6; color: var(--sve-fg-mute); margin: 18px 0 0; max-width: 460px; }
.sve-drop__products { display: grid; grid-template-columns: repeat(var(--sve-drop-pcount, 4), minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.sve-drop__product { text-decoration: none; color: var(--sve-fg); display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sve-drop__product-img { position: relative; aspect-ratio: 5/4; background: var(--sve-bg); border: 1px solid var(--sve-rule); overflow: hidden; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.sve-drop__product-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.sve-drop__product:hover .sve-drop__product-img { border-color: var(--sve-red); box-shadow: 0 0 0 1px var(--sve-red); }
.sve-drop__product:hover .sve-drop__product-img img { transform: scale(1.08); }
.sve-drop__product-meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; max-width: 100%; }
.sve-drop__product-name { font-family: var(--sve-font-mono); font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--sve-fg-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }verflow: ellipsis; }
.sve-drop__product-price { font-family: var(--sve-font-display); font-size: 17px; color: var(--sve-fg); }
.sve-drop__ctas { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.sve-drop__cta { padding: 16px 26px; font-size: 16px; }

/* ─── 07. Custom-order CTA ───────────────────────────────────────────── */
.sve-cta { position: relative; border-bottom: 1px solid var(--sve-rule); }
.sve-cta__hazard { height: 14px; position: relative; z-index: 2; }
/* Optional media background behind the text */
.sve-cta__media { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.sve-cta__media img,
.sve-cta__media video,
.sve-cta__media > *:not(.sve-cta__media-overlay) {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.sve-cta__media-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.65); }
.sve-cta--has-media .sve-cta__body { background: transparent; position: relative; z-index: 1; }
.sve-cta__body {
  background: var(--sve-bg);
  padding: 72px 48px 64px;
  display: grid; grid-template-columns: 1.4fr 1fr;
  gap: 56px; align-items: center;
  position: relative;
}
.sve-cta__copy { font-family: var(--sve-font-body); }
.sve-cta__copy h2 { line-height: 0.95; }
.sve-cta__lead {
  font-size: 17px; line-height: 1.5;
  color: var(--sve-fg-mute); margin: 24px 0 0;
  max-width: 520px;
}
.sve-cta__ctas { margin-top: 36px; display: flex; gap: 12px; }
.sve-cta__panel {
  border: 1px solid var(--sve-rule-strong);
  background: var(--sve-bg-alt);
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background-color: var(--sve-rule);
}
.sve-cta__panel-cell {
  background: var(--sve-bg);
  padding: 24px 20px;
}
.sve-cta__panel-n {
  font-family: var(--sve-font-display);
  font-size: 64px; line-height: 0.86;
  color: var(--sve-fg); text-transform: uppercase;
}
.sve-cta__panel-l {
  margin-top: 6px;
  font-family: var(--sve-font-mono);
  font-size: 11px; letter-spacing: 1.8px;
  text-transform: uppercase; color: var(--sve-fg-mute);
}

/* ─── Section headers shared ─────────────────────────────────────────── */
.sve-section-title {
  display: flex; flex-direction: column; gap: 14px;
}
.sve-section-title__kicker {
  font-family: var(--sve-font-mono);
  font-size: 11px; letter-spacing: 2px;
  text-transform: uppercase; color: var(--sve-red);
}

/* ─── SVE Header ─────────────────────────────────────────────────────── */
.sve-header {
  background: var(--sve-bg);
  border-bottom: 1px solid var(--sve-rule);
  font-family: var(--sve-font-body);
  position: relative;
}
.sve-header__toggle-input { display: none; }
.sve-header__bar {
  display: flex; align-items: center; gap: 28px;
  padding: 16px 40px;
}
.sve-header__logo { display: inline-flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.sve-header__logo-text {
  font-family: var(--sve-font-display); font-size: 28px;
  color: var(--sve-fg); text-transform: uppercase; letter-spacing: 0;
}
.sve-header__nav {
  display: flex; align-items: center; gap: 26px; flex: 1;
  font-family: var(--sve-font-display);
  font-size: 20px; text-transform: uppercase; letter-spacing: 0.5px;
}
.sve-header__link {
  color: var(--sve-fg-mute); text-decoration: none;
  border-bottom: 3px solid transparent; padding-bottom: 3px;
  transition: color .2s ease, border-color .2s ease;
}
.sve-header__link:hover { color: var(--sve-fg); }
.sve-header__link.is-active { color: var(--sve-fg); border-bottom-color: var(--sve-red); }
.sve-header__actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.sve-header__socials { display: inline-flex; align-items: center; gap: 10px; }
.sve-header__social {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; color: var(--sve-fg-mute);
  border: 1px solid var(--sve-rule); transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}
.sve-header__social svg { width: 18px; height: 18px; }
.sve-header__social:hover { transform: translateY(-2px); }
/* Instagram — brand gradient */
.sve-header__social--ig {
  color: #fff; border-color: transparent;
  background: linear-gradient(45deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
}
.sve-header__social--ig:hover { filter: brightness(1.12); }
/* TikTok — black with cyan/red glitch edge */
.sve-header__social--tt {
  color: #fff; background: #0a0a0a; border-color: var(--sve-rule-strong);
}
.sve-header__social--tt svg { filter: drop-shadow(1.2px 0 0 #25f4ee) drop-shadow(-1.2px 0 0 #fe2c55); }
.sve-header__social--tt:hover { border-color: #25f4ee; }
/* In-menu socials (mobile hamburger) — hidden on desktop */
.sve-header__nav-socials { display: none; }
.sve-header__searchform {
  display: inline-flex; align-items: stretch;
  border: 1px solid var(--sve-rule);
  background: transparent;
  transition: border-color .2s ease;
}
.sve-header__searchform:focus-within { border-color: var(--sve-red); }
.sve-header__searchinput {
  width: 200px; background: transparent; border: none; outline: none;
  padding: 10px 14px; color: var(--sve-fg);
  font-family: var(--sve-font-mono); font-size: 11px;
  letter-spacing: 1.5px; text-transform: uppercase;
}
.sve-header__searchinput::placeholder { color: var(--sve-fg-mute); text-transform: uppercase; }
.sve-header__searchbtn {
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: none; cursor: pointer;
  padding: 0 12px; color: var(--sve-fg-mute);
  transition: color .2s ease;
}
.sve-header__searchbtn:hover { color: var(--sve-red); }
/* mobile-only search inside the hamburger menu — hidden on desktop */
.sve-header__navsearch { display: none; }
.sve-header__account {
  color: var(--sve-fg-mute); text-decoration: none;
  font-family: var(--sve-font-mono); font-size: 11px;
  letter-spacing: 1.5px; text-transform: uppercase; padding: 0 4px;
}
.sve-header__account:hover { color: var(--sve-fg); }
.sve-header__cart {
  display: inline-flex; align-items: center; gap: 12px;
  background: var(--sve-red); color: #fff; text-decoration: none;
  padding: 12px 20px;
  font-family: var(--sve-font-display); font-size: 20px;
  letter-spacing: 1px; text-transform: uppercase;
  transition: background .2s ease;
}
.sve-header__cart:hover { background: var(--sve-red-dark); }
.sve-header__cart-count {
  background: #fff; color: var(--sve-red); padding: 0 8px;
  font-family: var(--sve-font-mono); font-size: 13px; font-weight: 700;
  font-variant-numeric: tabular-nums;
}
/* hamburger - hidden on desktop */
.sve-header__burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 6px; }
.sve-header__burger span {
  width: 24px; height: 2px; background: var(--sve-fg); display: block;
  transition: transform .25s ease, opacity .25s ease;
}

/* ─── Footer ─────────────────────────────────────────────────────────── */
.sve-footer {
  background: var(--sve-bg);
  border-top: 1px solid var(--sve-rule);
  font-family: var(--sve-font-body);
  color: var(--sve-fg);
}
.sve-footer__hazard { height: 8px; }
.sve-footer__top {
  display: grid; grid-template-columns: 1.4fr 2fr; gap: 56px;
  padding: 56px 40px 44px;
}
.sve-footer__logo-text {
  font-family: var(--sve-font-display); font-size: 40px;
  color: var(--sve-fg); text-transform: uppercase;
}
.sve-footer__tagline {
  font-size: 14px; line-height: 1.6; color: var(--sve-fg-mute);
  max-width: 380px; margin: 18px 0 0;
}
.sve-footer__news { margin-top: 26px; max-width: 380px; }
.sve-footer__news-row {
  display: flex; margin-top: 10px;
  border: 1px solid var(--sve-rule-strong); background: var(--sve-bg-alt);
}
.sve-footer__news-row input {
  flex: 1; background: transparent; border: none; outline: none;
  padding: 13px 14px; color: var(--sve-fg);
  font-family: var(--sve-font-mono); font-size: 12px; letter-spacing: 1px;
}
.sve-footer__news-row input::placeholder { color: var(--sve-fg-mute); }
.sve-footer__news-row button {
  background: var(--sve-red); color: #fff; border: none;
  padding: 0 18px; cursor: pointer; font-size: 18px; line-height: 1;
  transition: background 0.2s ease;
}
.sve-footer__news-row button:hover { background: var(--sve-red-dark); }
.sve-footer__news-ok { font-family: var(--sve-font-mono); font-size: 11px; color: var(--sve-red); margin: 8px 0 0; text-transform: uppercase; letter-spacing: 1px; }
.sve-footer__social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.sve-footer__social-link {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--sve-font-mono); font-size: 11px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--sve-fg-mute); text-decoration: none;
  border: 1px solid var(--sve-rule); padding: 9px 14px;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
.sve-footer__social-ico { display: inline-flex; width: 16px; height: 16px; }
.sve-footer__social-ico svg { width: 100%; height: 100%; }
.sve-footer__social-link:hover {
  color: #fff; border-color: var(--sve-red); background: var(--sve-red); transform: translateY(-2px);
}
.sve-footer__cols {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;
}
.sve-footer__col-title {
  font-family: var(--sve-font-display); font-size: 20px;
  text-transform: uppercase; letter-spacing: 0.5px; color: var(--sve-fg);
  margin-bottom: 16px;
}
.sve-footer__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.sve-footer__list a {
  font-size: 14px; color: var(--sve-fg-mute); text-decoration: none; transition: color 0.2s ease;
}
.sve-footer__list a:hover { color: var(--sve-red); }
.sve-footer__bottom {
  display: flex; justify-content: space-between; align-items: center; gap: 20px;
  padding: 18px 40px; border-top: 1px solid var(--sve-rule);
  font-family: var(--sve-font-mono); font-size: 10px; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--sve-fg-mute);
}
.sve-footer__pay { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.sve-footer__pay-ico { height: 24px; width: auto; }

/* ─── Header / Footer overrides ──────────────────────────────────────── */
body { background: #000; }

/* ─── Responsive ─────────────────────────────────────────────────────── */

/* Tablet + small laptop */
@media (max-width: 1100px) {
  .sve-stats__n { font-size: 56px; }
  .sve-garage__grid { grid-template-columns: repeat(3, 1fr); }
}

/* Header collapses to hamburger */
@media (max-width: 990px) {
  .sve-header__bar { padding: 12px 16px; gap: 10px; flex-wrap: wrap; align-items: center; }
  .sve-header__burger { display: flex; order: 1; margin: 0; }
  .sve-header__logo { order: 2; flex-shrink: 0; }
  .sve-header__actions { order: 3; flex: 1 1 0%; min-width: 0; gap: 8px; justify-content: flex-end; align-items: center; flex-wrap: nowrap; }
  .sve-header__actions .sve-header__socials { display: flex; flex-direction: column; gap: 2px; order: 0; }
  .sve-header__actions .sve-header__social { width: 17px; height: 17px; border-radius: 0; }
  .sve-header__actions .sve-header__social svg { width: 11px; height: 11px; }
  .sve-header__searchform { order: 1; display: inline-flex; flex: 1 1 auto; min-width: 0; max-width: none; }
  .sve-header__searchinput { width: 100%; min-width: 0; padding: 10px 12px; font-size: 11px; letter-spacing: 1px; }
  .sve-header__searchbtn { padding: 0 11px; }
  .sve-header__account { display: none; }
  .sve-header__cart { order: 2; padding: 8px 12px; font-size: 14px; gap: 8px; }
  .sve-header__cart-count { font-size: 11px; padding: 0 6px; }
  /* in-menu socials no longer used — socials sit next to the logo instead */
  .sve-header__nav-socials { display: none; }
  .sve-header__nav {
    order: 4; flex-basis: 100%; flex-direction: column; align-items: flex-start;
    gap: 0; max-height: 0; overflow: hidden;
    transition: max-height .35s ease; font-size: 24px;
  }
  .sve-header__toggle-input:checked ~ .sve-header__bar .sve-header__nav { max-height: 80vh; }
  .sve-header__navsearch {
    display: none;
  }
  .sve-header__link {
    width: 100%; padding: 14px 0; border-bottom: 1px solid var(--sve-rule);
  }
  .sve-header__link.is-active { border-bottom-color: var(--sve-rule); color: var(--sve-red); }
  .sve-header__toggle-input:checked ~ .sve-header__bar .sve-header__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .sve-header__toggle-input:checked ~ .sve-header__bar .sve-header__burger span:nth-child(2) { opacity: 0; }
  .sve-header__toggle-input:checked ~ .sve-header__bar .sve-header__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

/* General tablet/mobile layout */
@media (max-width: 990px) {
  .sve-ticker { font-size: 10px; letter-spacing: 1.2px; padding: 9px 16px; }

  .sve-drop__grid { grid-template-columns: 1fr; min-height: 0; }
  .sve-drop--rev .sve-drop__media { order: 0; }
  .sve-drop__media { min-height: 220px; aspect-ratio: 16/10; }
  .sve-drop__copy { padding: 28px 20px; border-left: none; border-top: 1px solid var(--sve-rule); text-align: center; align-items: center; }
  .sve-drop--rev .sve-drop__copy { border-right: none; }
  .sve-drop__copy > * { margin-left: auto; margin-right: auto; }
  .sve-drop__title, .sve-drop__blurb { text-align: center; width: 100%; }
  .sve-drop__title { font-size: clamp(30px, 8vw, 46px); line-height: 0.95; overflow-wrap: break-word; word-break: break-word; }
  .sve-drop__blurb { font-size: 14px; max-width: none; }
  .sve-drop__products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; width: 100%; }
  .sve-drop__product-img { aspect-ratio: 5/4; }
  .sve-drop__product-meta { align-items: center; text-align: center; }
  .sve-drop__ctas { justify-content: center; width: 100%; }
  .sve-drop__ctas .sve-btn { flex: 1; justify-content: center; padding: 14px 12px; font-size: 14px; }

  /* Trim the largest display headings on tablets */
  .sve-display--96 { font-size: 58px; }
  .sve-display--144 { font-size: 72px; }
  .sve-display--184 { font-size: 72px; }

  .sve-hero {
    min-height: 0; height: 78vh; max-height: 620px;
    display: block;
  }
  .sve-hero__media { position: absolute; inset: 0; }
  .sve-hero__media img,
  .sve-hero__media video,
  .sve-hero__media .sve-placeholder { position: absolute; inset: 0; }
  .sve-hero__copy {
    position: absolute; z-index: 2; bottom: 0; left: 0; right: 0;
    padding: 22px 20px 26px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.82) 100%);
  }
  .sve-hero__lower { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 14px; }
  .sve-hero__lead { font-size: 12px; line-height: 1.5; max-width: none; }
  .sve-hero__ctas { flex-direction: row; gap: 8px; }
  .sve-hero__ctas .sve-btn { flex: 1; padding: 13px 10px; font-size: 13px; text-align: center; justify-content: center; }
  .sve-hero__corner { display: none; }
  .sve-hero__badges { top: 14px; left: 14px; }
  .sve-hero__badge { font-size: 9px; letter-spacing: 1.4px; padding: 6px 10px; }
  .sve-hero__badge--ghost { display: none; }
  .sve-hero__hazard { display: none; }

  .sve-stats { grid-template-columns: repeat(2, 1fr); }
  .sve-stats__cell { padding: 22px 20px; }
  .sve-stats__cell:nth-child(odd) { border-right: 1px solid var(--sve-rule); }
  .sve-stats__cell:nth-child(even) { border-right: none; }
  .sve-stats__cell:nth-child(-n+2) { border-bottom: 1px solid var(--sve-rule); }
  .sve-stats__n { font-size: 46px; }

  .sve-feature { grid-template-columns: 1fr; }
  .sve-feature__info { border-right: none; border-bottom: 1px solid var(--sve-rule); padding: 32px 20px; order: 2; }
  .sve-feature__media { aspect-ratio: 4 / 3; order: 1; }
  .sve-feature__buy { gap: 12px; }
  .sve-feature__actions { min-width: 0; flex-basis: 100%; }
  .sve-feature__media-badge { top: 16px; left: 16px; font-size: 10px; padding: 8px 10px; }
  .sve-feature__media-tag { bottom: 16px; right: 16px; font-size: 10px; padding: 8px 10px; }
  .sve-feature__media-hint { display: none; }

  .sve-garage__grid { grid-template-columns: repeat(var(--sve-garage-cols-m, 3), 1fr); padding: 20px 20px 36px; gap: 10px; }
  .sve-trust { padding: 32px 12px; }
  .sve-trust__head { margin-bottom: 24px; }
  .sve-trust__grid { grid-template-columns: repeat(var(--sve-trust-cols, 5), 1fr); border-left: 1px solid var(--sve-rule); }
  .sve-trust__item {
    border-right: 1px solid var(--sve-rule); border-bottom: none;
    padding: 8px 6px;
  }
  .sve-trust__item:nth-child(odd) { border-right: 1px solid var(--sve-rule); }
  .sve-trust__icon { width: 22px; height: 22px; margin-bottom: 8px; }
  .sve-trust__title { font-size: 10px; line-height: 1.1; margin-bottom: 0; letter-spacing: 0; }
  .sve-trust__text { display: none; }
  .sve-garage__tile-name { font-size: 26px; }

  .sve-catalogue__grid { grid-template-columns: repeat(var(--sve-cat-cols-m, 2), 1fr); padding: 20px 20px 36px; gap: 12px; }
  .sve-card__sku,
  .sve-card__chassis { display: none; }
  .sve-card__body { padding: 11px; }
  .sve-card__tag { display: none; }
  .sve-card__name { font-size: 13px; margin-top: 0; line-height: 1.05; }
  .sve-card__row { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 9px; padding-top: 9px; }
  .sve-card__price { font-size: 18px; flex-shrink: 0; }
  .sve-card__actions { gap: 6px; flex-shrink: 0; display: flex; }
  .sve-card__view { flex: 1; justify-content: center; padding: 8px 6px; font-size: 10px; letter-spacing: 0.5px; }
  .sve-card__actions form { flex: 1; display: flex; }
  .sve-card__add { flex: 1; justify-content: center; text-align: center; padding: 8px 6px; font-size: 10px; letter-spacing: 0.5px; }

  .sve-cta__body { grid-template-columns: 1fr; padding: 40px 20px; gap: 24px; }
  .sve-cta__ctas { flex-wrap: nowrap; gap: 8px; margin-top: 24px; }
  .sve-cta__ctas .sve-btn { flex: 1; min-width: 0; justify-content: center;
    padding: 14px 10px !important; font-size: 14px !important; }
  .sve-footer__top { grid-template-columns: 1fr; gap: 36px; padding: 40px 20px 32px; }
  .sve-footer__cols { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .sve-footer__col-title { font-size: 16px; }
  .sve-footer__list a { font-size: 13px; }
  .sve-footer__bottom { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 20px; }

  .sve-pdp { grid-template-columns: 1fr; }
  .sve-pdp__gallery { border-right: none; border-bottom: none; padding: 16px 16px 0; position: static; flex-direction: column; gap: 12px; align-items: stretch; }
  .sve-pdp__stage { width: 100%; border: none; }
  .sve-pdp__info { padding: 22px 18px 32px; position: static; border-left: none; text-align: left; }
  .sve-pdp__sku { font-size: 10px; }
  .sve-pdp__title { font-size: 32px; letter-spacing: 0.5px; line-height: 1.02; }
  .sve-pdp__pricebar { justify-content: flex-start; margin-top: 16px; }
  .sve-pdp__rating { margin-top: 12px; }
  .sve-pdp__stock { font-size: 11px; margin-top: 14px; }
  .sve-pdp__fitment { font-size: 12px; padding: 11px 12px; }
  .sve-pdp__delivery { font-size: 12px; }
  .sve-pdp__reviews-inner { padding: 32px 18px; }
  .sve-pdp__price { font-size: 26px; }
  .sve-pdp__compare { font-size: 17px; }
  .sve-pdp__form { margin-top: 24px; }
  .sve-pdp__options { gap: 18px; }
  .sve-pdp__option-name { justify-content: flex-start; font-size: 12px; }
  .sve-pdp__swatches { justify-content: flex-start; gap: 10px; }
  .sve-pdp__swatch { padding: 13px 22px; font-size: 14px; border-radius: 40px; }
  .sve-pdp__buyrow { justify-content: flex-start; margin-top: 22px; flex-direction: column; align-items: stretch; gap: 12px; }
  .sve-pdp__qty { align-self: flex-start; }
  .sve-pdp__add { font-size: 16px; min-height: 54px; width: 100%; }
  .sve-pdp__trust { justify-content: space-between; gap: 8px; flex-wrap: nowrap; }
  .sve-pdp__trust-item { font-size: 9px; gap: 6px; }
  .sve-pdp__trust-ico { width: 16px; height: 16px; }
  .sve-pdp__shipping { justify-content: flex-start; font-size: 10px; text-align: left; }
  .sve-pdp__accordion { margin-top: 24px; text-align: left; }
  .sve-pdp__acc-head { font-size: 15px; padding: 15px 0; }
  .sve-pdp__acc-body { font-size: 13px; }
  .sve-pdp__details { grid-template-columns: 1fr; }
  .sve-pdp__details-col { padding: 28px 18px; }
  .sve-pdp__details-col + .sve-pdp__details-col { border-left: none; border-top: 1px solid var(--sve-rule); }
  .sve-pdp__details-title { font-size: 18px; }
  .sve-pdp__spec { grid-template-columns: 96px 1fr; gap: 12px; padding: 11px 14px; }
  .sve-pdp__spec-v { font-size: 13px; }
  /* mobile: hide thumbnail strip, show carousel pager */
  .sve-pdp__thumbs { display: none; }
  .sve-pdp__pager { display: flex; }
  .sve-pdp__buyrow { flex-wrap: nowrap; }
  .sve-pdp__sticky-inner { padding: 10px 16px; gap: 12px; }
  .sve-pdp__sticky-thumb { width: 40px; height: 40px; }
  .sve-pdp__sticky-title { font-size: 14px; }
  .sve-pdp__sticky-price { font-size: 11px; }
  .sve-pdp__sticky-add { min-height: 42px; padding: 0 18px; font-size: 14px; }
  .sve-cta__panel { grid-template-columns: repeat(4, 1fr); }
  .sve-cta__panel-cell { padding: 12px 6px; }
  .sve-cta__panel-n { font-size: 26px; }
  .sve-cta__panel-l { font-size: 8px; letter-spacing: 0.5px; line-height: 1.2; margin-top: 4px; }
}

/* Phones */
@media (max-width: 600px) {
  /* Compact display headings so sections aren't so tall */
  .sve-display--56 { font-size: 26px; letter-spacing: -0.5px; }
  .sve-display--72 { font-size: 28px; letter-spacing: -0.5px; }
  .sve-display--96 { font-size: 32px; letter-spacing: -0.5px; }
  .sve-display--144 { font-size: 40px; letter-spacing: -0.5px; }

  .sve-hero { min-height: 440px; }
  .sve-hero__copy { padding: 18px 16px 22px; }
  .sve-hero__copy h1 { font-size: clamp(34px, 10.5vw, var(--sve-hero-h-size, 142px)); }
  .sve-hero__lead { font-size: 11px; }
  .sve-hero__ctas .sve-btn { padding: 12px 10px; font-size: 12px; }

  .sve-stats { grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--sve-rule); }
  .sve-stats__cell {
    padding: 16px 4px; border-right: none; border-bottom: none; gap: 5px;
    background: var(--sve-bg);
    align-items: center; text-align: center; justify-content: flex-start;
  }
  .sve-stats__cell:last-child { border-right: none; }
  .sve-stats__index { display: none; }
  .sve-stats__sub { display: none; }
  .sve-stats__n { font-size: 19px; line-height: 1; letter-spacing: -0.5px; white-space: nowrap; }
  .sve-stats__label { font-size: 8.5px; letter-spacing: 0.6px; line-height: 1.25; }

  .sve-garage__grid { grid-template-columns: repeat(var(--sve-garage-cols-m, 3), 1fr); gap: 8px; }
  .sve-garage__tile { aspect-ratio: 3 / 4; }
  .sve-garage__tile-overlay { padding: 9px; }
  .sve-garage__tile-top { font-size: 8px; letter-spacing: 1px; }
  .sve-garage__tile-name { font-size: 17px; }
  .sve-garage__tile-sub { display: none; }
  .sve-garage__tile-link { font-size: 10px; }
  .sve-garage__tile-arrow { width: 18px; height: 18px; font-size: 10px; }
  .sve-catalogue__grid { grid-template-columns: repeat(var(--sve-cat-cols-m, 2), 1fr); }

  .sve-feature__info { padding: 24px 16px; }
  .sve-feature__sku { font-size: 11px; }
  .sve-feature__lead { font-size: 13px; }
  .sve-feature__price { font-size: 40px; }
  /* Spec rows: 4 across in one tight row */
  .sve-feature__specs { grid-template-columns: repeat(4, 1fr); margin-top: 16px; }
  .sve-feature__spec { padding: 8px 7px; border-top: none; }
  .sve-feature__spec:nth-child(n+3) { border-top: none; }
  .sve-feature__spec:nth-child(odd),
  .sve-feature__spec:nth-child(even) { border-right: 1px solid var(--sve-rule); }
  .sve-feature__spec:last-child { border-right: none; }
  .sve-feature__spec-label { font-size: 8px; letter-spacing: 0.6px; }
  .sve-feature__spec-value { font-size: 10px; margin-top: 3px; line-height: 1.25; }

  .sve-feature__buy { flex-wrap: nowrap; align-items: center; gap: 10px; }
  .sve-feature__buy > div { flex-shrink: 0; }
  .sve-feature__price { font-size: 30px; }
  .sve-feature__actions { flex-direction: row; flex: 1; min-width: 0; gap: 8px; }
  .sve-feature__view { flex: 1; padding: 12px 8px; font-size: 12px; text-align: center; }
  .sve-feature__addform { flex-shrink: 0; }
  .sve-feature__addform .sve-btn--compact { width: auto; padding: 12px 12px; font-size: 12px; }
  .sve-btn--compact { justify-content: center; }

  .sve-cta__panel { grid-template-columns: repeat(4, 1fr); }
  .sve-cta__panel-cell { padding: 10px 4px; }
  .sve-cta__panel-n { font-size: 22px; }
  .sve-cta__ctas .sve-btn { padding: 13px 8px !important; font-size: 13px !important; }

  .sve-footer__cols { grid-template-columns: 1fr 1fr; gap: 18px 16px; }
  .sve-footer__logo-text { font-size: 32px; }
}
