.mini-configurator-page{margin:0;background:#182329;color:#f5f7f6}.mini-configurator-page:has(#mini-configurator.dialog-open){overflow:hidden}#mini-configurator :is(main,.mini-layout){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}
}

/* Compact configurator: scoped to this route; original canvas resolution is retained. */
#mini-configurator{padding-top:12px}
#mini-configurator .intro{margin:0 auto 18px;max-width:none}
#mini-configurator h1{font-size:clamp(24px,2.4vw,34px);max-width:none;line-height:1.15}
#mini-configurator .intro .eyebrow{margin-bottom:8px}
#mini-configurator .configuration{container-type:normal;margin:0;max-width:none}
#mini-configurator .mode-tabs{gap:4px}
#mini-configurator .mode-tabs [role=tab]{min-height:48px;padding:8px;font-size:13px;gap:4px}
#mini-configurator .mode-number{display:none}
#mini-configurator .mode-tabs small{font-size:10px}
#mini-configurator .design-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#mini-configurator .design-card{min-height:70px;padding:5px;font-size:11px}
#mini-configurator .design-card img,#mini-configurator .design-card canvas{height:48px;width:48px;object-fit:contain;margin:0 auto}
#mini-configurator .design-picker{margin-bottom:10px}
#mini-configurator .design-picker>.eyebrow{margin:10px 0 6px}
#mini-configurator .options-panel{padding:10px 0 0}
#mini-configurator .panel-top{margin-bottom:8px;gap:8px}
#mini-configurator .panel-top h2{font-size:18px;line-height:1.2}
#mini-configurator #panel-kicker{display:none}
#mini-configurator #swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#mini-configurator #swatches .swatch{min-height:48px;padding:6px;gap:7px;flex-direction:row;align-items:center;text-align:left;font-size:11px;line-height:1.2}
#mini-configurator #swatches .chip{width:23px;height:23px;flex:0 0 23px;margin:0}
#mini-configurator #swatches small{font-size:9px;line-height:1.2}
#mini-configurator .finish-note,#mini-configurator .body-note{font-size:11px;line-height:1.45;margin:10px 0 0}
#mini-configurator .feedback{margin:6px 0 0;font-size:11px;line-height:1.4}
#mini-configurator .vehicle-spec{font-size:11px;line-height:1.4;margin:0;max-width:none}
#mini-configurator .variant-actions{max-width:none;margin:8px 0 0;gap:6px;justify-content:flex-start}
#mini-configurator .variant-actions button{min-height:44px;padding:8px 12px;font-size:12px}
#mini-configurator .variant-message{margin:4px 0;font-size:11px}
#mini-configurator .mini-lead{font-size:14px;line-height:1.6;margin:22px 0}
@media(min-width:1000px){
 .mini-configurator-page .site-breadcrumbs{padding-top:10px;padding-bottom:10px}
 .mini-configurator-page .mini-section-nav{padding-top:0;padding-bottom:0}
 #mini-configurator .shell{max-width:1440px;padding:0 28px}
 #mini-configurator :is(main,.mini-layout){display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:24px;align-items:start}
 #mini-configurator :is(main,.mini-layout)>*{grid-column:1/-1;min-width:0}
 #mini-configurator .intro{grid-row:1}
 #mini-configurator .studio{grid-column:1;grid-row:2;margin:0;width:100%;max-width:none;align-self:end}
 #mini-configurator .stage{width:min(100%,calc((100svh - 390px)*1.7768));margin:0 auto}
 #mini-configurator .configuration{grid-column:2;grid-row:2/6}
 #mini-configurator .vehicle-spec{grid-column:1;grid-row:3}
 #mini-configurator .variant-actions{grid-column:1;grid-row:4}
 #mini-configurator .variant-message{grid-column:1;grid-row:5}
 #mini-configurator .mini-lead{grid-row:6}
 #mini-configurator .scene-caption{min-height:36px;gap:8px;font-size:11px}
 #mini-configurator .scene-tools{top:10px;right:10px}
 #mini-configurator #zoom{min-height:44px;padding:8px 12px}
}
@media(max-width:999px){
 #mini-configurator .shell{padding:0 16px}
 #mini-configurator :is(main,.mini-layout){display:flex;flex-direction:column}
 #mini-configurator :is(main,.mini-layout)>*{width:100%}
 #mini-configurator .intro{order:0}
 #mini-configurator .studio{order:1;margin:0;max-width:none}
 #mini-configurator .configuration{order:2}
 #mini-configurator .vehicle-spec{order:3;margin-top:12px}
 #mini-configurator .variant-actions{order:4;display:flex;flex-wrap:wrap}
 #mini-configurator .variant-message{order:5}
 #mini-configurator .mini-lead{order:6}
 #mini-configurator .saved-section{order:7}
 #mini-configurator .mini-story{order:8}
 #mini-configurator .mobile-preview{display:none}
 #mini-configurator .scene-caption{min-height:36px;font-size:10px;gap:8px}
 #mini-configurator .scene-tools{top:8px;right:8px}
 #mini-configurator #zoom{min-height:44px;font-size:12px;padding:8px 10px}
 #mini-configurator .configuration button{scroll-margin-top:calc(var(--mini-header-height,72px) + 12px)}
}
@media(max-width:700px){
 #mini-configurator .intro .eyebrow{display:none}
 #mini-configurator .intro{margin-bottom:12px}
 #mini-configurator h1{font-size:23px}
 #mini-configurator .mode-tabs [role=tab]{font-size:12px;padding:6px;min-height:48px}
 #mini-configurator .mode-tabs small{display:none}
 #mini-configurator .design-card{min-height:62px}
 #mini-configurator .design-card img,#mini-configurator .design-card canvas{height:40px;width:40px}
 #mini-configurator #swatches .swatch{min-height:46px;font-size:10px;padding:5px;gap:5px}
 #mini-configurator #swatches .chip{width:20px;height:20px;flex-basis:20px}
 #mini-configurator .finish-note,#mini-configurator .body-note{font-size:10px}
}

