cod-form,.cod{display:block}.cod{padding:28px 22px 24px;margin-top:4px;background:var(--c-surface);scroll-margin-top:calc(var(--header-offset, 0px) + 16px)}@media(min-width:750px){.cod{padding:32px 30px 28px}}.cod__head{margin-bottom:22px}.cod__title{font-family:var(--f-heading);font-weight:var(--f-heading-weight);font-size:calc(clamp(1.4rem,2vw,1.75rem) * var(--f-heading-scale));line-height:1.1;letter-spacing:var(--f-heading-tracking);text-transform:var(--f-heading-case)}.cod__sub{margin:10px 0 0;font-size:var(--fs-small);color:var(--c-muted)}.cod__form{display:grid;gap:20px}.cod__form[hidden]{display:none}.cod__fields{display:grid;gap:18px}.cod__field{display:grid;gap:8px;min-width:0;margin:0}.cod__label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:var(--fs-xsmall);font-weight:var(--f-body-weight-medium);letter-spacing:.14em;text-transform:uppercase}.cod__label i{font-style:normal;letter-spacing:.04em;text-transform:none;color:var(--c-muted)}.cod__chosen{margin-left:6px;color:var(--c-muted)}.cod__input{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--c-line);border-radius:var(--radius-btn);background:var(--c-bg);outline:none;font-size:1rem;transition:border-color .25s}.cod__input:focus{border-color:var(--c-text)}.cod .select__input{background:var(--c-bg);font-size:.95rem}.cod .select__input:disabled{opacity:.6;cursor:not-allowed}.cod__row{display:grid;gap:18px}@media(min-width:560px){.cod__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}}.cod__hint{font-size:var(--fs-xsmall);color:var(--c-muted)}.cod__err{display:none;font-size:var(--fs-xsmall);color:#b3261e}.is-bad>.cod__err,.is-bad .cod__err{display:block}.is-bad .cod__input,.is-bad .select__input{border-color:#b3261e}.cod__pills{display:flex;flex-wrap:wrap;gap:8px}.cod .pill{background:var(--c-bg);min-width:56px}.cod .pill-input:checked+.pill{background:var(--c-text)}.cod-fit-cta{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;background:var(--p-accent);color:var(--p-accent-text);border:1px solid var(--p-accent);border-radius:var(--radius-btn);cursor:pointer;transition:background-color .25s}@media(hover:hover){.cod-fit-cta:hover{background:var(--p-accent-surface)}}.cod-fit-cta:focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}.cod-fit-cta[hidden]{display:none}.cod-fit-cta__icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--p-accent-line);border-radius:50%}.cod-fit-cta__icon .icon{width:20px;height:20px}.cod-fit-cta__txt{display:grid;gap:3px;flex:1;min-width:0;line-height:1.3}.cod-fit-cta__txt strong{font-size:var(--fs-small);font-weight:var(--f-body-weight-medium);letter-spacing:.1em;text-transform:uppercase}.cod-fit-cta__txt span{font-size:var(--fs-xsmall);color:var(--p-accent-muted)}.cod-fit-cta__chev{display:grid;flex-shrink:0}.cod-fit-cta__chev .icon{width:16px;height:16px;transition:transform .3s var(--ease)}.cod-fit-cta[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cod-fit-cta[aria-expanded=true] .cod-fit-cta__chev .icon{transform:rotate(180deg)}.cod-fit-cta[aria-expanded=true]+.cod-fit{margin-top:-8px;border-color:var(--p-accent);border-top:0}.cod-fit-cta.is-signal .cod-fit-cta__icon{animation:cod-fit-signal 1.6s var(--ease) .3s 3}@keyframes cod-fit-signal{0%{box-shadow:0 0 color-mix(in srgb,currentColor 55%,transparent)}to{box-shadow:0 0 0 12px transparent}}@media(prefers-reduced-motion:reduce){.cod-fit-cta.is-signal .cod-fit-cta__icon{animation:none}}.cod__modes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.cod-mode{position:relative;cursor:pointer}.cod-mode input{position:absolute;opacity:0;pointer-events:none}.cod-mode__box{display:grid;gap:6px;height:100%;padding:14px 14px 12px;border:1px solid var(--c-line);border-radius:var(--radius-btn);background:var(--c-bg);transition:border-color .25s,box-shadow .25s}.cod-mode input:checked+.cod-mode__box{border-color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-text)}.cod-mode input:focus-visible+.cod-mode__box{outline:1px solid var(--c-text);outline-offset:2px}.cod-mode__t{display:flex;align-items:center;gap:8px;font-size:var(--fs-small);font-weight:var(--f-body-weight-medium);line-height:1.25}.cod-mode__t .icon{width:18px;height:18px}.cod-mode__p{font-size:var(--fs-xsmall);color:var(--c-muted);letter-spacing:.02em}.cod__field--qty{grid-template-columns:1fr auto;align-items:center}.cod .qty{background:var(--c-bg)}.cod__qty{display:grid;place-items:center;color:inherit;font-variant-numeric:tabular-nums}.cod__pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cod__recap{display:grid;gap:12px;padding-top:20px;border-top:1px solid var(--c-line)}.cod__prod{display:flex;align-items:center;gap:14px}.cod__thumb{flex-shrink:0;width:52px;aspect-ratio:4 / 5;background:var(--c-bg);overflow:hidden}.cod__thumb img{width:100%;height:100%;object-fit:cover}.cod__prod-t{display:grid;gap:2px;min-width:0;font-size:var(--fs-small)}.cod__prod-t strong{font-weight:var(--f-body-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cod__prod-t span{color:var(--c-muted);font-size:var(--fs-xsmall);letter-spacing:.04em}.cod__lines{display:grid;gap:6px;margin:4px 0 0;font-size:var(--fs-small)}.cod__lines div{display:flex;justify-content:space-between;gap:12px}.cod__lines dt{color:var(--c-muted)}.cod__lines dd{margin:0;text-align:right}.cod__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--c-line);font-size:var(--fs-small)}.cod__total strong{font-family:var(--f-heading);font-weight:var(--f-heading-weight);font-size:1.4rem;letter-spacing:var(--f-heading-tracking);white-space:nowrap}.cod__total strong span:last-child{font-family:var(--f-body);font-size:var(--fs-xsmall);letter-spacing:.02em;color:var(--c-muted);margin-left:4px}.cod__submit{min-height:58px;margin-top:4px}.cod__note{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:var(--fs-xsmall);color:var(--c-muted);text-align:center}.cod__note .icon{width:15px;height:15px}.cod__formerr{margin:0;padding:12px 14px;font-size:var(--fs-small);color:#b3261e;border:1px solid #b3261e}.cod__done[hidden]{display:none}.cod__done-card{display:grid;justify-items:center;gap:14px;padding:20px 0 8px;text-align:center}.cod__done p{margin:0;max-width:36ch;color:var(--c-muted)}.cod__done strong{color:var(--c-text)}.cod__done-title{margin:0;font-family:var(--f-heading);font-weight:var(--f-heading-weight);font-size:calc(clamp(1.6rem,5vw,2.2rem) * var(--f-heading-scale));line-height:1.1;letter-spacing:var(--f-heading-tracking)}.cod__done .cod__done-sure{color:var(--c-text);font-weight:600}.cod__done-total{font-size:1.05rem}.cod__done-steps{display:grid;gap:8px;width:100%;max-width:320px;margin:4px 0 0;padding:0;list-style:none;counter-reset:etape;text-align:left}.cod__done-steps li{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--c-bg);border:1px solid var(--c-line);counter-increment:etape;font-size:var(--fs-small)}.cod__done-steps li:before{content:counter(etape);display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--p-accent);color:var(--p-accent-text);font-size:.75rem;font-weight:600}.cod__done-essai{font-size:var(--fs-xsmall);padding:10px 12px;border:1px dashed var(--c-line)}.cod__done-close{max-width:320px;margin-top:6px}.cod__done-close[hidden]{display:none}.cod__done-check{display:block;width:76px;height:76px}.cod__done-check svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cod__done-check circle{fill:#2e7d4f;stroke:#2e7d4f}.cod__done-check path{stroke:#fff;stroke-dasharray:40;stroke-dashoffset:40;animation:cod-trait .5s .25s var(--ease) forwards}@keyframes cod-trait{to{stroke-dashoffset:0}}.cod__done.is-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;place-items:center;padding:16px;overflow-y:auto;background:#141210b8;animation:cod-fond .25s ease both}.cod__done.is-popup .cod__done-card{width:100%;max-width:460px;padding:36px 24px 24px;background:var(--c-bg);color:var(--c-text);box-shadow:0 24px 60px #00000059;animation:cod-carte .35s var(--ease) both}.cod__done.is-popup .cod__done-check{width:92px;height:92px}.cod__done.is-popup .cod__done-steps li{background:var(--c-surface)}@keyframes cod-fond{0%{opacity:0}}@keyframes cod-carte{0%{opacity:0;transform:translateY(24px) scale(.96)}}@media(prefers-reduced-motion:reduce){.cod__done.is-popup,.cod__done.is-popup .cod__done-card{animation:none}.cod__done-check path{animation:none;stroke-dashoffset:0}}.cod-fit{display:grid;gap:16px;margin:2px 0 4px;padding:18px;background:var(--c-bg);border:1px solid var(--c-line)}.cod-fit[hidden]{display:none}.cod-fit__intro{margin:0;font-size:var(--fs-small);color:var(--c-muted)}.cod-fit__set{display:grid;gap:14px}.cod-fit__row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}.cod-fit__k{font-size:var(--fs-xsmall);letter-spacing:.14em;text-transform:uppercase;font-weight:var(--f-body-weight-medium)}.cod-fit__v{font-size:var(--fs-small);font-variant-numeric:tabular-nums}.cod-fit__slider{--p: 50;grid-column:1 / -1;width:100%;height:22px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}.cod-fit__slider::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--c-text) calc(var(--p) * 1%),var(--c-line) calc(var(--p) * 1%))}.cod-fit__slider::-moz-range-track{height:2px;background:var(--c-line)}.cod-fit__slider::-moz-range-progress{height:2px;background:var(--c-text)}.cod-fit__slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-9px;border-radius:50%;background:var(--c-bg);border:1px solid var(--c-text);box-shadow:0 2px 8px #0000001f}.cod-fit__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--c-bg);border:1px solid var(--c-text)}.cod-fit__card{display:grid;justify-items:center;gap:6px;padding-top:14px;border-top:1px solid var(--c-line);text-align:center}.cod-fit__label{font-size:var(--fs-xsmall);letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted)}.cod-fit__size{font-family:var(--f-heading);font-weight:var(--f-heading-weight);font-size:3rem;line-height:1;letter-spacing:-.02em;transition:opacity .17s,transform .17s}.cod-fit__size.is-swap{opacity:0;transform:translateY(6px)}.cod-fit__why{margin:0;max-width:36ch;font-size:var(--fs-small);color:var(--c-muted)}.cod-fit__pick{margin-top:6px;min-height:46px}.cod-fit__table{width:100%;border-collapse:collapse;font-size:var(--fs-small);text-align:center}.cod-fit__table caption{margin-bottom:8px;font-size:var(--fs-xsmall);letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted)}.cod-fit__table th,.cod-fit__table td{padding:7px 4px;border-top:1px solid var(--c-line)}.cod-fit__table thead th{font-size:var(--fs-xsmall);font-weight:var(--f-body-weight-medium);color:var(--c-muted);border-top:0}.fomo{position:fixed;left:16px;bottom:16px;z-index:35;display:flex;align-items:stretch;width:min(340px,calc(100vw - 32px));background:var(--p-inverse-bg);color:var(--p-inverse-text);border:1px solid var(--p-inverse-line);box-shadow:0 14px 40px #0000004d;opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .65s var(--ease)}.fomo[hidden]{display:none}.fomo.is-on{opacity:1;transform:none}.fomo__link{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:10px 8px 10px 10px}.fomo__thumb{flex-shrink:0;width:50px;aspect-ratio:4 / 5;background:var(--p-inverse-surface);overflow:hidden}.fomo__thumb img{width:100%;height:100%;object-fit:cover}.fomo__body{display:grid;gap:1px;min-width:0;line-height:1.35}.fomo__t{font-size:var(--fs-small);font-weight:var(--f-body-weight-medium)}.fomo__s{font-size:var(--fs-xsmall);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fomo__when{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-inverse-muted)}.fomo__x{display:grid;place-items:center;width:34px;flex-shrink:0;color:var(--p-inverse-muted)}.fomo__x:hover{color:var(--p-inverse-text)}.fomo__x .icon{width:14px;height:14px}@media(max-width:989px){.fomo{left:12px;bottom:calc(12px + env(safe-area-inset-bottom))}body:has(.sticky-buy.is-visible) .fomo{bottom:calc(84px + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cod.css.map */