/* Shopping page boundaries; shared navigation and payment screens stay independent. */
.sf-shopping-home, .sf-shopping-product, .sf-shopping-cart { min-width:0; }
.sf-shopping-product { max-width:760px; }
.sf-shopping-cart { max-width:1120px; }
.sf-shopping-home .announcement-card, .sf-shopping-home .promo-banner-info { overflow-wrap:anywhere; }
.sf-shopping-home .announcement-card h4 svg { flex-shrink:0; }
.sf-shopping-home .category-tabs { gap:6px; margin-bottom:1.3rem; }
.sf-shopping-home .category-tab { flex-shrink:0; min-height:44px; max-width:100%; overflow-wrap:anywhere; }
.sf-shopping-home .product-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); }
.sf-shopping-home .product-card { min-width:0; }
.sf-shopping-home .product-card-info { min-width:0; }
.sf-shopping-home .product-card-name, .sf-shopping-home .placeholder-label { overflow-wrap:anywhere; }
.sf-shopping-home .product-card-tags { gap:8px; flex-wrap:wrap; align-items:flex-start; }
.sf-shopping-home .product-card-tags-left { min-width:0; }
.sf-shopping-home .product-card-bottom { gap:8px; flex-wrap:wrap; }
.sf-shopping-home .product-price-compact { min-width:0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.sf-card-actions { display:flex; gap:6px; max-width:100%; flex-wrap:wrap; }
.sf-shopping-home .btn-buy { min-height:44px; padding-inline:15px; }
.sf-shopping-home .btn-cart-add { min-width:44px; min-height:44px; }
.sf-category-empty { grid-column:1/-1; padding:2rem 1rem; color:var(--dark-light); background:var(--white); border-radius:var(--radius); }
.sf-category-empty[hidden] { display:none; }
.sf-shopping-home .promo-banner-card { flex-wrap:wrap; gap:.6rem .8rem; }
.sf-shopping-home .promo-banner-desc { white-space:normal; overflow-wrap:anywhere; }
.sf-shopping-home .promo-banner-action { margin-left:auto; }
.sf-shopping-product .product-card-header h3, .sf-shopping-product .category-badge { overflow-wrap:anywhere; }
.sf-shopping-product .card-body { min-width:0; }
.sf-shopping-product .product-detail-content { max-width:100%; overflow-x:auto; overflow-wrap:anywhere; }
.sf-shopping-product .product-detail-content :is(img,video,iframe) { max-width:100%; }
.sf-shopping-product .product-detail-content :is(img,video) { height:auto; }
.sf-product-metrics { display:grid; grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr)); gap:.6rem; align-items:start; margin-bottom:1.3rem; padding:1rem; background:var(--light); border-radius:var(--radius-sm); }
.sf-product-metrics > div { min-width:0; overflow-wrap:anywhere; }
.sf-product-metrics .product-price { margin:0; font-size:1.6rem; font-variant-numeric:tabular-nums; }
.sf-shopping-product .sku-selector { min-width:0; }
.sf-shopping-product .sku-btn { min-width:0; max-width:100%; min-height:44px; padding:10px 13px; flex-wrap:wrap; text-align:left; line-height:1.5; overflow-wrap:anywhere; }
.sf-sku-name { min-width:0; flex:1 1 auto; overflow-wrap:anywhere; }
.sf-shopping-product .sku-price { max-width:100%; overflow-wrap:anywhere; }
.sf-shopping-product .quantity-control { max-width:100%; }
.sf-shopping-product .quantity-control button { width:44px; height:44px; flex-shrink:0; }
.sf-shopping-product .quantity-control input { width:76px; height:44px; padding:0 6px; font-size:16px; font-variant-numeric:tabular-nums; }
.sf-shopping-product .qd-total-row { flex-wrap:wrap; gap:6px 12px; }
.sf-shopping-product .qd-total-amount { min-width:0; overflow-wrap:anywhere; }
.sf-product-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sf-shopping-product #productOrderForm #btnAddCart, .sf-shopping-product #productOrderForm #btnSubmit { min-width:0; min-height:48px; padding:.8rem .65rem; white-space:normal; }
.sf-shopping-product .sf-product-actions svg { flex-shrink:0; }
.sf-shopping-product .sf-product-actions span { min-width:0; overflow-wrap:anywhere; }
.sf-shopping-product .gp-heading, .sf-shopping-cart .gp-heading { flex-wrap:wrap; gap:4px 10px; }
.sf-shopping-product .gp-heading strong, .sf-shopping-cart .gp-heading strong { min-width:0; overflow-wrap:anywhere; }
.sf-shopping-product .gp-visibility, .sf-shopping-cart .gp-visibility { min-height:44px; margin-left:auto; }
.sf-shopping-product .qd-retry, .sf-shopping-cart .qd-retry { min-height:44px; text-align:left; }
.sf-cart-heading { display:flex; align-items:center; gap:10px; margin-bottom:1.25rem; font-size:1.5rem; font-weight:700; color:var(--dark); }
.sf-cart-heading svg { flex-shrink:0; }
.sf-cart-empty { text-align:center; padding:2.5rem 1.25rem; }
.sf-cart-header { display:flex; justify-content:space-between; gap:8px 12px; align-items:center; flex-wrap:wrap; }
.sf-shopping-cart .cart-page-item { display:grid; grid-template-columns:60px minmax(0,1fr) auto minmax(100px,.3fr); gap:1rem; border-color:var(--gray-light); transition:none; }
.sf-shopping-cart .cart-page-item-info { min-width:0; }
.sf-shopping-cart .cart-page-item-name { overflow-wrap:anywhere; }
.sf-cart-sku { display:block; margin-top:4px; color:var(--primary); font-size:.82rem; font-weight:400; overflow-wrap:anywhere; }
.sf-shopping-cart .cart-page-item-qty { min-width:0; gap:6px; align-self:center; }
.sf-shopping-cart .cart-page-item-qty button { width:40px; height:40px; flex-shrink:0; }
.sf-shopping-cart .cart-page-item-qty span { min-width:28px; font-variant-numeric:tabular-nums; }
.sf-shopping-cart .cart-page-item-subtotal { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 6px; min-width:0; width:auto; align-items:center; }
.sf-cart-subtotal-label { grid-column:1; color:var(--dark-light); font-size:.75rem; }
.sf-shopping-cart .cart-page-item-subtotal > span { grid-column:1; min-width:0; overflow-wrap:anywhere; }
.sf-shopping-cart .cart-page-item-subtotal .cart-item-remove { grid-column:2; grid-row:1/3; min-width:40px; min-height:44px; }
.sf-shopping-cart .qd-page-summary > div { min-width:0; overflow-wrap:anywhere; }
.sf-shopping-cart .qd-page-total { overflow-wrap:anywhere; }
.sf-shopping-home :is(button,a):focus-visible, .sf-shopping-product button:focus-visible, .sf-shopping-cart button:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }

