/* System v1: responsive refinements shared by every storefront template. */
.brand { flex-shrink: 0; }
.brand img { height: auto; }
.product-card { min-width: 0; }
.product-title { overflow-wrap: anywhere; }
.footer-motion { min-height: var(--co-motion-token-control-min); }
@media (max-width: 1100px) {
  .header-actions .icon-action, .header-actions .bag-button,
  .header-actions .saved-header, .header-actions .menu-button {
    min-width: 44px; min-height: 44px;
  }
  .storefront-page .header-actions { gap: 8px; }
  .quantity-stepper button, .image-zoom, .pdp-secondary button { min-height: 44px; }
}
@media (max-width: 600px) {
  .header-main, .storefront-page .header-main { min-height: 118px; }
  .header-main .search { height: 44px; min-height: 44px; margin-top: 10px; }
  .header-main .header-actions, .storefront-page .header-actions { gap: 2px; }
  .brand img, .storefront-page .brand img { width: 156px; height: auto; }
  .catalogue-grid .product-title { font-size: 14px; min-height: 90px; }
  .catalogue-grid .product-title .muted { font-size: 12px; }
  .catalogue-grid .product-price del { font-size: 12px; }
  .catalogue-grid .product-price strong { font-size: 21px; }
  .product-add, .compare-select, .category-pills a { min-height: 44px; }
  .product-add, .compare-select { font-size: 12px; }
  .pdp-secondary { flex-wrap: wrap; }
  .footer-columns a:not(.brand) { display: flex; align-items: center; min-height: 36px; }
}
@media (max-width: 380px) {
  .header-actions .saved-header { display: none; } /* Saved stays in bottom navigation. */
}
@media (max-width: 359px) {
  .product-grid, .catalogue-grid, .wishlist-grid { grid-template-columns: minmax(0, 1fr); }
  .product-info { padding: 20px; }
  .product-image { aspect-ratio: 1.2; }
  .product-title, .catalogue-grid .product-title { min-height: 0; font-size: 16px; }
  .product-card .product-price strong { font-size: 25px; }
  .hero h1 { font-size: clamp(88px, 28vw, 105px); }
}
@media (hover: none) {
  .product-card:hover, .product-card:hover img, .pdp-art:hover img { transform: none; }
}