#shade-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9998;transition:opacity .3s ease}#shade-modal-overlay.active{opacity:1}#shade-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;z-index:9999;flex-direction:column;transition:opacity .3s ease,transform .3s ease}#shade-modal.active{opacity:1;transform:translate(-50%,-50%) scale(1)}#shade-modal.loading{pointer-events:none;opacity:.6}#shade-modal.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#shade-modal[data-rebuilding=true]{pointer-events:none}#shade-modal[data-rebuilding=true]:before{content:"Updating...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:20px 40px;border-radius:4px;font-weight:600;z-index:10;box-shadow:0 2px 8px #00000026}.shade-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.shade-modal-header h3{margin:0;font-size:1.2rem}.close-shade-modal{background:none;border:none;font-size:1.8rem;font-weight:700;cursor:pointer;color:#888;padding:0;line-height:1;transition:color .2s ease}.close-shade-modal:hover{color:#333}.shade-modal-body{overflow-y:auto;padding:10px 20px;flex:1}.shade-variant-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.shade-variant-item:hover{background-color:#fafafa}.shade-variant-item:last-child{border-bottom:none}.shade-variant-image{width:40px;height:40px;border-radius:50%;margin-right:15px;object-fit:cover;border:1px solid #eee;flex-shrink:0}.shade-variant-info{flex-grow:1;min-width:0}.shade-variant-title{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shade-variant-price{font-size:.9rem;color:#555}.shade-variant-stock{font-size:.85rem;margin-top:4px;min-height:1.2em}.shade-variant-stock-status{display:inline-block;font-weight:500;transition:color .2s ease}.shade-quantity-selector{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;height:32px;flex-shrink:0;transition:border-color .2s ease,opacity .2s ease}.shade-quantity-selector:hover:not(.disabled){border-color:#999}#shade-modal .shade-qty-btn{background:none!important;border:none!important;cursor:pointer;font-size:1.2rem!important;font-weight:700!important;width:30px!important;height:30px!important;color:#333!important;flex-shrink:0;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;transition:color .2s ease,background-color .2s ease}#shade-modal .shade-qty-btn:hover:not(:disabled){background-color:#f0f0f0!important}#shade-modal .shade-qty-btn:disabled{cursor:not-allowed;opacity:.5}#shade-modal .shade-qty-input{flex-grow:1;width:35px;text-align:center!important;border:none!important;border-left:1px solid #ccc!important;border-right:1px solid #ccc!important;height:30px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;-moz-appearance:textfield;line-height:30px!important;background-color:#fff!important;box-shadow:none!important;outline:none!important;font-size:.95rem;transition:background-color .2s ease}#shade-modal .shade-qty-input:focus{background-color:#fafafa!important}#shade-modal .shade-qty-input::-webkit-outer-spin-button,#shade-modal .shade-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shade-modal-footer{padding:20px;border-top:1px solid #eee;background-color:#f9f9f9}#bulk-add-to-cart{width:100%;padding:12px 24px;font-size:1rem;font-weight:600;transition:background-color .2s ease,opacity .2s ease}#bulk-add-to-cart:disabled{opacity:.6;cursor:not-allowed}#shade-modal.active{display:flex}#shade-modal-overlay.active{display:block}.stock-in{color:#28a745;font-weight:500}.stock-low{color:#f48c06;font-weight:600}.stock-oos{color:#d00000;font-weight:600}.shade-quantity-selector.disabled{opacity:.5;background-color:#f0f0f0;cursor:not-allowed;border-color:#ddd}.shade-quantity-selector.disabled .shade-qty-btn{cursor:not-allowed}#shade-modal .shade-quantity-selector.disabled .shade-qty-input{background-color:#f0f0f0!important;cursor:not-allowed}@media (max-width: 600px){#shade-modal{width:95%;max-width:95%;max-height:85vh}.shade-modal-header{padding:12px 15px}.shade-modal-header h3{font-size:1.1rem}.shade-modal-body{padding:8px 15px}.shade-variant-item{padding:12px 0}.shade-variant-image{width:35px;height:35px;margin-right:12px}.shade-variant-title{font-size:.9rem}.shade-variant-price{font-size:.85rem}.shade-modal-footer{padding:15px}}.shade-modal-body::-webkit-scrollbar{width:8px}.shade-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.shade-modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.shade-modal-body::-webkit-scrollbar-thumb:hover{background:#555}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}#shade-modal.active{animation:modalSlideIn .3s ease-out}#shade-confirm-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:10000;transition:opacity .3s ease}#shade-confirm-overlay.active{display:block;opacity:1}#shade-confirm-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 6px 20px #0000004d;z-index:10001;padding:0;transition:opacity .3s ease,transform .3s ease}#shade-confirm-modal.active{display:block;opacity:1;animation:confirmModalSlideIn .3s ease-out}@keyframes confirmModalSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.confirm-modal-content{padding:24px}.confirm-modal-icon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background-color:#fff3cd;border-radius:50%;font-size:24px}.confirm-modal-title{font-size:1.25rem;font-weight:600;margin:0 0 12px;text-align:center;color:#333}.confirm-modal-message{font-size:.95rem;line-height:1.5;color:#666;text-align:center;margin:0 0 24px}.confirm-modal-buttons{display:flex;gap:12px;flex-direction:column}.confirm-modal-buttons button{width:100%;padding:14px 24px;font-size:.95rem;font-weight:500;border:1px solid;border-radius:0;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .1s ease;text-transform:none;letter-spacing:.3px}.confirm-modal-buttons button:active{transform:scale(.98)}.confirm-add-btn{background-color:#c32178;color:#fff;border-color:#c32178;order:1}.confirm-add-btn:hover{background-color:#d63d8f;border-color:#d63d8f}.confirm-cancel-btn{background-color:transparent;color:#333;border-color:#ddd;order:2}.confirm-cancel-btn:hover{background-color:#f9f9f9;border-color:#ccc}@media (max-width: 600px){#shade-confirm-modal{width:95%;max-width:95%}.confirm-modal-content{padding:20px}.confirm-modal-title{font-size:1.1rem}.confirm-modal-message{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/bulk-shade-modal.css.map */