/* Configuration and reveal share the selection screens' sport/atelier identity. */
[hidden]{display:none!important}
body{font-family:Arial,Helvetica,sans-serif;background:#0c0d10}a{color:inherit}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c8a6ff;outline-offset:4px}
.shell{grid-template-columns:minmax(340px,450px) minmax(0,1fr)}.config{background:linear-gradient(140deg,#20172570,transparent 600px),#111115;padding:26px 30px 35px}.config .brand{margin-bottom:16px}.config-title{font-size:clamp(30px,3vw,43px);line-height:1.06;letter-spacing:-1.6px;margin:13px 0 18px}.config-title em,.atelier-reveal h2 em{font-weight:500;color:#bda2d4}.atelier-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.7;color:#bb92ec;margin:0 0 12px}.config .intro{color:#b3acbd}.step-kicker{color:#b992df}.step-title{font-style:italic}.config-step{border-color:#ffffff17}.option{border-radius:7px;background:#1b1a20}.option.active{border-color:#b58aff;box-shadow:0 0 0 1px #b58aff}.option img{border-radius:4px}.option-price{color:#cdb2e5}
.preview{background:radial-gradient(ellipse at 50% 50%,#32213c55,transparent 68%),#0c0d10;padding:20px;gap:10px;overflow:auto}.preview .canvas-wrap{width:min(48dvh,760px,100%)}.preview .summary{max-width:560px;max-height:90px;border-radius:6px;border-color:#ffffff1c;order:2}.preview .visual-price strong{font-size:42px}.preview .hint{order:3}.atelier-primary{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #ba92f0;background:#a477e0;color:#120d19;min-height:52px;padding:14px 20px;border-radius:5px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;text-decoration:none;transition:background .2s}.atelier-primary:hover{background:#c7a3f3}.atelier-primary:disabled{opacity:.45;cursor:wait}.atelier-preview-finish{order:4;flex-shrink:0;width:min(100%,560px)}.atelier-finish{padding:28px 0 10px}.atelier-finish h2{font-size:25px;letter-spacing:-.7px}.atelier-finish p:not(.atelier-eyebrow){font-size:13px;color:#b8b1c1;line-height:1.7}.atelier-finish .atelier-primary{margin-top:20px;width:100%}.price-card{background:#21192b;border-color:#6b5082;border-radius:8px}
.atelier-final{min-height:100dvh;background:radial-gradient(ellipse at 20% 10%,#43285030,transparent 55%),#0d0e11}.atelier-final-header{height:80px;border-bottom:1px solid #ffffff1c;display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1440px,calc(100% - 80px));margin:auto}.atelier-final-header>a{text-decoration:none;font-size:12px;position:relative}.atelier-final-header>span{font-size:10px;color:#b5aabd;letter-spacing:2px}.atelier-final-header .atelier-logo{font-weight:900;font-style:italic;font-size:23px;letter-spacing:-1px}.atelier-logo span{color:#b58aff}.atelier-final-header .cart-badge{position:absolute;right:-16px;top:-8px;background:#b58aff;border-radius:50%;color:#16111c;width:17px;height:17px;font-size:10px;align-items:center;justify-content:center}
.atelier-final-grid{width:min(1400px,calc(100% - 80px));margin:auto;padding:48px 0 65px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.85fr);gap:64px;align-items:start}.atelier-reveal{position:sticky;top:25px;min-width:0}.atelier-reveal h2{font-size:clamp(32px,3.4vw,50px);line-height:1.08;letter-spacing:-1.8px;margin:12px 0 25px}.atelier-reveal img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px}.atelier-reveal-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.5;color:#b7adbf;margin:14px 0 22px}.atelier-secondary{border:1px solid #706278;color:#eee5f5;border-radius:5px;background:transparent;min-height:44px;padding:11px 17px;font:inherit;font-size:12px;cursor:pointer}.atelier-secondary:hover{border-color:#d4b6ef}
.atelier-order{min-width:0;padding:28px;background:#18171e;border:1px solid #ffffff1a;border-radius:10px}.atelier-order h2{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:8px 0 17px}.atelier-copy{font-size:12px;color:#b7afc0;line-height:1.7}.atelier-fields{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:18px 14px;margin-top:25px}.atelier-fields>div:first-child{grid-column:1/-1}.atelier-order label:not(.atelier-install){display:block;font-size:12px;font-weight:700;margin-bottom:9px}.atelier-order input:not([type=checkbox]),.atelier-order select{width:100%;min-height:48px;padding:12px;border:1px solid #574c63;border-radius:5px;background:#100f15;color:#fff;font:inherit;font-size:16px}.atelier-order small{display:block;font-size:11px;line-height:1.6;color:#b7afc0;margin-top:8px}.atelier-vin{margin:23px 0;border-block:1px solid #ffffff1c}.atelier-vin summary{cursor:pointer;font-size:12px;font-weight:700;min-height:48px;padding-block:16px}.atelier-vin summary span{float:right;color:#b7afc0;font-size:10px;font-weight:400}.atelier-vin>div{padding:0 0 17px}.atelier-install{cursor:pointer;display:flex;align-items:flex-start;gap:12px;padding:18px 14px;border:1px solid #665174;border-radius:7px;background:#292033}.atelier-install:has(input:checked){border-color:#d4b0ff;background:#342443}.atelier-install input{accent-color:#bd93f0;flex-shrink:0;width:19px;height:19px;margin:1px 0 0}.atelier-install span{flex:1;min-width:0}.atelier-install strong{font-size:13px}.atelier-install small{font-size:10px}.atelier-install b{font-size:15px;white-space:nowrap;color:#e2c6ff}.atelier-final-prices{margin-top:26px}.atelier-final-prices>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-top:12px}.atelier-final-prices .atelier-final-total{border-top:1px solid #ffffff25;margin-top:18px;padding-top:19px;align-items:baseline}.atelier-final-total strong:last-child{font-size:31px;letter-spacing:-1px}.atelier-small{font-size:10px;margin:13px 0 20px}.atelier-order>.atelier-primary{width:100%}.atelier-advice{display:block;text-align:center;font-size:11px;line-height:1.7;color:#c8b0df;margin-top:22px;padding:10px 0}.atelier-error,#finishError{color:#ffb8bc;font-size:13px;line-height:1.6}.atelier-success{margin-top:18px;color:#d9c1ee;font-size:13px;line-height:1.6}.atelier-success a{margin-top:12px}.atelier-order:has(#addedConfirm:not([hidden])) .atelier-fields,.atelier-order:has(#addedConfirm:not([hidden])) .atelier-vin{opacity:.7}
@media(max-width:1050px){.atelier-final-grid{gap:30px;width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}.atelier-final-header{width:calc(100% - 48px)}.atelier-order{padding:23px}}
@media(max-width:880px){.shell{display:flex}.config{padding:23px 18px 35px}.preview{overflow:visible;padding:6px 0 52px;gap:0}.preview .canvas-wrap{width:min(100vw,40dvh)}.preview canvas{transform:none}.preview .visual-price strong{font-size:29px}.atelier-preview-finish{display:none}.preview .visual-price{bottom:10px}.preview .summary{display:none}.config-title{font-size:36px}.atelier-final-grid{display:block;max-width:620px;padding-top:30px}.atelier-reveal{position:static}.atelier-reveal h2{font-size:38px}.atelier-reveal img{width:100%}.atelier-order{margin-top:30px}.atelier-final-header{height:70px}.atelier-final-header>span{font-size:8px;letter-spacing:.5px}.atelier-final-header .atelier-logo{font-size:19px}}
@media(max-width:420px){.atelier-final-grid,.atelier-final-header{width:calc(100% - 32px)}.atelier-final-header{gap:10px}.atelier-final-header>span{font-size:7px}.atelier-reveal h2{font-size:32px}.atelier-order{padding:20px 16px}.atelier-install{flex-wrap:wrap}.atelier-install b{margin-left:31px}.atelier-fields{grid-template-columns:minmax(0,1fr) 85px}.atelier-reveal-caption{font-size:9px}}
@media(max-width:880px) and (orientation:landscape){.preview .canvas-wrap{width:55dvh}.preview{position:relative}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.atelier-primary{transition:none}}
/* A successful add is disabled intentionally, not a pending network operation. */
#addConfiguredWheel:disabled{cursor:default}