#vsm-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9999;display:none;align-items:center;justify-content:center}#vsm-modal.show{display:flex}#vsm-sheet{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0003;animation:vsm-slide .3s ease;overflow:hidden}@keyframes vsm-slide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#vsm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}#vsm-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#1a1a1a;margin:0}#vsm-title svg{color:#235a49}#vsm-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}#vsm-list{overflow-y:auto;flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:10px}#vsm-list::-webkit-scrollbar{width:16px!important}#vsm-list::-webkit-scrollbar-track{background:#f1f1f1!important}#vsm-list::-webkit-scrollbar-thumb{background:#888!important;border-radius:0!important}#vsm-list{scrollbar-width:auto!important;scrollbar-color:#888 #f1f1f1!important}.vsm-item{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid #e8e8e8;border-radius:12px;transition:border-color .2s}.vsm-item:hover{border-color:#ccc}.vsm-img{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f5f5f5}.vsm-img img{width:100%;height:100%;object-fit:cover}.vsm-info{flex:1;min-width:0}.vsm-name{font-size:13px;font-weight:600;color:#1a1a1a;margin:0 0 2px}.vsm-prices{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;line-height:1.2}.vsm-price{font-size:14px;font-weight:700;color:#1a1a1a}.vsm-compare{font-size:12px;color:#999;text-decoration:line-through}.vsm-per-unit{margin:0;display:inline}.vsm-per-unit span{font-size:9px;font-weight:700;color:#235a49;background:#d1ffc5;padding:2px 6px;border-radius:4px}.vsm-best-price{font-size:11px;color:#235a49;display:block;padding:0;margin:1px 0 0;font-weight:600}.vsm-action{flex-shrink:0}.vsm-add-btn{display:flex;align-items:center;gap:6px;background:#235a49;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.vsm-add-btn:hover{background:#1a4638}.vsm-add-btn svg{flex-shrink:0}.vsm-add-btn.loading{opacity:.6;pointer-events:none}.vsm-add-btn.loading span{display:none}.vsm-add-btn.loading svg{display:none}.vsm-add-btn .vsm-spinner{display:none}.vsm-add-btn.loading .vsm-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:vsm-spin .6s linear infinite}@keyframes vsm-spin{to{transform:rotate(360deg)}}.vsm-qty{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;border:none}.vsm-qty button{background:#235a49;color:#fff;border:none;width:32px;height:36px;font-size:18px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.vsm-qty button:hover{background:#1a4638}.vsm-qty .vsm-qty-val{width:32px;text-align:center;font-size:14px;font-weight:600;color:#fff;background:#235a49;line-height:36px}@media(max-width:600px){#vsm-modal{align-items:flex-end}#vsm-sheet{width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:75vh}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/variant-selector-modal.css.map */