.variant-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.variant-popup.is-open{opacity:1;visibility:visible}.variant-popup.hidden{display:none!important}.variant-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;cursor:pointer}.variant-popup__content{position:relative;background:#fff;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:20px}.variant-popup__header{display:flex;justify-content:space-between;align-items:flex-start}.variant-popup__title{font-size:18px;font-weight:700;margin:0;color:#111;line-height:1.2}.variant-popup__subtitle{font-size:12px;text-transform:uppercase;color:#666;margin:4px 0 0;letter-spacing:.5px}.variant-popup__close{background:none;border:none;cursor:pointer;padding:5px;color:#000;display:flex;align-items:center;justify-content:center}.variant-popup__close svg{width:14px;height:14px}.variant-popup__body{display:flex;flex-direction:column;gap:20px}.variant-popup__option-group{display:flex;flex-direction:column;gap:10px}.variant-popup__option-name{font-size:14px;color:#333}.variant-popup__options-list{display:flex;flex-wrap:wrap;gap:10px}.variant-popup__swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #eaeaea;border-radius:6px;padding:10px;cursor:pointer;min-width:65px;transition:all .2s ease;background:#fff}.variant-popup__swatch:hover{border-color:#ccc}.variant-popup__swatch.is-active{border-color:#000;background:#fafafa}.variant-popup__swatch.is-disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.variant-popup__swatch-color{width:24px;height:24px;border-radius:50%;margin-bottom:6px;border:1px solid rgba(0,0,0,.1);background-size:cover;background-position:center}.variant-popup__swatch-label{font-size:11px;text-align:center;color:#333}.variant-popup__footer{display:flex;gap:15px;align-items:stretch;margin-top:10px}.variant-popup__quantity{flex-shrink:0}.variant-popup__quantity .quantity{height:48px;border-radius:6px;background:#f7f7f7;border:none}.variant-popup__cta{flex-grow:1}.variant-popup__submit-btn{width:100%;height:48px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;position:relative}.variant-popup__submit-btn:hover{background:#000}.variant-popup__submit-btn:disabled,.variant-popup__submit-btn.is-disabled{opacity:.5;cursor:not-allowed}.variant-popup__submit-btn .loading-overlay__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px}.variant-popup__submit-btn .loading-overlay__spinner.hidden{display:none!important}.variant-popup__submit-btn .loading-overlay__spinner svg{stroke:#fff}@media screen and (max-width:749px){.variant-popup__content{padding:24px 20px}.variant-popup__footer{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/variant-selection-popup.css.map */