/* E-Garage Stekker (garage b) · "De uitlezing" · N3 zijbalk / H3 reuzenzin / R7 meetregels
   Geologica (Monokrom, SIL OFL 1.1) + Martian Mono (Evil Martians, SIL OFL 1.1) */
@font-face { font-family: "SK Geologica"; font-weight: 100 900; font-display: swap; src: url("../../fonts/Geologica-Variable.woff2") format("woff2"); }
@font-face { font-family: "SK Martian"; font-weight: 100 800; font-stretch: 75% 112.5%; font-display: swap; src: url("../../fonts/MartianMono-Variable.woff2") format("woff2"); }

body.s-garage-b {
  --vloer: #eceff0; --paneel: #f7f8f8; --grafiet: #14181b; --grafiet2: #1c2226; --staal: #4f595f; --lijn: #c9d0d3;
  --alu: #a7b1b6; --hv: #ff6b1a; --hv-tekst: #b03f06; --hv-donker: #d4500a; --led: #5be3a4;
  --zij: 296px; --demo: 34px; --pad: clamp(20px, 4.6vw, 72px);
  --sans: "SK Geologica", "Instrument Sans", system-ui, sans-serif; --mono: "SK Martian", "DM Mono", ui-monospace, monospace;
  background: var(--vloer); color: var(--grafiet); font: 400 17px/1.6 var(--sans);
  display: grid; grid-template-columns: var(--zij) minmax(0, 1fr); align-items: start;
}
body.s-garage-b > .demo-bar { grid-column: 1 / -1; grid-row: 1; }
body.s-garage-b > .sk-zij { grid-column: 1; grid-row: 2 / span 2; }
body.s-garage-b > main { grid-column: 2; grid-row: 2; min-width: 0; }
body.s-garage-b > .sk-voet { grid-column: 2; grid-row: 3; min-width: 0; }
body.s-garage-b a { color: inherit; }
body.s-garage-b h1, body.s-garage-b h2, body.s-garage-b h3 { font-family: var(--sans); margin: 0; letter-spacing: -.02em; }
body.s-garage-b p { margin: 0; }
body.s-garage-b ul, body.s-garage-b ol { list-style: none; margin: 0; padding: 0; }
body.s-garage-b figure { margin: 0; }
body.s-garage-b em { font-style: normal; }
body.s-garage-b .sk-img, body.s-garage-b .sk-hero-img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.s-garage-b .ph { min-height: 0; }

/* ── Zijbalk ───────────────────────────────────────────────────── */
body.s-garage-b .sk-zij { position: sticky; top: var(--demo); height: calc(100vh - var(--demo)); background: var(--grafiet); color: #e9edee;
  display: flex; flex-direction: column; padding: 30px 34px 22px 28px; z-index: 20; }
body.s-garage-b .sk-kabel { position: absolute; top: 0; bottom: 0; right: -6px; width: 12px; border-radius: 6px; pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.28), rgba(0,0,0,0) 35%, rgba(255,255,255,.32) 52%, rgba(0,0,0,0) 68%, rgba(0,0,0,.3)),
              repeating-linear-gradient(180deg, #ff7a2e 0 4px, #c94a07 4px 6px);
  box-shadow: 2px 0 6px rgba(20,24,27,.25); }
body.s-garage-b .sk-zij-top { display: flex; align-items: center; justify-content: space-between; }
body.s-garage-b .sk-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
body.s-garage-b .sk-merk { width: 44px; height: 44px; flex: none; }
body.s-garage-b .sk-merk-rand { fill: none; stroke: var(--hv); stroke-width: 2.2; }
body.s-garage-b .sk-merk circle { fill: currentColor; }
body.s-garage-b .sk-woord { font: 600 27px/1 var(--sans); letter-spacing: -.035em; display: flex; flex-direction: column; gap: 6px; }
body.s-garage-b .sk-woord small { font: 400 10.5px/1 var(--mono); letter-spacing: .02em; color: var(--alu); }
body.s-garage-b .sk-menuknop { display: none; }
body.s-garage-b .sk-nav-t { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; }
body.s-garage-b .sk-paneel { display: flex; flex-direction: column; flex: 1; min-height: 0; margin-top: 44px; }
body.s-garage-b .sk-nav { display: flex; flex-direction: column; border-top: 1px solid rgba(255,255,255,.14); }
body.s-garage-b .sk-nav a, body.s-garage-b .sk-site { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; text-decoration: none;
  padding: 13px 0 12px; border-bottom: 1px solid rgba(255,255,255,.14); position: relative; }
