/* All dimensions and colours derive from the common Wheels tokens. */
:root{--pro-photo-ratio:4/3;--pro-slide-width:70%;--pro-timeline-width:2px}
.kit-switch{display:flex;gap:var(--w-small-gap);margin-block:var(--w-gap)}
.kit-switch a{padding:var(--w-control-padding);border:var(--w-border);border-radius:var(--w-radius);text-decoration:none;min-height:var(--w-touch)}
.kit-switch [aria-current]{color:var(--w-bg);background:var(--w-accent)}
.kit-price-photo{width:100%;height:auto;aspect-ratio:var(--pro-photo-ratio);object-fit:cover;border-radius:var(--w-radius);display:block;margin-bottom:var(--w-gap)}
.kit-gallery{padding:var(--w-section) var(--w-gutter)}
.kit-gallery .gallery-heading{padding:0 0 var(--w-gap)}
html[data-font] .kit-gallery h2,html[data-font] .kit-gallery h2 span{font:var(--w-bold) var(--w-h2)/var(--w-heading-leading) var(--font-heading,var(--w-font));letter-spacing:var(--w-heading-tracking);font-style:normal}
.kit-gallery h2 span{color:var(--w-accent)}
.kit-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--w-gap);padding-bottom:var(--w-small-gap)}
.kit-slides figure{flex:0 0 var(--pro-slide-width);min-width:0;scroll-snap-align:start;margin:0}
.kit-slides img,.kit-slides .image-placeholder{display:block;width:100%;aspect-ratio:var(--pro-photo-ratio);object-fit:cover;border-radius:var(--w-radius);background:var(--w-panel)}
.kit-slides figcaption{padding-block:var(--w-small-gap);font-size:var(--w-small);color:var(--w-muted)}
.kit-gallery-controls{display:flex;justify-content:flex-end;align-items:center;gap:var(--w-small-gap);font-size:var(--w-small)}
.pro-process{padding:var(--w-section) var(--w-gutter);background:var(--w-panel)}
.draft-notice{color:var(--w-accent);margin-bottom:var(--w-gap);max-width:65ch}
.process-timeline{position:relative;max-width:900px;padding-left:var(--w-gap)}
.process-timeline:before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--pro-timeline-width);background:var(--w-line)}
.process-stage{position:relative;padding:var(--w-gap);border:var(--w-border);border-radius:var(--w-radius);margin-bottom:var(--w-gap)}
.process-stage:before{content:'';position:absolute;left:calc(-1 * var(--w-gap) - 1px);top:0;height:100%;width:var(--pro-timeline-width);background:var(--w-accent);transform:scaleY(0);transform-origin:top;transition:transform var(--w-transition)}
.process-stage.is-active:before{transform:scaleY(1)}
.process-stage.is-active{border-color:var(--w-accent)}
.process-stage .sn{font-family:var(--font-label,var(--w-font));font-size:var(--w-small);color:var(--w-accent);letter-spacing:.24em}
html[data-font] .process-stage h3{font-size:var(--w-h3);margin-block:var(--w-small-gap)}
.process-stage p{max-width:65ch;margin-top:var(--w-small-gap)}
.stage-term{color:var(--w-muted);font-size:var(--w-small)}
.template-wheels .wheel-photo-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--w-tiny-gap);padding:var(--w-tiny-gap) var(--w-small-gap);background:var(--w-panel)}
.template-wheels .wheel-photo-controls .g-btn{position:static;transform:none;display:grid;place-items:center;min-width:var(--w-touch);min-height:var(--w-touch);border:var(--w-border);border-radius:var(--w-pill)}
.template-wheels .wheel-photo-controls .g-dots{position:static;transform:none;display:flex;gap:var(--w-tiny-gap)}
.template-wheels .wheel-catalog .gal{aspect-ratio:auto}
.template-wheels .wheel-catalog .landing-photo{aspect-ratio:1;display:block;width:100%}
.wheel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--w-tiny-gap)}
html[data-font] .wheel-actions .btn{padding:var(--w-tiny-gap);letter-spacing:0;font-size:var(--w-label);min-width:0;overflow-wrap:anywhere}
.wheel-draft{padding:var(--w-small-gap);color:var(--w-muted);font-size:var(--w-small)}
.wheel-draft strong{color:var(--w-accent)}
@media(max-width:768px){:root{--pro-slide-width:90%}.kit-gallery-controls span{font-size:var(--w-label)}}
@media(prefers-reduced-motion:reduce){.process-stage:before{transition:none;transform:none}}

.action-short{display:none}
html[data-font] .template-wheels .wheel-actions .btn{padding:var(--w-tiny-gap) 2px;text-transform:none;overflow-wrap:normal;letter-spacing:0;font-family:var(--font-condensed);line-height:1.2}
@media(max-width:480px){.action-wide{display:none}.action-short{display:inline}}
.template-kit .kit-switch{grid-column:1;margin:0}.template-kit .hero:has(.kit-switch) .hero-cta{grid-column:2;grid-row:2/4}
@media(max-width:768px){.template-kit .hero:has(.kit-switch) .hero-cta{grid-column:1;grid-row:auto}}
.kit-gallery{scroll-margin-top:100px}
.template-wheels .wheel-catalog .landing-photo{height:auto;aspect-ratio:1;position:relative}
.template-wheels .wheel-catalog .landing-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.template-wheels .wheel-catalog .gal{height:auto;flex-shrink:0}
.template-wheels .wheel-photo-controls .g-prev{order:0}.template-wheels .wheel-photo-controls .g-dots{order:1}.template-wheels .wheel-photo-controls .g-next{order:2}

.template-wheels .wheel-zoom-hint{top:var(--w-tiny-gap);right:var(--w-tiny-gap);bottom:auto}