.mini-configurator-page{margin:0;background:#182329;color:#f5f7f6}.mini-configurator-page:has(#mini-configurator.dialog-open){overflow:hidden}#mini-configurator main{padding:0;max-width:none;margin:0}#mini-configurator .mini-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;padding-top:24px;color:var(--muted)}#mini-configurator a{color:inherit;text-underline-offset:4px}#mini-configurator a:hover{color:var(--acid)}#mini-configurator .intro{align-items:center}#mini-configurator h1{max-width:800px;font-size:clamp(28px,3.2vw,43px)}#mini-configurator .mini-lead{max-width:760px;color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 28px}#mini-configurator .mini-story{border-top:1px solid var(--line);padding:42px 0;max-width:1000px;margin:0 auto}#mini-configurator .mini-story h2{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.2;margin:0 0 20px;letter-spacing:-.025em}#mini-configurator .mini-story h3{font-size:20px;line-height:1.3;font-weight:500;margin:0 0 12px}#mini-configurator .mini-story p{font-size:16px;line-height:1.75;color:var(--muted);max-width:850px;margin:0 0 16px}#mini-configurator .mini-story .eyebrow{font-size:11px;color:var(--acid);letter-spacing:.13em}#mini-configurator .mini-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:26px 0}#mini-configurator .mini-story-grid section{padding:24px;background:var(--panel);border-radius:12px}#mini-configurator .mini-contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}#mini-configurator .mini-contact-actions a{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:7px;text-decoration:none}#mini-configurator .mini-contact-actions a:first-child{color:#182329;background:var(--acid);font-weight:600}#mini-configurator .mini-faq details{padding:20px 0;border-top:1px solid var(--line)}#mini-configurator .mini-faq summary{cursor:pointer;font-size:18px;line-height:1.5;min-height:32px}#mini-configurator .mini-faq details p{padding:16px 0 0;margin:0}#mini-configurator .mini-faq summary:focus-visible{outline:3px solid var(--acid);outline-offset:6px}@media(max-width:700px){#mini-configurator .mini-story-grid{grid-template-columns:1fr;gap:12px}#mini-configurator .mini-story{padding:32px 0}#mini-configurator .intro-note{display:none}#mini-configurator .mini-lead{font-size:15px}#mini-configurator .mini-breadcrumbs{font-size:11px;padding-top:18px}}

#mini-configurator .mini-lead{max-width:1040px;margin:0 auto 28px}
#mini-configurator{padding-top:24px}

/* Mobile controls keep a live view; no scroll jumps on colour selection. */
#mini-configurator .mobile-preview,#mini-configurator .axle-picker{display:none}
@media(max-width:700px){
 #mini-configurator .configuration{container-type:normal}
 #mini-configurator .mobile-preview{display:flex;align-items:center;flex-direction:column;position:sticky;top:var(--mini-header-height,72px);z-index:6;background:#182329;padding:8px 0 6px;border-bottom:1px solid var(--line);box-shadow:0 8px 14px #0003}
 #mini-configurator .mobile-preview canvas{display:block;width:100%;max-height:min(24svh,205px);object-fit:contain;border-radius:8px}
 #mini-configurator #mobile-preview-label{font-size:10px;line-height:1.4;padding-top:4px;color:var(--muted)}
 #mini-configurator .configuration button{scroll-margin-top:calc(var(--mini-header-height,72px) + 28svh + 20px);scroll-margin-bottom:85px}
 #mini-configurator #detail-dialog{padding:14px;max-height:calc(100svh - 20px);width:calc(100% - 20px)}
 #mini-configurator #detail-dialog .dialog-head{position:static;padding:0;margin:0;align-items:center}
 #mini-configurator #detail-dialog .dialog-head .eyebrow{display:none}
 #mini-configurator #detail-dialog h2{font-size:19px}
 #mini-configurator .axle-picker{display:flex;gap:8px;margin:8px 0}
 #mini-configurator .axle-picker button{flex:1;min-height:40px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:12px}
 #mini-configurator .axle-picker button[aria-pressed=true]{border-color:var(--acid);color:var(--acid);background:#e1f75a0b}
 #mini-configurator #detail-dialog .wheel-details{display:block;margin:8px 0}
 #mini-configurator .wheel-details[data-axle=front] figure[data-axle=rear],#mini-configurator .wheel-details[data-axle=rear] figure[data-axle=front]{display:none}
 #mini-configurator #detail-dialog .wheel-details canvas{width:min(100%,30svh,290px)}
 #mini-configurator #detail-dialog .wheel-details figcaption{margin-top:3px;font-size:10px}
 #mini-configurator #detail-dialog .detail-controls{gap:10px;padding-top:10px}
 #mini-configurator #detail-dialog .detail-controls legend{margin-bottom:7px;font-size:12px}
 #mini-configurator #detail-wheel-options{display:flex;flex-wrap:wrap;gap:8px}
 #mini-configurator #detail-dialog .mini-swatch{width:36px;height:36px;border-width:3px}
 #mini-configurator #detail-dialog .detail-caption{font-size:10px;margin-top:10px;line-height:1.4}
 #mini-configurator #detail-status:empty{display:none}
}
@media(max-height:650px) and (max-width:700px){
 #mini-configurator #detail-dialog .wheel-details canvas{width:min(100%,30svh)}
 #mini-configurator #detail-dialog .detail-caption{display:none}
}