#mini-configurator .design-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:70px;padding:5px}
#mini-configurator .design-image{width:44px;height:44px;flex:0 0 44px}
#mini-configurator .design-image canvas{width:44px;height:44px;margin:0}
#mini-configurator .design-label{font-size:11px;min-width:0;line-height:1.2}
#mini-configurator .design-label small{font-size:9px;line-height:1.2;margin-top:3px}
#mini-configurator .intro{width:100%}
#mini-configurator .mode-tabs [role=tab]{height:58px}
#mini-configurator .scene-caption{padding:4px 0;min-height:32px}
@media(max-width:700px){
 #mini-configurator .design-card{flex-direction:column;gap:3px;min-height:62px}
 #mini-configurator .design-label small{display:none}
 #mini-configurator .design-image,#mini-configurator .design-image canvas{width:36px;height:36px;flex-basis:36px}
 #mini-configurator .mode-tabs [role=tab]{height:48px}
}
@media(min-width:1000px){
 body.service-page.mini-configurator-page nav.site-breadcrumbs{padding-top:4px;padding-bottom:4px}
 body.service-page.mini-configurator-page nav.mini-section-nav{padding-top:2px;padding-bottom:2px}
 #mini-configurator .stage{width:min(100%,calc((100svh - 420px)*1.7768))}
}
@media(max-width:700px){
 body.service-page.mini-configurator-page nav.site-breadcrumbs{padding-top:4px;padding-bottom:4px}
 body.mini-configurator-page .site-breadcrumbs li:last-child{display:none}
 #mini-configurator .stage{width:min(100%,calc(20svh * 1.7768));margin:0 auto}
 #mini-configurator .scene-tools{position:absolute;top:6px;right:6px;margin:0;display:block;width:auto}
 #mini-configurator #zoom{width:auto;min-height:40px;font-size:11px;padding:7px 9px}
 #mini-configurator #zoom svg{width:16px;height:16px}
 #mini-configurator .scene-caption{margin-top:2px}
}
#mini-configurator :is(main,.mini-layout){overflow-anchor:none}
@media(max-width:700px){
 #mini-configurator #swatches small{display:none}
 #mini-configurator .design-picker>.eyebrow{margin-top:4px}
}