body.s-garage-b .sk-nav a span { font: 350 21px/1.15 var(--sans); letter-spacing: -.015em; transition: transform .25s; }
body.s-garage-b .sk-nav a small, body.s-garage-b .sk-site small { font: 400 10.5px/1 var(--mono); color: var(--alu); white-space: nowrap; }
body.s-garage-b .sk-nav a::before { content: ""; position: absolute; left: -28px; top: 50%; width: 0; height: 6px; margin-top: -3px; border-radius: 0 3px 3px 0;
  background: repeating-linear-gradient(90deg, #ff7a2e 0 3px, #c94a07 3px 4px); transition: width .25s; }
body.s-garage-b .sk-nav a:hover span { transform: translateX(4px); }
body.s-garage-b .sk-nav a:hover small { color: var(--hv); }
body.s-garage-b .sk-nav a.is-hier::before { width: 18px; }
body.s-garage-b .sk-nav a.is-hier span { font-weight: 600; transform: translateX(4px); }
body.s-garage-b .sk-nav a.is-hier small { color: var(--hv); }
body.s-garage-b .sk-site { margin-top: 18px; border: 1px solid rgba(255,255,255,.3); padding: 11px 12px; border-radius: 3px; }
body.s-garage-b .sk-site span { font: 500 14.5px/1.2 var(--sans); }
body.s-garage-b .sk-site:hover, body.s-garage-b .sk-site.is-hier { border-color: var(--hv); }
body.s-garage-b .sk-site.is-hier small, body.s-garage-b .sk-site:hover small { color: var(--hv); }
body.s-garage-b .sk-knop-zij { margin-top: 14px; justify-content: center; margin-right: 6px; }
body.s-garage-b .sk-status { margin: auto 0 0; padding-top: 22px; display: grid; gap: 7px; font: 400 11px/1.35 var(--mono); }
body.s-garage-b .sk-status div { display: grid; grid-template-columns: 74px 1fr; gap: 8px; }
body.s-garage-b .sk-status dt { color: var(--alu); }
body.s-garage-b .sk-status dd { margin: 0; color: #fff; }
body.s-garage-b .sk-status a { text-decoration: none; }
body.s-garage-b .sk-led { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--led); margin-right: 7px; vertical-align: 1px;
  box-shadow: 0 0 0 3px rgba(91,227,164,.18); animation: sk-led 2.4s ease-in-out infinite; }
@keyframes sk-led { 50% { box-shadow: 0 0 0 5px rgba(91,227,164,.05); } }

/* ── Knoppen: een accucel die vol laadt ──────────────────────────── */
body.s-garage-b .sk-knop { display: inline-flex; align-items: center; position: relative; margin-right: 6px; padding: 15px 22px 15px 20px; border: 0; cursor: pointer;
  font: 600 16px/1.1 var(--sans); letter-spacing: -.005em; color: var(--grafiet); text-decoration: none; border-radius: 3px;
  background: linear-gradient(var(--grafiet), var(--grafiet)) no-repeat left / 0% 100%, var(--hv); transition: background-size .55s cubic-bezier(.3,.7,.2,1), color .3s; }
body.s-garage-b .sk-knop::after { content: ""; position: absolute; right: -6px; top: 50%; width: 6px; height: 14px; margin-top: -7px; border-radius: 0 2px 2px 0;
  background: var(--hv); transition: background .3s .35s; }
body.s-garage-b .sk-knop:hover { background-size: 100% 100%; color: #fff; }
body.s-garage-b .sk-knop:hover::after { background: var(--grafiet); }
body.s-garage-b .sk-knop-zij { background-image: linear-gradient(#fff, #fff); }
body.s-garage-b .sk-knop-zij:hover { color: var(--grafiet); }
body.s-garage-b .sk-knop-zij:hover::after { background: #fff; }
body.s-garage-b .sk-knop:focus-visible, body.s-garage-b a:focus-visible, body.s-garage-b summary:focus-visible { outline: 2px solid var(--hv); outline-offset: 3px; }
body.s-garage-b .sk-acties { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; }
body.s-garage-b .sk-sprong, body.s-garage-b .sk-pijl-link, body.s-garage-b .sk-tel { font: 500 15px/1.3 var(--sans); text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
body.s-garage-b .sk-pijl-link { display: inline-flex; gap: 8px; margin-top: 26px; }
body.s-garage-b .sk-pijl-link span { transition: transform .25s; }
body.s-garage-b .sk-pijl-link:hover span { transform: translateX(4px); }
body.s-garage-b .sk-sprong:hover, body.s-garage-b .sk-pijl-link:hover { color: var(--hv-tekst); }

/* ── Cellenbalk ───────────────────────────────────────────────── */
body.s-garage-b .sk-cel-rij { display: flex; align-items: flex-end; gap: 2px; height: 86px; }
body.s-garage-b .sk-cel-rij i { flex: 1; height: var(--h); background: linear-gradient(var(--grafiet) 0 3px, #3a4349 3px); border-radius: 1px 1px 0 0;
 }
body.s-garage-b .sk-cel-rij i.laag { background: linear-gradient(var(--hv-donker) 0 3px, var(--hv) 3px); }
body.s-garage-b .sk-cel-lab { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--grafiet);
  font: 400 11px/1.3 var(--mono); color: var(--staal); }
body.s-garage-b .sk-cel-lab span:nth-child(2) { text-align: center; }
body.s-garage-b .sk-cellen-smal .sk-cel-rij { height: 30px; gap: 3px; }
body.s-garage-b .sk-cellen-smal { margin-top: 44px; max-width: 560px; }

/* ── Opening: de reuzenvraag ──────────────────────────────────── */
body.s-garage-b .sk-open { padding: 54px var(--pad) 36px; }
body.s-garage-b .sk-regel { display: flex; flex-wrap: wrap; gap: 6px 22px; font: 400 11.5px/1.4 var(--mono); color: var(--staal); }
body.s-garage-b .sk-regel span + span::before { content: "·"; margin-right: 22px; color: var(--hv-tekst); }
body.s-garage-b .sk-reus { font: 220 clamp(54px, 10.6vw, 178px)/.88 var(--sans); letter-spacing: -.055em; margin: 40px 0 0 -.04em; }
body.s-garage-b .sk-reus em { font-weight: 640; font-variation-settings: "SHRP" 100; color: var(--hv-donker); letter-spacing: -.05em; }
body.s-garage-b .sk-open-onder { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px 60px; align-items: end; margin: 44px 0 52px; }
body.s-garage-b .sk-lead { font: 350 20px/1.5 var(--sans); max-width: 40ch; color: #2a3135; }
body.s-garage-b .sk-hero { position: relative; }
body.s-garage-b .sk-hero .sk-hero-img { aspect-ratio: 21 / 9; height: auto; }
body.s-garage-b .sk-hero figcaption { display: flex; flex-wrap: wrap; background: var(--grafiet); color: #dfe4e6; font: 400 11.5px/1.3 var(--mono); padding: 0 var(--pad); }
body.s-garage-b .sk-hero figcaption span { padding: 12px 18px 12px 0; margin-right: 18px; border-right: 1px solid rgba(255,255,255,.18); }
body.s-garage-b .sk-hero figcaption span:first-child { color: var(--hv); }
body.s-garage-b .sk-hero figcaption span:last-child { border: 0; margin-left: auto; margin-right: 0; padding-right: 0; }

/* ── Secties en koppen ────────────────────────────────────────── */
body.s-garage-b .sk-sec { padding: 92px var(--pad) 0; }
body.s-garage-b main > .sk-sec:last-child, body.s-garage-b main > .sk-sec:last-of-type { padding-bottom: 96px; }
body.s-garage-b .sk-skop { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 30px; border-top: 2px solid var(--grafiet); padding-top: 16px; margin-bottom: 34px; }
body.s-garage-b .sk-skop h2 { font: 280 clamp(30px, 3.7vw, 54px)/1.04 var(--sans); letter-spacing: -.035em; max-width: 24ch; }
body.s-garage-b .sk-skop-meta { font: 400 11.5px/1.3 var(--mono); color: var(--staal); }
body.s-garage-b .sk-intro { max-width: 62ch; font-size: 18px; margin: -8px 0 30px; color: #2a3135; }
body.s-garage-b .sk-noot { font: 400 12px/1.5 var(--mono); color: var(--staal); margin-top: 22px; max-width: 80ch; }

/* ── Rapport ──────────────────────────────────────────────────── */
body.s-garage-b .sk-rapport-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px 70px; }
body.s-garage-b .sk-soh-getal { font: 160 clamp(110px, 13vw, 200px)/.8 var(--sans); letter-spacing: -.07em; }
body.s-garage-b .sk-soh-getal span { font: 400 .26em/1 var(--mono); letter-spacing: 0; vertical-align: top; margin-left: 10px; color: var(--hv-tekst); }
body.s-garage-b .sk-soh-lab { font: 400 12px/1 var(--mono); color: var(--staal); margin: 20px 0 34px; }
body.s-garage-b .sk-kwh { position: relative; height: 34px; border: 1.5px solid var(--grafiet); border-radius: 3px; padding: 3px; margin-right: 7px;
  background: repeating-linear-gradient(-45deg, rgba(255,107,26,.55) 0 2px, transparent 2px 7px) content-box; }
body.s-garage-b .sk-kwh::after { content: ""; position: absolute; right: -8px; top: 9px; width: 6px; height: 13px; background: var(--grafiet); border-radius: 0 2px 2px 0; }
body.s-garage-b .sk-kwh i { display: block; height: 100%; width: var(--v); background: repeating-linear-gradient(90deg, var(--grafiet) 0 9px, transparent 9px 11px); }
body.s-garage-b .sk-kwh-lab { display: flex; justify-content: space-between; font: 400 11px/1.3 var(--mono); color: var(--staal); margin-top: 8px; }
body.s-garage-b .sk-kwh-lab span:nth-child(2) { margin-left: auto; margin-right: 18%; color: var(--grafiet); }
body.s-garage-b .sk-soh-tekst { margin-top: 30px; max-width: 46ch; color: #2a3135; }
body.s-garage-b .sk-r-lijst li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 20px; padding: 17px 0 16px; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-r-lijst li:first-child { border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-r-naam { font: 500 18px/1.3 var(--sans); }
body.s-garage-b .sk-r-waarde { font: 500 17px/1.3 var(--mono); text-align: right; white-space: nowrap; }
body.s-garage-b .sk-r-lijst li:first-child .sk-r-waarde { color: var(--hv-tekst); }
body.s-garage-b .sk-r-uitleg { grid-column: 1 / -1; color: var(--staal); font-size: 15.5px; max-width: 60ch; }

/* ── Diensten als meetregels ──────────────────────────────────── */
body.s-garage-b .sk-d-lijst li { border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-d-lijst li:first-child { border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-d-lijst a { display: grid; grid-template-columns: minmax(0, 3.2fr) minmax(0, 3.4fr) minmax(0, 2.6fr) minmax(130px, auto) 28px; gap: 10px 26px;
  align-items: baseline; padding: 26px 0 24px; text-decoration: none; position: relative; transition: padding .3s; }
body.s-garage-b .sk-d-lijst a::before { content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 0; background: var(--hv); transition: width .45s; }
body.s-garage-b .sk-d-lijst a:hover::before { width: 100%; }
body.s-garage-b .sk-d-lijst a:hover { padding-left: 10px; }
body.s-garage-b .sk-d-titel { font: 330 clamp(26px, 2.6vw, 36px)/1.05 var(--sans); letter-spacing: -.03em; }
body.s-garage-b .sk-d-kort { color: #2a3135; }
body.s-garage-b .sk-d-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: baseline; font: 400 12px/1.3 var(--mono); color: var(--staal); }
body.s-garage-b .sk-d-prijs { font: 500 15px/1.3 var(--mono); text-align: right; white-space: nowrap; }
body.s-garage-b .sk-d-pijl { font-size: 20px; text-align: right; transition: transform .3s; }
body.s-garage-b .sk-d-lijst a:hover .sk-d-pijl { transform: translateX(4px); color: var(--hv-tekst); }
body.s-garage-b .sk-tag { display: inline-block; font: 500 10.5px/1 var(--mono); padding: 5px 7px 4px; border: 1px solid currentColor; border-radius: 2px; color: var(--staal); white-space: nowrap; }
body.s-garage-b .sk-tag-hv { background: var(--hv); border-color: var(--hv); color: var(--grafiet); }

/* ── SoH-schaal ──────────────────────────────────────────────── */
body.s-garage-b .sk-s-lijst li { display: grid; grid-template-columns: 150px minmax(80px, 2.4fr) minmax(0, 2fr) minmax(0, 4fr); gap: 8px 28px; align-items: center;
  padding: 18px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-s-lijst li:first-child { border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-s-band { font: 500 15px/1.2 var(--mono); }
body.s-garage-b .sk-s-balk { height: 10px; background: repeating-linear-gradient(90deg, var(--lijn) 0 1px, transparent 1px 10%); border-bottom: 1px solid var(--grafiet); }
body.s-garage-b .sk-s-balk i { display: block; height: 100%; width: var(--w); background: var(--grafiet); }
body.s-garage-b .sk-s-lijst li:nth-child(4) .sk-s-balk i { background: #7d878c; }
body.s-garage-b .sk-s-lijst li:nth-child(5) .sk-s-balk i { background: var(--hv); }
body.s-garage-b .sk-s-lijst b { font: 600 17px/1.25 var(--sans); }
body.s-garage-b .sk-s-tekst { color: var(--staal); font-size: 15.5px; }

/* ── De stille werkplaats ─────────────────────────────────────── */
body.s-garage-b .sk-stil { margin-top: 110px; background: var(--grafiet); color: #e9edee; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
body.s-garage-b .sk-stil-tekst { padding: 80px var(--pad) 84px; }
body.s-garage-b .sk-db { font: 170 clamp(110px, 14vw, 220px)/.78 var(--sans); letter-spacing: -.07em; color: #fff; }
body.s-garage-b .sk-db span { font: 400 .16em/1 var(--mono); letter-spacing: 0; color: var(--hv); margin-left: 14px; vertical-align: top; }
body.s-garage-b .sk-stil h2 { font: 300 clamp(28px, 3vw, 42px)/1.1 var(--sans); letter-spacing: -.03em; margin: 44px 0 18px; max-width: 16ch; color: #fff; }
body.s-garage-b .sk-stil p { color: #c3cbce; max-width: 54ch; }
body.s-garage-b .sk-stil-feiten { margin-top: 34px; border-top: 1px solid rgba(255,255,255,.16); }
body.s-garage-b .sk-stil-feiten li { display: grid; grid-template-columns: 110px 1fr; gap: 18px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.16); font-size: 15.5px; color: #c3cbce; }
body.s-garage-b .sk-stil-feiten b { font: 500 14px/1.6 var(--mono); color: var(--hv); }
body.s-garage-b .sk-stil .sk-pijl-link { color: #fff; }
body.s-garage-b .sk-stil .sk-pijl-link:hover { color: var(--hv); }
body.s-garage-b .sk-stil-foto { min-height: 420px; }
body.s-garage-b .sk-stil-foto .ph, body.s-garage-b .sk-slot-foto .ph { height: 100%; }

/* ── Prijzen en team (home) ───────────────────────────────────── */
body.s-garage-b .sk-twee { display: grid; grid-template-columns: 1fr 1fr; gap: 0 64px; }
body.s-garage-b .sk-p-kort li { display: flex; align-items: baseline; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-p-kort li i { flex: 1; border-bottom: 1px dotted var(--alu); transform: translateY(-4px); }
body.s-garage-b .sk-p-kort b { font: 500 15px/1.3 var(--mono); white-space: nowrap; }
body.s-garage-b .sk-team-foto { aspect-ratio: 3 / 2; }
body.s-garage-b .sk-team-kort li { display: grid; grid-template-columns: 90px 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--lijn); font-size: 15.5px; }
body.s-garage-b .sk-team-kort b { font-weight: 600; }

/* ── Slotband ─────────────────────────────────────────────────── */
body.s-garage-b .sk-slot { margin-top: 110px; background: #fff; color: var(--grafiet); border-top: 1px solid var(--lijn); display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
body.s-garage-b .sk-slot-tekst { padding: 76px var(--pad); }
body.s-garage-b .sk-slot h2 { font: 260 clamp(36px, 4.6vw, 72px)/1 var(--sans); letter-spacing: -.045em; max-width: 14ch; }
body.s-garage-b .sk-slot p { color: #2a3135; max-width: 50ch; margin: 22px 0 32px; }
body.s-garage-b .sk-slot .sk-tel:hover { color: var(--hv-tekst); }
body.s-garage-b .sk-slot-foto { min-height: 360px; }
body.s-garage-b .sk-slot-smal { grid-template-columns: 1fr; }
body.s-garage-b .sk-slot-smal .sk-slot-tekst { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 60px; align-items: end; }
body.s-garage-b .sk-slot-smal .sk-slot-tekst p { margin-top: 0; }
body.s-garage-b .sk-slot-smal .sk-acties { grid-column: 2; }

/* ── Paginakop subpagina's ───────────────────────────────────── */
body.s-garage-b .sk-pkop { padding: 52px var(--pad) 0; }
body.s-garage-b .sk-pad { display: flex; gap: 10px; font: 400 11.5px/1.4 var(--mono); color: var(--staal); }
body.s-garage-b .sk-pad a { text-decoration: none; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-pad span { color: var(--hv-tekst); }
body.s-garage-b .sk-pkop h1 { font: 230 clamp(46px, 7vw, 116px)/.92 var(--sans); letter-spacing: -.05em; margin-top: 34px; max-width: 13ch; }
body.s-garage-b .sk-pkop h1 em { font-weight: 640; font-variation-settings: "SHRP" 100; color: var(--hv-donker); }
body.s-garage-b .sk-pkop-onder { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 60px; align-items: end; margin-top: 36px; }
body.s-garage-b .sk-kop-noot { font: 400 11.5px/1.5 var(--mono); color: var(--staal); text-align: right; max-width: 34ch; }
body.s-garage-b .sk-opdeze { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: baseline; margin: 40px var(--pad) 0; padding: 14px 0; border-top: 1px solid var(--lijn); border-bottom: 1px solid var(--lijn);
  font: 400 12px/1.4 var(--mono); }
body.s-garage-b .sk-opdeze span { color: var(--staal); margin-right: 6px; }
body.s-garage-b .sk-opdeze a { text-decoration: none; }
body.s-garage-b .sk-opdeze a::before { content: "↓ "; color: var(--hv-tekst); }
body.s-garage-b .sk-opdeze a:hover { text-decoration: underline; }

/* ── Dienstenpagina ──────────────────────────────────────────── */
body.s-garage-b .sk-diensten { padding-top: 60px; }
body.s-garage-b .sk-dienst { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 24px 70px; padding: 40px 0 46px; border-top: 2px solid var(--grafiet); scroll-margin-top: 50px; }
body.s-garage-b .sk-dienst + .sk-dienst { border-top-width: 1px; }
body.s-garage-b .sk-dienst-kop h2 { font: 280 clamp(34px, 3.6vw, 52px)/1 var(--sans); letter-spacing: -.04em; }
body.s-garage-b .sk-dienst-kop p { color: var(--staal); margin-top: 14px; font-size: 16px; }
body.s-garage-b .sk-dienst-lijf > p { font-size: 18px; max-width: 62ch; color: #2a3135; }
body.s-garage-b .sk-spec { margin: 28px 0 0; border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-spec div { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-spec dt { font: 400 11.5px/1.9 var(--mono); color: var(--staal); }
body.s-garage-b .sk-spec dd { margin: 0; font-weight: 500; }
body.s-garage-b .sk-spec ul li { position: relative; padding-left: 18px; font-weight: 400; }
body.s-garage-b .sk-spec ul li::before { content: ""; position: absolute; left: 0; top: .72em; width: 9px; height: 2px; background: var(--hv); }
body.s-garage-b .sk-regel-lijst li { display: grid; grid-template-columns: 52px minmax(0, 3fr) minmax(0, 7fr); gap: 6px 26px; align-items: baseline; padding: 20px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-regel-lijst li:first-child { border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-regel-lijst b { font: 500 21px/1.2 var(--sans); letter-spacing: -.015em; }
body.s-garage-b .sk-regel-lijst li > span:last-child { color: #2a3135; }
body.s-garage-b .sk-nr { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1.5px solid var(--grafiet); border-radius: 50%; font: 500 13px/1 var(--mono); }
body.s-garage-b .sk-regels .sk-regel-lijst li:first-child .sk-nr { background: var(--hv); border-color: var(--hv); }
body.s-garage-b .sk-i-lijst li { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); gap: 6px 26px; padding: 18px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-i-lijst li:first-child { border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-i-lijst b { font: 500 18px/1.3 var(--sans); }
body.s-garage-b .sk-i-lijst li:last-child b, body.s-garage-b .sk-i-lijst li:last-child span { color: var(--staal); text-decoration: line-through; text-decoration-color: var(--hv); text-decoration-thickness: 1.5px; }
body.s-garage-b .sk-i-lijst li:last-child span { text-decoration: none; }

/* ── Prijzenpagina ───────────────────────────────────────────── */
body.s-garage-b .sk-prijslijst { padding-top: 60px; }
body.s-garage-b .sk-pl-groep { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: 16px 60px; padding: 30px 0 40px; border-top: 2px solid var(--grafiet); scroll-margin-top: 50px; }
body.s-garage-b .sk-pl-groep h2 { font: 300 clamp(26px, 2.6vw, 36px)/1.05 var(--sans); letter-spacing: -.03em; }
body.s-garage-b .sk-pl li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 24px; padding: 15px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-pl li:first-child { padding-top: 4px; }
body.s-garage-b .sk-pl-naam { font: 500 18px/1.3 var(--sans); }
body.s-garage-b .sk-pl-noot { grid-row: 2; color: var(--staal); font-size: 15px; }
body.s-garage-b .sk-pl b { grid-row: 1 / span 2; align-self: center; font: 500 16px/1.2 var(--mono); white-space: nowrap; text-align: right; }
body.s-garage-b .sk-laden-in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 40px 60px; align-items: start; }
body.s-garage-b .sk-curve { width: 100%; height: auto; display: block; background: var(--paneel); border: 1px solid var(--lijn); }
body.s-garage-b .sk-c-raster line { stroke: var(--lijn); stroke-width: 1; }
body.s-garage-b .sk-curve text { font: 400 10.5px var(--mono); fill: var(--staal); }
body.s-garage-b .sk-c-vlak { fill: rgba(255,107,26,.16); }
body.s-garage-b .sk-c-lijn { fill: none; stroke: var(--hv-donker); stroke-width: 2.5; stroke-linejoin: round; }
body.s-garage-b .sk-c-na { fill: rgba(20,24,27,.05); }
body.s-garage-b .sk-c-80 { stroke: var(--grafiet); stroke-dasharray: 4 4; }
body.s-garage-b .sk-curve text.sk-c-noot { fill: var(--grafiet); font-size: 11.5px; }
body.s-garage-b .sk-curve-fig figcaption { font: 400 12px/1.5 var(--mono); color: var(--staal); margin-top: 12px; max-width: 70ch; }
body.s-garage-b .sk-reken h3 { font: 500 22px/1.2 var(--sans); margin-bottom: 14px; }
body.s-garage-b .sk-reken-lijst li { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-reken-lijst b { font: 500 15px/1.4 var(--mono); }
body.s-garage-b .sk-reken-lijst .sk-reken-tot { border-bottom: 3px double var(--grafiet); }
body.s-garage-b .sk-reken-lijst .sk-reken-tot b { color: var(--hv-tekst); font-size: 18px; }
body.s-garage-b .sk-reken p { margin-top: 18px; color: var(--staal); font-size: 15.5px; }

/* ── Over ons ────────────────────────────────────────────────── */
body.s-garage-b .sk-hero-over { margin-top: 52px; }
body.s-garage-b .sk-groot { font: 300 clamp(24px, 2.5vw, 34px)/1.3 var(--sans); letter-spacing: -.02em; max-width: 36ch; }
body.s-garage-b .sk-verhaal-kol { columns: 2; column-gap: 56px; margin-top: 40px; color: #2a3135; column-rule: 1px solid var(--lijn); }
body.s-garage-b .sk-verhaal-kol p { break-inside: avoid; margin-bottom: 16px; }
body.s-garage-b .sk-cijfers { margin-top: 44px; border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-cijfers li { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 7fr); gap: 20px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-cijfers b { font: 220 clamp(36px, 4vw, 56px)/1 var(--sans); letter-spacing: -.05em; }
body.s-garage-b .sk-cijfers span { font: 400 12px/1.4 var(--mono); color: var(--staal); }
body.s-garage-b .sk-t-lijst li { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) 70px minmax(0, 5fr); gap: 6px 26px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-t-lijst li:first-child { border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-t-naam { font: 330 28px/1.1 var(--sans); letter-spacing: -.03em; }
body.s-garage-b .sk-t-rol { font-weight: 500; }
body.s-garage-b .sk-t-nen { font: 500 12px/1 var(--mono); justify-self: start; padding: 6px 8px 5px; border: 1.5px solid var(--grafiet); border-radius: 2px; }
body.s-garage-b .sk-t-lijst li:first-child .sk-t-nen { background: var(--hv); border-color: var(--hv); }
body.s-garage-b .sk-t-tekst { color: var(--staal); font-size: 15.5px; }

/* ── Contact ─────────────────────────────────────────────────── */
body.s-garage-b .sk-contact { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 50px 70px; align-items: start; padding-top: 60px; }
body.s-garage-b .sk-form fieldset { border: 0; border-top: 2px solid var(--grafiet); margin: 0 0 34px; padding: 18px 0 0; min-width: 0; }
body.s-garage-b .sk-form legend { display: flex; align-items: center; gap: 14px; font: 400 23px/1.2 var(--sans); letter-spacing: -.02em; padding: 0; float: left; width: 100%; margin-bottom: 18px; }
body.s-garage-b .sk-form legend + * { clear: both; }
body.s-garage-b .sk-keuzes { border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-keuze { display: grid; grid-template-columns: 22px 1fr auto; gap: 14px; align-items: center; padding: 13px 10px; border-bottom: 1px solid var(--lijn); cursor: pointer; position: relative; }
body.s-garage-b .sk-keuze input { accent-color: var(--hv-donker); width: 17px; height: 17px; margin: 0; }
body.s-garage-b .sk-keuze span { font-weight: 500; }
body.s-garage-b .sk-keuze small { font: 400 12px/1 var(--mono); color: var(--staal); }
body.s-garage-b .sk-keuze:has(input:checked) { background: var(--paneel); box-shadow: inset 3px 0 0 var(--hv); }
body.s-garage-b .sk-velden { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 28px; }
body.s-garage-b .sk-velden label { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
body.s-garage-b .sk-velden label > span { font: 400 11.5px/1.4 var(--mono); color: var(--staal); }
body.s-garage-b .sk-velden .sk-breed { grid-column: 1 / -1; }
body.s-garage-b .sk-form input:not([type=radio]):not([type=checkbox]), body.s-garage-b .sk-form select, body.s-garage-b .sk-form textarea {
  font: 400 17px/1.4 var(--sans); color: var(--grafiet); background: transparent; border: 0; border-bottom: 1.5px solid var(--grafiet); border-radius: 0; padding: 9px 0 8px; width: 100%; min-width: 0; }
body.s-garage-b .sk-form textarea { resize: vertical; }
body.s-garage-b .sk-form input:focus, body.s-garage-b .sk-form select:focus, body.s-garage-b .sk-form textarea:focus { outline: 0; border-bottom-color: var(--hv-donker); box-shadow: 0 1.5px 0 var(--hv-donker); }
body.s-garage-b .sk-vink { display: flex; gap: 12px; align-items: center; margin-top: 18px; cursor: pointer; }
body.s-garage-b .sk-vink input { accent-color: var(--hv-donker); width: 17px; height: 17px; margin: 0; flex: none; }
body.s-garage-b .sk-form-voet { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; }
body.s-garage-b .sk-form-voet .sk-noot { margin: 0; }
body.s-garage-b .sk-info { position: sticky; top: 60px; }
body.s-garage-b .sk-info h2, body.s-garage-b .sk-info h3 { font: 400 23px/1.2 var(--sans); letter-spacing: -.02em; border-top: 2px solid var(--grafiet); padding-top: 18px; margin-bottom: 8px; }
body.s-garage-b .sk-info h3 { margin-top: 30px; }
body.s-garage-b .sk-info-lijst li { display: grid; grid-template-columns: 96px 1fr; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--lijn); font-size: 15.5px; }
body.s-garage-b .sk-info-lijst span { font: 400 11.5px/1.9 var(--mono); color: var(--staal); }
body.s-garage-b .sk-info-lijst b { font-weight: 500; }
body.s-garage-b .sk-info-foto { aspect-ratio: 4 / 3; margin-top: 30px; }
body.s-garage-b .sk-faq details { border-bottom: 1px solid var(--lijn); }
body.s-garage-b .sk-faq details:first-child { border-top: 1px solid var(--lijn); }
body.s-garage-b .sk-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 20px; align-items: baseline; padding: 20px 0; font: 400 21px/1.3 var(--sans); letter-spacing: -.015em; }
body.s-garage-b .sk-faq summary::-webkit-details-marker { display: none; }
body.s-garage-b .sk-faq summary::after { content: "+"; font: 300 26px/1 var(--mono); color: var(--hv-tekst); transition: transform .25s; flex: none; }
body.s-garage-b .sk-faq details[open] summary::after { transform: rotate(45deg); }
body.s-garage-b .sk-faq details p { padding: 0 0 22px; max-width: 64ch; color: #2a3135; }

/* ── Voet ────────────────────────────────────────────────────── */
body.s-garage-b .sk-voet { background: var(--grafiet); color: #e9edee; margin-top: 0; position: relative; }
body.s-garage-b main + .sk-voet { margin-top: 0; }
body.s-garage-b .sk-voet-kabel { position: relative; height: 64px; overflow: hidden; }
body.s-garage-b .sk-voet-kabel i { position: absolute; left: -6px; top: 26px; height: 12px; width: min(68%, 760px); border-radius: 0 6px 6px 0;
  background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,0) 35%, rgba(255,255,255,.32) 52%, rgba(0,0,0,0) 68%, rgba(0,0,0,.3)),
              repeating-linear-gradient(90deg, #ff7a2e 0 4px, #c94a07 4px 6px); }
body.s-garage-b .sk-plug { position: absolute; top: 2px; left: calc(min(68%, 760px) - 10px); width: 120px; height: 60px; }
body.s-garage-b .sk-plug .p1 { fill: #2c3439; }
body.s-garage-b .sk-plug .p2 { fill: #3d474d; }
body.s-garage-b .sk-plug .p3 { fill: var(--hv); }
body.s-garage-b .sk-plug .p4 { stroke: #56626a; stroke-width: 2; }
body.s-garage-b .sk-voet-in { padding: 46px var(--pad) 30px; }
body.s-garage-b .sk-voet-zin { font: 260 clamp(32px, 4.4vw, 64px)/1 var(--sans); letter-spacing: -.045em; max-width: 18ch; color: #fff; }
body.s-garage-b .sk-voet-zin span { display: block; font: 400 16px/1.5 var(--sans); letter-spacing: 0; color: var(--alu); margin-top: 18px; max-width: 46ch; }
body.s-garage-b .sk-voet-rijen { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px 50px; margin-top: 60px; border-top: 1px solid rgba(255,255,255,.16); padding-top: 26px; }
body.s-garage-b .sk-vr h2 { font: 400 11.5px/1.4 var(--mono); color: var(--alu); letter-spacing: 0; margin-bottom: 14px; }
body.s-garage-b .sk-vr p { color: #dfe4e6; margin-bottom: 12px; font-size: 15.5px; }
body.s-garage-b .sk-vr a { text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.25); }
body.s-garage-b .sk-vr a:hover { color: var(--hv); border-color: var(--hv); }
body.s-garage-b .sk-vlinks li { padding: 3px 0; font-size: 15.5px; }
body.s-garage-b .sk-vtijden li { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 15px; }
body.s-garage-b .sk-vtijden li span:last-child { font: 400 12.5px/1.6 var(--mono); white-space: nowrap; }
body.s-garage-b .sk-voet-onder { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 44px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16);
  font: 400 11.5px/1.4 var(--mono); color: var(--alu); }
body.s-garage-b .sk-voet-onder span:last-child { margin-left: auto; }
body.s-garage-b .sk-voet-onder a { color: #fff; }
body.s-garage-b .sk-merk-klein { width: 28px; height: 28px; color: #e9edee; }

/* ── "Over deze website" binnen het kader ─────────────────────── */
body.s-garage-b .ods-wrap { min-width: 0; }

/* ── Tablet en mobiel ────────────────────────────────────────── */
@media (max-width: 1180px) {
  body.s-garage-b { --zij: 256px; }
  body.s-garage-b .sk-zij { padding: 26px 28px 20px 22px; }
  body.s-garage-b .sk-nav a::before { left: -22px; }
  body.s-garage-b .sk-d-lijst a { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
  body.s-garage-b .sk-d-kort { grid-column: 2; }
  body.s-garage-b .sk-d-meta { grid-column: 1 / 3; grid-row: 2; }
  body.s-garage-b .sk-d-prijs { grid-column: 3; grid-row: 1; }
  body.s-garage-b .sk-d-pijl { display: none; }
  body.s-garage-b .sk-s-lijst li { grid-template-columns: 130px minmax(0, 1fr) minmax(0, 1.4fr); }
  body.s-garage-b .sk-s-tekst { grid-column: 2 / -1; }
}
@media (max-width: 1000px) {
  body.s-garage-b { display: block; }
  body.s-garage-b .sk-zij { position: relative; top: 0; height: auto; padding: 14px 20px 16px; }
  body.s-garage-b .sk-kabel { top: auto; bottom: -6px; left: 0; right: 0; width: auto; height: 12px;
    background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,0) 35%, rgba(255,255,255,.32) 52%, rgba(0,0,0,0) 68%, rgba(0,0,0,.3)),
                repeating-linear-gradient(90deg, #ff7a2e 0 4px, #c94a07 4px 6px); border-radius: 0; }
  body.s-garage-b .sk-merk { width: 36px; height: 36px; }
  body.s-garage-b .sk-woord { font-size: 23px; }
  body.s-garage-b .sk-menuknop { display: inline-flex; align-items: center; gap: 10px; font: 500 15px/1 var(--sans); color: #fff; cursor: pointer;
    border: 1px solid rgba(255,255,255,.35); border-radius: 3px; padding: 11px 14px; }
  body.s-garage-b .sk-mk-streep { width: 16px; height: 2px; background: currentColor; position: relative; box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor; }
  body.s-garage-b .sk-paneel { display: none; margin-top: 18px; }
  body.s-garage-b .sk-nav-t:checked + .sk-paneel { display: flex; }
  body.s-garage-b .sk-zij:has(.sk-nav-t:focus-visible) .sk-menuknop { outline: 2px solid var(--hv); }
  body.s-garage-b .sk-zij:has(.sk-nav-t:checked) .sk-menuknop { border-color: var(--hv); color: var(--hv); }
  body.s-garage-b .sk-nav a::before { left: -20px; }
  body.s-garage-b .sk-status { margin-top: 18px; }
  body.s-garage-b .sk-open { padding-top: 40px; }
  body.s-garage-b .sk-open-onder, body.s-garage-b .sk-pkop-onder { grid-template-columns: 1fr; }
  body.s-garage-b .sk-kop-noot { text-align: left; }
  body.s-garage-b .sk-rapport-in, body.s-garage-b .sk-laden-in, body.s-garage-b .sk-contact { grid-template-columns: 1fr; }
  body.s-garage-b .sk-info { position: static; }
  body.s-garage-b .sk-stil, body.s-garage-b .sk-slot { grid-template-columns: 1fr; }
  body.s-garage-b .sk-stil-foto, body.s-garage-b .sk-slot-foto { min-height: 0; aspect-ratio: 4 / 3; }
  body.s-garage-b .sk-twee { grid-template-columns: 1fr; gap: 80px; }
  body.s-garage-b .sk-dienst, body.s-garage-b .sk-pl-groep { grid-template-columns: 1fr; }
  body.s-garage-b .sk-slot-smal .sk-slot-tekst { grid-template-columns: 1fr; }
  body.s-garage-b .sk-slot-smal .sk-acties { grid-column: 1; }
  body.s-garage-b .sk-slot-smal .sk-slot-tekst p { margin-top: 20px; }
  body.s-garage-b .sk-t-lijst li { grid-template-columns: minmax(0, 1fr) auto; }
  body.s-garage-b .sk-t-rol, body.s-garage-b .sk-t-tekst { grid-column: 1 / -1; }
  body.s-garage-b .sk-t-nen { grid-column: 2; grid-row: 1; }
  body.s-garage-b .sk-voet-rijen { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  body.s-garage-b .sk-regel span + span { display: none; }
  body.s-garage-b { font-size: 16.5px; }
  body.s-garage-b .sk-sec { padding-top: 70px; }
  body.s-garage-b .sk-reus { font-size: clamp(50px, 15.4vw, 80px); margin-top: 28px; }
  body.s-garage-b .sk-lead { font-size: 18px; }
  body.s-garage-b .sk-open-onder { margin: 30px 0 40px; }
  body.s-garage-b .sk-cel-rij { height: 60px; gap: 1px; }
  body.s-garage-b .sk-cellen-groot .sk-cel-rij i:nth-child(odd) { display: none; }
  body.s-garage-b .sk-cel-lab { font-size: 10px; }
  body.s-garage-b .sk-cel-lab span:first-child, body.s-garage-b .sk-cel-lab span:last-child { display: none; }
  body.s-garage-b .sk-cel-lab span:nth-child(2) { text-align: left; }
  body.s-garage-b .sk-hero .sk-hero-img { aspect-ratio: 4 / 3; }
  body.s-garage-b .sk-hero figcaption span:nth-child(3) { display: none; }
  body.s-garage-b .sk-d-lijst a { grid-template-columns: minmax(0, 1fr) auto; padding: 22px 0; }
  body.s-garage-b .sk-d-kort, body.s-garage-b .sk-d-meta { grid-column: 1 / -1; }
  body.s-garage-b .sk-d-meta { grid-row: auto; }
  body.s-garage-b .sk-d-prijs { grid-column: 2; grid-row: 1; }
  body.s-garage-b .sk-s-lijst li { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body.s-garage-b .sk-s-balk { grid-column: 1 / -1; grid-row: 2; }
  body.s-garage-b .sk-s-tekst { grid-column: 1 / -1; }
  body.s-garage-b .sk-stil-tekst, body.s-garage-b .sk-slot-tekst { padding-top: 60px; padding-bottom: 60px; }
  body.s-garage-b .sk-stil-feiten li { grid-template-columns: 90px 1fr; }
  body.s-garage-b .sk-regel-lijst li { grid-template-columns: 44px minmax(0, 1fr); }
  body.s-garage-b .sk-regel-lijst li > span:last-child { grid-column: 2; }
  body.s-garage-b .sk-i-lijst li, body.s-garage-b .sk-cijfers li { grid-template-columns: 1fr; }
  body.s-garage-b .sk-verhaal-kol { columns: 1; }
  body.s-garage-b .sk-velden { grid-template-columns: 1fr; }
  body.s-garage-b .sk-voet-rijen { grid-template-columns: 1fr; }
  body.s-garage-b .sk-voet-onder span:last-child { margin-left: 0; }
  body.s-garage-b .sk-skop h2 { max-width: none; }
  body.s-garage-b .sk-spec div { grid-template-columns: 90px 1fr; }
  body.s-garage-b .sk-pkop h1 { font-size: clamp(42px, 12.5vw, 64px); }
}
@media (prefers-reduced-motion: reduce) {
  body.s-garage-b *, body.s-garage-b *::before, body.s-garage-b *::after { animation: none !important; transition: none !important; }
}