@media (max-width:700px) {
    .sf-shopping-home, .sf-shopping-product, .sf-shopping-cart { padding:1rem; }
    .sf-shopping-home .product-grid { grid-template-columns:minmax(0,1fr); gap:1rem; }
    .sf-shopping-home .category-tab { padding:9px 14px; }
    .sf-shopping-home .promo-banner-card { padding:.9rem 1rem; }
    .sf-shopping-product .card-body, .sf-shopping-cart .card-body { padding:1.1rem; }
    .sf-shopping-product .product-card-header { padding:1.25rem 1.1rem; }
    .sf-shopping-product .form-control, .sf-shopping-cart .form-control { min-height:44px; font-size:16px; }
    .sf-shopping-product .form-group { margin-bottom:1.15rem; }
    .sf-shopping-product .qd-total-box { margin-bottom:1rem; }
    .sf-shopping-product .gp-fields, .sf-shopping-cart .gp-fields { padding:12px; }
    .sf-shopping-cart .cart-page-item { grid-template-columns:48px minmax(0,1fr); gap:.7rem .8rem; padding:1rem; }
    .sf-shopping-cart .cart-page-item-img { width:48px; height:48px; }
    .sf-shopping-cart .cart-page-item-qty { grid-column:2; justify-self:start; }
    .sf-shopping-cart .cart-page-item-subtotal { grid-column:1/-1; text-align:left; padding-top:.65rem; border-top:1px solid var(--gray-light); }
    .sf-shopping-cart .cart-page-item-qty button { width:44px; height:44px; }
    .sf-shopping-cart .qd-page-summary > button { width:100%; min-width:0 !important; min-height:48px; }
}
@media (max-width:360px) {
    .sf-shopping-home, .sf-shopping-product, .sf-shopping-cart { padding-inline:12px; }
    .sf-shopping-product .card-body, .sf-shopping-cart .card-body { padding:1rem; }
    .sf-shopping-home .product-card-info { padding:.85rem; }
    .sf-product-actions { grid-template-columns:minmax(0,1fr); }
    .sf-shopping-product .sku-btn { width:100%; }
    .sf-product-metrics { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:.85rem; }
    .sf-product-metrics > div:first-child { grid-column:1/-1; }
    .sf-product-metrics > div:nth-child(2) { text-align:left !important; }
}
@media (prefers-reduced-motion:reduce) {
    .sf-shopping-home :is(.product-card,.product-card-image img,.promo-banner-card,.category-tab),
    .sf-shopping-product .sku-btn { transition:none; }
}