.variant-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.variant-modal.active{opacity:1;visibility:visible}.variant-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.variant-modal-content{position:relative;background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1);scrollbar-width:none;-ms-overflow-style:none}.variant-modal-content::-webkit-scrollbar{display:none}.variant-modal.active .variant-modal-content{transform:scale(1)}.variant-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.variant-modal-close:hover{background:#0000001a;transform:rotate(90deg)}.variant-modal-close svg{color:#666}.variant-modal-header{padding:40px 30px 30px;text-align:center;border-bottom:1px solid #f0f0f0}.variant-modal-product-image{width:120px;height:120px;object-fit:contain;margin:0 auto 20px;display:block}.variant-modal-product-title{font-size:24px;font-weight:700;margin-bottom:10px;color:#1a1a1a}.variant-modal-product-price{font-size:20px;font-weight:600;color:var(--modal-primary-color, #e84e9a)}.variant-modal-body{padding:30px}.variant-modal-section-title{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:#666}.variant-modal-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.variant-modal-option{display:flex;flex-direction:column;align-items:center;padding:20px;border:2px solid #e7e7e7;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative}.variant-modal-option:hover{border-color:var(--modal-primary-color, #e84e9a);transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.variant-modal-option.active{border-color:var(--modal-primary-color, #e84e9a);background:linear-gradient(135deg,#e84e9a0d,#ff6bb50d);box-shadow:0 0 0 2px var(--modal-primary-color, #e84e9a)}.variant-modal-option.unavailable{opacity:.4;cursor:not-allowed}.variant-modal-option.unavailable:hover{transform:none;box-shadow:none;border-color:#e7e7e7}.variant-modal-option-icon{width:calc(var(--modal-icon-size, 60px) * 1.5);height:calc(var(--modal-icon-size, 60px) * 1.5);margin-bottom:12px;object-fit:contain}.variant-modal-option-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#1a1a1a;margin-bottom:4px}.variant-modal-option-price{font-size:16px;font-weight:700;color:var(--modal-primary-color, #e84e9a)}.variant-modal-option-sold-out{position:absolute;top:10px;right:10px;background:red;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase}.variant-modal-selected-info{padding:16px;background:linear-gradient(135deg,#e84e9a1a,#ff6bb51a);border-radius:12px;text-align:center}.selected-variant-name{font-size:16px;font-weight:600;margin-bottom:4px;color:#1a1a1a}.selected-variant-price{font-size:18px;font-weight:700;color:var(--modal-primary-color, #e84e9a)}.variant-modal-footer{padding:0 30px 30px}.variant-modal-add-btn{width:100%;padding:18px 32px;background:linear-gradient(135deg,var(--modal-primary-color, #e84e9a),var(--modal-secondary-color, #ff6bb5));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px}.variant-modal-add-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 30px #e84e9a66}.variant-modal-add-btn:disabled{opacity:.5;cursor:not-allowed;background:#ccc}.variant-modal-add-btn svg{width:20px;height:20px}.variant-modal-success{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffffa;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;z-index:10}.success-checkmark{margin-bottom:20px;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-checkmark circle{stroke-dasharray:240;stroke-dashoffset:240;animation:drawCircle .6s ease-out forwards}.success-checkmark path{stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck .4s ease-out .3s forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-message{font-size:24px;font-weight:700;color:#4caf50;animation:fadeInUp .4s ease-out .5s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 749px){.variant-modal{padding:0;align-items:flex-end}.variant-modal-content{border-radius:20px 20px 0 0;max-height:85vh;width:100%;max-width:100%;transform:translateY(100%)}.variant-modal.active .variant-modal-content{transform:translateY(0)}.variant-modal-close{top:16px;right:16px;width:32px;height:32px;background:transparent}.variant-modal-close svg{width:20px;height:20px;color:#999}.variant-modal-header{padding:20px 20px 16px;border-bottom:1px solid #f0f0f0;text-align:left}.variant-modal-product-image{display:none}.variant-modal-product-title{font-size:18px;font-weight:600;color:#1a1a1a;padding-right:40px}.variant-modal-product-price{display:none}.variant-modal-body{padding:0}.variant-modal-section-title{display:none}.variant-modal-options{display:flex;flex-direction:column;gap:0;margin-bottom:0}.variant-modal-option{flex-direction:row;align-items:center;padding:20px 24px;border:none;border-bottom:1px solid #f0f0f0;border-radius:0;background:#fff;justify-content:flex-start;position:relative}.variant-modal-option:hover{border-color:#f0f0f0;transform:none;box-shadow:none;background:#fafafa}.variant-modal-option.active{border-color:#f0f0f0;background:#fafafa;box-shadow:none}.variant-modal-option.active:after{content:"\2713";position:absolute;right:24px;font-size:20px;font-weight:700;color:var(--modal-primary-color, #e84e9a)}.variant-modal-option-icon{width:40px;height:40px;margin-bottom:0;margin-right:16px;flex-shrink:0}.variant-modal-option-label{font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:#1a1a1a;margin-bottom:0;text-align:left;flex:1}.variant-modal-option-price{display:none}.variant-modal-selected-info{display:none!important}.variant-modal-footer{padding:16px 20px 20px;background:#fff;border-top:1px solid #f0f0f0}.variant-modal-add-btn{padding:16px 24px;font-size:15px;font-weight:600;border-radius:10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/variant-selection-modal.css.map */