/* Shared product quantity controls: site palette, immediate tactile response. */
.cart-product-action:has([data-product-quantity]){grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.product-quantity-field{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;min-width:0}
.product-quantity-caption{font-size:13px;line-height:1.4;color:#626b78}
.product-quantity-control{display:grid;grid-template-columns:44px minmax(78px,1fr) 44px;width:168px;max-width:100%;min-height:46px;border:1px solid #c8d1df;border-radius:4px;background:#fff;box-sizing:border-box}
.product-quantity-button{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:0;border:0;border-radius:3px;background:#f7f9fc;color:#1556c5;font:inherit;font-size:24px;line-height:1;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}
.product-quantity-button[aria-disabled=true]{color:#929ba8;cursor:default}
@media(hover:hover){.product-quantity-button:hover:not([aria-disabled=true]){background:#eaf1fc;color:#1255d7}}
.product-quantity-button:active:not([aria-disabled=true]){background:#dce9ff}
.cart-product-action .product-quantity-control .cart-add-quantity{width:100%;min-width:0;height:44px;min-height:44px;padding:4px 2px;border:0;border-inline:1px solid #e3e8ef;border-radius:0;box-sizing:border-box;background:#fff;color:#18202e;font:inherit;font-size:16px;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.product-quantity-control input::-webkit-inner-spin-button,.product-quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.product-quantity-control :focus-visible{outline:2px solid #1255d7;outline-offset:2px;position:relative;z-index:1}
.cart-product-action:has([data-product-quantity]) .cart-add-button{white-space:normal;min-width:0;line-height:1.3}
/* Keep the complete purchase panel readable between desktop and mobile. */
@media(min-width:721px) and (max-width:1099px){
  .product-hero:has(> .purchase-panel [data-product-quantity]){grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
  .product-hero:has(> .purchase-panel [data-product-quantity])> .product-gallery{grid-column:1;grid-row:1;min-width:0}
  .product-hero:has(> .purchase-panel [data-product-quantity])> .product-summary{grid-column:1;grid-row:2;min-width:0}
  .product-hero> .purchase-panel:has([data-product-quantity]){grid-column:2;grid-row:1 / span 2;display:block;min-width:0}
  .purchase-panel:has([data-product-quantity]){display:block}
}