#configurateur{min-height:calc(100svh - var(--header-h) - 3px);scroll-margin-top:calc(var(--header-h) + 3px);max-width:1280px;margin:0 auto;padding:0 clamp(20px,3.4vw,44px);display:flex;flex-direction:column}.plate-stage{flex:none;display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(14px,2.6svh,26px) 0 clamp(14px,2.6svh,24px)}.homolog{position:absolute;right:0;bottom:clamp(10px,2svh,22px);display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:13.5px;color:#0a7d5c;pointer-events:none}.homolog svg{width:18px;height:18px;flex:none}@media(max-width:800px){.homolog{font-size:12.5px}}.plate-frame{height:clamp(112px,19svh,180px);aspect-ratio:520/110;max-width:100%;transition:height .55s var(--ease),aspect-ratio .55s var(--ease),opacity .25s}.plate-frame.f-moto{height:clamp(170px,29svh,250px);aspect-ratio:210/130}.plate-frame.f-camion{aspect-ratio:520/120}.plate-frame svg{width:100%;height:100%;display:block}.cfg-nav{flex:none;display:flex;border-bottom:1px solid var(--ligne)}.tab{position:relative;flex:1;min-width:0;border:none;background:none;text-align:left;color:inherit;display:flex;flex-direction:column;gap:1px;padding:clamp(10px,1.8svh,16px) 16px;transition:background .25s}.tab+.tab{border-left:1px solid var(--ligne)}.tab:hover{background:#1d3fb80d}.tab .i{font-family:var(--mono);font-size:11px;letter-spacing:2.2px;color:var(--muet);transition:color .3s}.tab .t{font-family:var(--display);font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab .v{font-size:12px;font-weight:600;color:var(--bleu);min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab.act .i{color:var(--bleu)}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--bleu);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.tab.act:after{transform:scaleX(1)}.tab:focus-visible{outline:2px solid var(--bleu);outline-offset:-3px}.cfg-panels{flex:1;min-height:0;overflow:hidden}.cfg-track{display:flex;height:100%;transition:transform .65s var(--ease)}.panel{flex:none;width:100%;height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.4svh,22px);padding:clamp(16px,2.6svh,26px) clamp(18px,2.4vw,32px);text-align:center}.step-help{font-size:clamp(13.5px,1.7svh,15px);color:var(--muet);max-width:54ch}.step-help .free{color:#0f9b73;font-weight:800}.illu-step{display:block;height:clamp(38px,7svh,60px);width:auto;color:#dcd8ce;flex:none}.panel-nav{display:flex;align-items:center;gap:18px;margin-top:clamp(2px,1svh,10px)}.back{border:none;background:none;color:var(--muet);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:7px;transition:color .2s}.back:hover{color:var(--encre)}.back svg{width:14px;height:14px}.next{display:inline-flex;align-items:center;gap:10px;background:var(--encre);color:#fff;border:none;border-radius:99px;font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.2px;padding:11px 26px;transition:transform .2s,background .2s}.next:hover{transform:translateY(-1px);background:var(--bleu)}.next svg{width:15px;height:15px}.cfg-input{font-family:var(--display);font-weight:800;border:none;border-bottom:2px solid #d9d5ca;background:transparent;color:var(--encre);outline:none;border-radius:0;text-align:center;transition:border-color .25s}.cfg-input:focus{border-color:var(--bleu)}.cfg-input::placeholder{color:#cbc7ba}.in-immat{width:min(380px,100%);font-size:clamp(26px,4.4svh,36px);letter-spacing:.18em;padding:8px 6px}.in-dept{width:130px;font-size:clamp(26px,4.4svh,36px);letter-spacing:.14em;padding:8px 6px}.in-texte{width:min(400px,100%);font-weight:600;font-family:var(--body);font-size:17px;letter-spacing:.06em;padding:8px 2px;text-transform:uppercase}.in-err{font-size:13.5px;color:var(--rouge);font-weight:600;visibility:hidden;min-height:21px}.in-err.on{visibility:visible}.dept-row{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}.dept-out{display:flex;flex-direction:column;gap:2px;width:250px;max-width:100%;min-height:60px;justify-content:center;text-align:left}.dept-out .r-lbl{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muet)}.dept-out .r-nom{font-family:var(--display);font-weight:800;font-size:clamp(18px,2.8svh,22px);line-height:1.15}.dept-out .r-nom.off{color:#cbc7ba;font-weight:600}.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:12px;width:100%;justify-content:center}.tcard{display:flex;flex-direction:column;gap:clamp(6px,1.4svh,12px);padding:clamp(10px,1.8svh,16px);text-align:left;background:#fff;border:2px solid var(--ligne);border-radius:12px;transition:border-color .25s,transform .2s,box-shadow .25s}.tcard:hover{transform:translateY(-2px)}.tcard.sel{border-color:var(--bleu);box-shadow:0 14px 30px -20px #1d3fb873}.tcard .illu{display:block;height:clamp(30px,5.5svh,46px);width:auto;max-width:100%;margin:2px auto 0;color:#dcd8ce}.tcard .t-nom{font-family:var(--display);font-weight:800;font-size:16px;line-height:1.1}.tcard .t-dim{font-family:var(--mono);font-size:11px;letter-spacing:1.3px;color:var(--muet)}.kit-row{display:flex;align-items:flex-start;gap:18px;max-width:520px;text-align:left}.sw{flex:none;width:54px;height:30px;border-radius:99px;border:none;background:#d9d5ca;position:relative;transition:background .25s;margin-top:4px}.sw:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000040;transition:transform .25s var(--ease)}.sw.on{background:var(--bleu)}.sw.on:after{transform:translate(24px)}.sw:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}.kit-txt strong{font-family:var(--display);font-weight:600;font-size:16.5px;display:block}.kit-txt span{font-size:14px;color:var(--muet)}.kit-remise{display:block;font-weight:600;color:var(--rouge);font-size:14px;visibility:hidden;min-height:22px}.kit-remise.on{visibility:visible}.qbtn{width:46px;height:46px;border-radius:50%;border:2px solid var(--ligne);background:#fff;color:var(--encre);font-family:var(--display);font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;line-height:1;transition:border-color .2s,transform .15s,background .2s,color .2s}.qbtn:hover{border-color:var(--bleu);transform:translateY(-1px)}.qbtn:disabled{opacity:.35;cursor:default;transform:none;border-color:var(--ligne)}.cfg-body{flex:1;display:flex;align-items:stretch;gap:clamp(16px,2.2vw,30px)}.cfg-main,.recap{background:#fff;border:1px solid var(--ligne);border-bottom:none;border-radius:20px 20px 0 0;box-shadow:0 22px 55px -34px #0c122080}.cfg-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.cfg-side{flex:none;width:clamp(280px,27vw,348px);display:flex}.recap{flex:1;width:100%;padding:clamp(20px,2.8svh,28px);display:flex;flex-direction:column;gap:clamp(13px,2svh,18px)}.recap-qty{display:flex;align-items:center;justify-content:space-between;gap:14px}.rq-lbl{font-family:var(--mono);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muet)}.qstep{display:flex;align-items:center;gap:2px;background:var(--ivoire);border-radius:99px;padding:3px}.qstep .qbtn{width:29px;height:29px;border:none;border-radius:50%;background:transparent;color:var(--muet);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .18s,color .18s,box-shadow .18s}.qstep .qbtn:hover:not(:disabled){background:#fff;color:var(--encre);transform:none;box-shadow:0 1px 4px #0c122024}.qstep .qbtn:disabled{opacity:.3}.qstep-v{font-family:var(--display);font-weight:700;font-size:15.5px;min-width:26px;text-align:center;color:var(--encre)}.recap-detail{display:flex;flex-direction:column;gap:10px;padding-top:clamp(14px,2svh,18px);border-top:1px solid var(--ligne)}.recap-detail .rl{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muet)}.recap-detail .rl>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recap-detail .rv{font-weight:700;color:var(--encre);white-space:nowrap;flex:none}.recap-detail .rv.ok{color:#0f9b73}.recap-detail .rv.neg{color:var(--rouge)}.recap-detail .rv.mut{color:var(--muet);font-weight:600}.promo{display:flex;flex-direction:column;gap:8px}.promo-field{display:flex;gap:8px}.promo-field input{flex:1;min-width:0;background:#fff;color:var(--encre);border:1px solid var(--ligne);border-radius:11px;padding:11px 14px;font-family:var(--body);font-size:16px;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s,box-shadow .2s}.promo-field input:focus{outline:none;border-color:var(--bleu);box-shadow:0 0 0 3px #1d3fb81f}.promo-field input::placeholder{letter-spacing:.02em;text-transform:none;color:#b8b3a6}.promo-apply{flex:none;border:none;border-radius:11px;padding:0 18px;background:var(--encre);color:#fff;font-family:var(--display);font-weight:600;font-size:14px;transition:background .2s,transform .15s}.promo-apply:hover{background:var(--bleu);transform:translateY(-1px)}.promo-msg{font-size:12.5px;line-height:1.35;color:var(--muet)}.promo-msg strong{color:var(--encre);font-weight:700;font-family:var(--display)}.promo-msg.err{color:var(--rouge);font-weight:600}.promo-msg.err strong{color:var(--rouge)}.promo-chip{display:none;align-items:center;gap:10px;background:#10b9811a;border:1px solid rgba(16,185,129,.34);border-radius:11px;padding:9px 12px}.promo.on .promo-field,.promo.on .promo-msg{display:none}.promo.on .promo-chip{display:flex}.promo-chip .pc-ico{flex:none;width:19px;height:19px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center}.promo-chip .pc-ico svg{width:10px;height:10px}.promo-chip .pc-txt{flex:1;min-width:0;font-size:13px;font-weight:600;color:#0c6b4f}.promo-chip .pc-txt strong{font-family:var(--display);font-weight:800}.promo-chip .pc-rm{flex:none;border:none;background:none;color:var(--muet);font-size:12.5px;font-weight:600;text-decoration:underline;transition:color .2s}.promo-chip .pc-rm:hover{color:var(--rouge)}.recap-foot{margin-top:auto;display:flex;flex-direction:column;gap:clamp(12px,1.8svh,16px);padding-top:clamp(15px,2svh,20px);border-top:1px solid var(--ligne)}.recap-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.recap-total .l{font-family:var(--mono);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muet)}.tot-vals{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.tot-old{font-family:var(--display);font-weight:700;font-size:16px;color:var(--muet);text-decoration:line-through;text-decoration-color:var(--rouge);text-decoration-thickness:2px}.recap-total .p{font-family:var(--display);font-weight:800;font-size:clamp(30px,4.4svh,40px);letter-spacing:-.8px;line-height:1;transition:color .25s}.recap-total .p.promo{color:#0f9b73}.eta-chip{display:flex;align-items:center;gap:11px;background:#10b9811a;border:1px solid rgba(16,185,129,.32);border-radius:13px;padding:10px 14px}.eta-chip svg{flex:none;width:24px;height:24px;color:#0f9b73}.eta-chip .eta-txt{display:flex;flex-direction:column;line-height:1.2;text-align:left}.eta-chip .eta-l{font-family:var(--mono);font-size:9.5px;letter-spacing:1.3px;text-transform:uppercase;color:#0f9b73}.eta-chip strong{font-family:var(--display);font-weight:800;font-size:15px;color:var(--encre);white-space:nowrap}.sum-cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:none;border-radius:99px;padding:16px 28px;background:var(--encre);color:#fff;font-family:var(--display);font-weight:600;font-size:16.5px;letter-spacing:.2px;transition:transform .2s,background .2s,box-shadow .25s}.sum-cta:hover{transform:translateY(-2px);background:var(--bleu);box-shadow:0 14px 30px -14px #1d3fb8b3}.sum-cta svg{width:17px;height:17px}.sum-cta:disabled{opacity:.6;cursor:wait}@media(max-width:720px){.tab{align-items:center;padding:12px 4px}.tab .t,.tab .v{display:none}.tgrid{grid-template-columns:1fr;max-width:280px}.tcard{flex-direction:row;align-items:center;gap:14px}.tcard .illu{height:32px;margin:0;flex:none}#configurateur{min-height:0;padding-bottom:clamp(22px,6vw,34px)}.plate-frame{width:100%;height:auto}.plate-frame.f-moto{width:auto;height:clamp(150px,40vw,210px)}.homolog{position:static}.cfg-panels{min-height:340px}.cfg-body{flex-direction:column;gap:18px}.cfg-side{width:auto}.qstep .qbtn{width:40px;height:40px;font-size:19px}.cfg-main,.recap{border:1px solid var(--ligne);border-radius:18px}}@media(max-height:560px){#configurateur{height:auto;min-height:calc(100svh - var(--header-h) - 3px)}.cfg-panels{min-height:300px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-configurator.css.map */