/* Phase 5 — Product, Cart, Checkout & Customer UX */
.woo-shell{padding-block:clamp(1.5rem,4vw,3.5rem)}
.woo-shell--product .breadcrumb,.woo-shell--collection .breadcrumb{margin-bottom:1.25rem}
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(1.5rem,5vw,4rem)}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto;margin:0}
.woocommerce div.product .woocommerce-product-gallery{min-width:0}
.woocommerce div.product .woocommerce-product-gallery__image{overflow:hidden;border-radius:var(--sv-radius-lg);background:var(--sv-bg-subtle)}
.woocommerce div.product .summary{align-self:start;padding:clamp(.25rem,2vw,1rem) 0}
.woocommerce div.product .product_title{margin:0 0 .75rem;font-size:var(--sv-step-4);line-height:1.4}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--sv-brand-red);font-size:var(--sv-step-2);font-weight:700}
.woocommerce div.product .stock{color:var(--sv-brand-green);font-weight:700}
.product-taxonomy-summary{display:grid;gap:.55rem;margin:0 0 1rem;padding:1rem;border:1px solid var(--sv-border);border-radius:var(--sv-radius-md);background:var(--sv-bg-subtle)}
.product-taxonomy-summary div{display:flex;justify-content:space-between;gap:1rem}
.product-taxonomy-summary dt{color:var(--sv-text-muted);font-size:var(--sv-step--2)}
.product-taxonomy-summary dd{margin:0;color:var(--sv-text);font-weight:700}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}
.woocommerce div.product form.cart .variations{width:100%;margin-bottom:.5rem;border:0}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{padding:.45rem 0;text-align:start;vertical-align:middle}
.woocommerce div.product form.cart .variations select{min-width:min(100%,18rem)}
.woocommerce div.product form.cart .quantity .qty{min-height:46px;width:5.5rem}
.product-customer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.sv-collection-form{min-width:0}
.sv-collection-button{width:100%;justify-content:center;gap:.45rem}
.sv-collection-button svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8}
.sv-collection-button.is-active{border-color:var(--sv-brand-red);color:var(--sv-brand-red);background:rgba(166,30,30,.06)}
.sv-collection-button:disabled{opacity:.58;cursor:progress}
.sv-collection-feedback{display:block;min-height:1.35em;margin-top:.2rem;color:var(--sv-text-muted);font-size:var(--sv-step--2)}
.sv-collection-form--compact .sv-collection-button{min-height:40px;padding:.45rem .55rem;font-size:var(--sv-step--2)}
.product-card__collection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.55rem}
.product-card__collection-actions .sv-collection-feedback{display:none}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1;min-width:0}
.collection-page{display:grid;gap:1.5rem}
.collection-hero{padding:clamp(1.4rem,4vw,2.5rem);border:1px solid var(--sv-border);border-radius:var(--sv-radius-lg);background:linear-gradient(145deg,#FFF9F4,#F6E9DC)}
.collection-hero h1{margin:.15rem 0 .55rem;font-size:var(--sv-step-4)}
.collection-hero p:last-child{margin:0;color:var(--sv-text-muted)}
.collection-empty{padding:clamp(2rem,7vw,5rem);text-align:center;border:1px dashed var(--sv-border);border-radius:var(--sv-radius-lg);background:var(--sv-surface)}
.compare-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--sv-border);border-radius:var(--sv-radius-md);background:var(--sv-surface)}
.compare-table{width:100%;min-width:720px;border-collapse:collapse}
.compare-table th,.compare-table td{min-width:11rem;padding:1rem;border-bottom:1px solid var(--sv-border);border-inline-end:1px solid var(--sv-border);text-align:start;vertical-align:top}
.compare-table th:first-child{min-width:8rem;background:var(--sv-bg-subtle)}
.compare-table thead th{position:sticky;top:0;z-index:1;background:var(--sv-surface)}
.compare-table a{color:var(--sv-text);font-weight:700;text-decoration:none}
.compare-table .price{color:var(--sv-brand-red);font-weight:700}
.woocommerce-cart .wc-block-cart,.woocommerce-checkout .wc-block-checkout{gap:clamp(1rem,3vw,2rem)}
.woocommerce-cart .wc-block-components-sidebar,.woocommerce-checkout .wc-block-components-sidebar{padding:1rem;border:1px solid var(--sv-border);border-radius:var(--sv-radius-md);background:var(--sv-surface)}
.woocommerce-cart .wc-block-cart-item__image img,.woocommerce-checkout .wc-block-components-order-summary-item__image img{border-radius:var(--sv-radius-sm)}
.wc-block-components-button:not(.is-link){min-height:46px;border-radius:var(--sv-radius-sm)}
.wc-block-components-button.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:var(--sv-brand-red);color:#fff}
.woocommerce-error,.woocommerce-info,.woocommerce-message{border-radius:var(--sv-radius-sm);background:var(--sv-surface)}
.woocommerce-account .content-card{padding:clamp(1rem,3vw,2rem)}
.woocommerce-account .woocommerce-MyAccount-navigation{float:right;width:24%;padding:1rem;border:1px solid var(--sv-border);border-radius:var(--sv-radius-md);background:var(--sv-surface)}
.woocommerce-account .woocommerce-MyAccount-content{float:left;width:72%;padding:1rem;border:1px solid var(--sv-border);border-radius:var(--sv-radius-md);background:var(--sv-surface)}
.woocommerce-account form.login,.woocommerce-account form.register{max-width:42rem;margin-inline:auto}
@media(max-width:959px){
.woocommerce div.product{grid-template-columns:1fr}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}
.woocommerce-account .woocommerce-MyAccount-content{margin-top:1rem}
}
@media(max-width:640px){
.product-customer-actions,.product-card__collection-actions{grid-template-columns:1fr}
.woocommerce div.product .product_title{font-size:var(--sv-step-3)}
.woocommerce div.product form.cart{align-items:stretch}
.woocommerce div.product form.cart .quantity,.woocommerce div.product form.cart .quantity .qty,.woocommerce div.product form.cart .single_add_to_cart_button{width:100%}
.collection-hero{padding:1.25rem}
}