.variant-picker-unit-based{max-width:1200px;margin:20px 0}.vpub-label{display:block;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:15px}.label-text{color:#374151}.selected-value{color:#374151;margin-left:8px;font-weight:700}.unit-selection-section{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.unit-buttons-row{display:flex;flex-wrap:wrap;gap:12px}.unit-btn{flex:1;min-width:150px;padding:5px 10px;border:2px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.unit-btn:hover{border-color:#1f2937;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.unit-btn.selected{border-color:#374151;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.unit-name{font-size:12px;font-weight:700;color:#1f2937;text-align:center}.unit-btn.selected .unit-name{color:#374151}.unit-price{font-size:14px;font-weight:800;color:#dc2626}.color-selection-section{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.color-swatches-row{display:flex;flex-wrap:wrap;gap:12px}.color-swatch-btn{width:100px;padding:8px;border:2px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.color-swatch-btn:hover{border-color:#1f2937;box-shadow:0 2px 8px #fff;transform:translateY(-2px)}.color-swatch-btn.selected{border-color:#374151;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.color-swatch-btn img{width:60px;height:60px;object-fit:cover;border-radius:4px}.color-placeholder{width:60px;height:60px;border-radius:4px;background:#e5e7eb}.color-label{font-size:12px;font-weight:600;color:#374151;text-align:center;word-break:break-word;line-height:1.2}.color-swatch-btn.selected .color-label{color:#374151}.size-quantity-section{margin-bottom:20px}.size-table-container{margin-top:15px}.placeholder-message{padding:10px 20px;text-align:center;color:#6b7280;font-size:15px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}.size-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.size-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:14px;font-weight:700;color:#e63131;border-bottom:2px solid #e5e7eb}.size-table td{padding:4px 16px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#1f2937}.size-table tr:last-child td{border-bottom:none}.size-table tr:hover{background:#f9fafb}.size-name-cell{font-weight:700;color:#1f2937}.price-cell{font-weight:700;color:#dc2626;font-size:16px}.stock-cell{font-size:13px;color:#059669;font-weight:600}.stock-cell.out-of-stock{color:#dc2626}.qty-input{width:80px;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-weight:600;text-align:center;transition:border-color .2s}.qty-input:focus{outline:none;border-color:#1f2937;box-shadow:0 0 0 2px #f8f8f8}.qty-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.cart-section{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px;padding-top:15px;border-top:2px solid #e5e7eb}.vpub-add-cart-btn{padding:14px 48px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.vpub-add-cart-btn:hover:not(:disabled){background:#b82c2c;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.vpub-add-cart-btn:disabled{background:#dc26267d;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cart-summary{font-size:16px;color:#374151;font-weight:600}.cart-summary strong{color:#374151;font-size:20px}@media (max-width: 768px){.unit-buttons-row{flex-direction:column}.unit-btn{min-width:100%}.color-swatches-row{justify-content:center}.size-table{font-size:13px}.size-table th,.size-table td{padding:10px 12px}.qty-input{width:60px;padding:6px 8px}.cart-section{flex-direction:column}.vpub-add-cart-btn{width:100%;justify-content:center}}@media (max-width: 480px){.color-swatch-btn{width:80px}.color-swatch-btn img,.color-placeholder{width:50px;height:50px}.color-label{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/variant-picker-unit-based.css.map */