variant-selects [data-option-name=Forme],variant-selects [data-option-name=Dimension],variant-selects [data-option-name=Dimensions],variant-selects [data-option-name=Taille],variant-selects [data-option-name=Size],variant-selects [data-option-name=Shape],variant-radios [data-option-name=Forme],variant-radios [data-option-name=Dimension],variant-radios [data-option-name=Dimensions],variant-radios [data-option-name=Taille],variant-radios [data-option-name=Size],variant-radios [data-option-name=Shape],fieldset[data-option-name=Forme],fieldset[data-option-name=Dimension],fieldset[data-option-name=Dimensions],fieldset[data-option-name=Taille],fieldset[data-option-name=Size],fieldset[data-option-name=Shape]{display:none!important}.product__variant-drawer{margin-top:20px}.vd-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:var(--cm-paper);border:1px solid var(--cm-rule);border-radius:var(--blocks-radius, 8px);cursor:pointer;font-family:var(--font-body-family, sans-serif);font-size:var(--font-body-size, 15px);text-align:left;transition:border-color var(--dur-1) var(--ease-out)}.vd-trigger:hover{border-color:var(--cm-rule-strong)}.vd-trigger__label{color:var(--cm-ink-muted)}.vd-trigger__summary{color:var(--cm-ink);font-weight:500;flex:1;text-align:right;margin-right:8px}.vd-trigger__chev{width:20px;height:20px;color:var(--cm-ink-muted)}.vd-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-drawer);opacity:0;visibility:hidden;transition:opacity var(--dur-3) var(--ease-both),visibility var(--dur-3) var(--ease-both);cursor:pointer}.vd-overlay.is-visible{opacity:1;visibility:visible}.vd-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--cm-paper);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--dur-3) var(--ease-both);box-shadow:-4px 0 20px #0000001a}.vd-drawer.is-visible{transform:translate(0)}.vd-drawer__handle{display:none}.vd-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cm-rule);flex-shrink:0}.vd-drawer__title{font-family:var(--font-heading-family, sans-serif);font-size:18px;font-weight:var(--font-heading-weight, 600);margin:0;color:var(--cm-ink)}.vd-drawer__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--cm-ink);padding:0;flex-shrink:0;transition:transform var(--dur-2) var(--ease-out)}.vd-drawer__close:hover{transform:rotate(90deg)}.vd-drawer__close .icon{width:24px;height:24px}.vd-drawer__body{flex:1;overflow-y:auto;padding:24px;-webkit-overflow-scrolling:touch}.vd-drawer__section-title{font-family:var(--font-body-family, sans-serif);font-size:12px;font-weight:600;color:var(--cm-ink-muted);letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.vd-drawer__shapes{margin-bottom:24px}.vd-drawer__shapes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px}.vd-shape-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px 12px;background:var(--cm-paper);border:1px solid var(--cm-rule);border-radius:var(--blocks-radius, 8px);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out);min-height:90px;text-align:center}.vd-shape-card:hover{border-color:var(--cm-rule-strong)}.vd-shape-card.is-active{border-color:var(--cm-ink);border-width:2px}.vd-shape-card__icon{width:44px;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.vd-shape-card__icon svg{width:100%;height:100%}.vd-shape-card__label{font-family:var(--font-body-family, sans-serif);font-size:12px;font-weight:500;color:var(--cm-ink);line-height:1.2}.vd-shape-card.is-active .vd-shape-card__label{font-weight:600}.vd-drawer__sizes-section{margin-top:8px}.vd-drawer__sizes{display:flex;flex-direction:column;gap:8px}.vd-size-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:var(--cm-paper);border:1px solid var(--cm-rule);border-radius:var(--blocks-radius, 8px);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out);font-family:var(--font-body-family, sans-serif);text-align:left}.vd-size-row:hover:not(.is-disabled){border-color:var(--cm-rule-strong)}.vd-size-row.is-active{border-color:var(--cm-ink);border-width:2px}.vd-size-row.is-disabled{opacity:.5;cursor:not-allowed}.vd-size-row__left{display:flex;align-items:center;gap:12px}.vd-size-row__size{font-size:15px;font-weight:600;color:var(--cm-ink)}.vd-size-row__stock{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500}.vd-size-row__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vd-size-row__stock.is-available{color:var(--cm-olive)}.vd-size-row__stock.is-unavailable{color:var(--cm-ink-muted)}.vd-size-row__right{display:flex;align-items:center;gap:8px}.vd-size-row__badge{padding:2px 6px;background:var(--cm-ink);color:var(--cm-paper);font-size:var(--cm-fs-label);font-weight:700;border-radius:4px}.vd-size-row__compare{font-size:12px;color:var(--cm-ink-muted);text-decoration:line-through}.vd-size-row__price{font-size:15px;font-weight:700;color:var(--cm-ink)}.vd-drawer__footer{padding:16px 24px 24px;border-top:1px solid var(--cm-rule);flex-shrink:0}.vd-drawer__add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-family:var(--font-button-family, var(--font-body-family, sans-serif));font-weight:var(--font-button-weight, 700);font-size:15px;text-transform:capitalize;letter-spacing:var(--buttons-letter-spacing, 0);border-radius:var(--blocks-radius, 8px);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.vd-drawer__add-btn.btn--secondary{background:var(--cm-ink)!important;color:var(--cm-paper)!important;border:1px solid var(--cm-ink)!important}.vd-drawer__add-btn.btn--secondary:hover,.vd-drawer__add-btn.btn--secondary:focus{background:var(--cm-ink-soft)!important;color:var(--cm-paper)!important;border-color:var(--cm-ink-soft)!important}.vd-drawer__add-btn.btn--secondary span,.vd-drawer__add-btn.btn--secondary svg{color:inherit!important}.vd-drawer__add-btn.btn--loading{pointer-events:none;opacity:.7}.vd-drawer__add-btn svg{width:18px;height:18px;flex-shrink:0}@media(max-width:767px){.vd-trigger{flex-direction:column;align-items:stretch;padding:0;border:1px solid var(--cm-rule);border-radius:var(--blocks-radius, 8px);overflow:hidden}.vd-trigger__label{display:block;padding:8px 16px 0;font-size:var(--cm-fs-label);color:var(--cm-ink-muted)}.vd-trigger__label span{display:none}.vd-trigger__label:before{content:"Votre choix"}.vd-trigger__summary{display:block;padding:4px 16px 12px;text-align:left;margin:0;font-size:14px;font-weight:500}.vd-trigger__chev{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.vd-trigger{position:relative}.vd-drawer{top:auto;right:0;bottom:0;left:0;width:100%;max-width:100%;max-height:70vh;border-radius:16px 16px 0 0;transform:translateY(100%);box-shadow:0 -4px 20px #00000026;will-change:transform}.vd-drawer.is-visible{transform:translateY(0)}.vd-drawer__handle{display:flex;justify-content:center;padding:12px 0 4px;cursor:grab;touch-action:none}.vd-drawer__handle span{width:36px;height:4px;background:var(--cm-rule-strong);border-radius:2px}.vd-drawer__header{padding:8px 20px 14px;cursor:grab;touch-action:none}.vd-drawer__title{font-size:16px}.vd-drawer__close,.vd-drawer__close .icon{width:20px;height:20px}.vd-drawer__body{padding:16px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.vd-drawer__shapes-grid{grid-template-columns:repeat(3,1fr);gap:8px}.vd-shape-card{min-height:75px;padding:12px 6px 10px}.vd-shape-card__icon{width:36px;height:26px;margin-bottom:6px}.vd-shape-card__label{font-size:var(--cm-fs-label)}.vd-size-row{padding:12px 14px}.vd-size-row__size,.vd-size-row__price{font-size:14px}.vd-drawer__footer{padding:14px 20px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}@media(max-width:374px){.vd-drawer__shapes-grid{grid-template-columns:repeat(2,1fr)}}@media print{.vd-overlay,.vd-drawer{display:none!important}}.product__variant-drawer,.vd-drawer,.vd-drawer__add-btn,.vd-drawer__body{contain:content}
/*# sourceMappingURL=/cdn/shop/t/86/assets/variant-drawer.css.map */