/* Shopify Connect by Zuid — Cart Styles */

.sc-cart-header, .sc-cart-row {
    display: grid;
    grid-template-columns: 80px 1fr 120px 100px;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
.sc-cart-header { font-weight: 600; font-size: 13px; color: #666; }
.sc-no-cart { opacity: 0.5; pointer-events: none; cursor: not-allowed; }
.sc-col-image img { width: 70px; height: 70px; object-fit: cover; border-radius: 6px; }
.sc-item-name { font-weight: 500; font-size: 14px; }
.sc-item-variant, .sc-item-prop { font-size: 12px; color: #666; margin-top: 2px; }
.sc-item-price { font-size: 13px; margin-top: 4px; }
.sc-item-discount { font-size: 11px; color: #2a7d4f; margin-top: 2px; }
.sc-col-qty { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.sc-qty-controls { display: flex; align-items: center; gap: 8px; border: 1px solid #ddd; border-radius: 6px; padding: 4px 8px; }
.sc-qty-btn { background: none; border: none; cursor: pointer; font-size: 16px; padding: 0 4px; }
.sc-qty-value { min-width: 24px; text-align: center; }
.sc-remove-btn { background: none; border: none; cursor: pointer; color: #999; padding: 4px; }
.sc-remove-btn:hover { color: #e00; }
.sc-col-subtotal { font-weight: 500; text-align: right; }
.sc-cart-footer { padding: 16px 0; }
.sc-discount-row { display: flex; gap: 8px; margin-bottom: 8px; }
.sc-discount-input { flex: 1; padding: 8px 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; }
.sc-discount-btn { padding: 8px 16px; background: #111; color: #fff; border: none; border-radius: 6px; cursor: pointer; }
.sc-discount-msg { font-size: 12px; margin-bottom: 8px; }
.sc-savings-row { font-size: 13px; color: #2a7d4f; font-weight: 500; margin-bottom: 8px; text-align: right; }
.sc-total-row { display: flex; justify-content: space-between; font-size: 16px; font-weight: 600; margin-bottom: 12px; }
.sc-checkout-btn { display: block; text-align: center; background: #111; color: #fff; padding: 12px; border-radius: 6px; text-decoration: none; font-weight: 500; }
.sc-cart-empty { padding: 24px 0; text-align: center; color: #999; font-size: 14px; }

/* Mini cart */
.sc-mini-header { display: flex; justify-content: space-between; font-weight: 600; margin-bottom: 12px; }
.sc-mini-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #eee; }
.sc-mini-img { width: 48px; height: 48px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.sc-mini-info { flex: 1; }
.sc-mini-name { font-size: 13px; font-weight: 500; }
.sc-mini-price { font-size: 12px; color: #666; }
.sc-mini-qty { display: flex; align-items: center; gap: 6px; }
.sc-mini-qty .sc-qty-btn { background: none; border: 1px solid #ddd; border-radius: 4px; width: 24px; height: 24px; cursor: pointer; font-size: 14px; }
.sc-mini-qty .sc-remove-btn { background: none; border: none; cursor: pointer; color: #999; padding: 2px; }
.sc-mini-qty .sc-remove-btn:hover { color: #e00; }
[data-sc-cart].sc-loading { position: relative; pointer-events: none; }
[data-sc-cart].sc-loading > * { opacity: .35; }
[data-sc-cart].sc-loading::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    width: 24px; height: 24px;
    margin: -12px 0 0 -12px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: sc-spin .7s linear infinite;
}
@keyframes sc-spin { to { transform: rotate(360deg); } }

/* .sc-option-group { margin-bottom: 12px; }
.sc-option-label { display: block; font-size: 12px; color: #666; margin-bottom: 4px; }
.sc-option-select { width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; background: #fff; }

.sc-option-choices { display: flex; flex-wrap: wrap; gap: 8px; }
.sc-radio { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 6px; cursor: pointer; font-size: 14px; }
.sc-radio input { margin: 0; }
.sc-radio:has(input:checked) { border-color: #111; background: #f5f5f5; } */

/* Visibility helpers */
[data-sc-available],
[data-sc-unavailable],
[data-sc-on-sale] {
    display: none;
}
[data-sc-available].sc-visible,
[data-sc-unavailable].sc-visible,
[data-sc-on-sale].sc-visible {
    display: block;
}
.sc-hidden { display: none !important; }
.sc-visible { display: block; }