/* Exact two-level catalogue navigation, preserving the World storefront shell. */
body.customer-shop #topFamilies { display:flex; flex-wrap:nowrap; overflow-x:auto; min-width:0; scroll-behavior:smooth; scrollbar-width:thin; }
body.customer-shop #topFamilies .family-button { flex:0 0 auto; white-space:nowrap; }
body.customer-shop .customer-category-subnav {
  display:flex; align-items:center; gap:16px; width:100%; min-width:0;
  padding:7px clamp(12px,2.2vw,32px); background:#fff; border-top:1px solid #edf0f3; border-bottom:1px solid #d8e0e7;
}
body.customer-shop .customer-subnav-label { flex:0 0 auto; font-size:13px; font-weight:750; color:#183a54; }
body.customer-shop .customer-subnav-links { display:flex; align-items:center; gap:5px; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
body.customer-shop .customer-subnav-links a {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
  min-height:38px; padding:7px 12px; border:1px solid transparent; border-radius:4px;
  background:#f6f8fa; color:#35516a; font:inherit; font-size:13px; text-decoration:none; white-space:nowrap;
}
body.customer-shop .customer-subnav-links a:hover { border-color:#becdda; background:#eef3f6; }
body.customer-shop .customer-subnav-links a[aria-current="page"] { background:#fff1c4; border-color:#e5c973; color:#17354e; font-weight:750; }
body.customer-shop .customer-subnav-links a:focus-visible { outline:3px solid #174a73; outline-offset:-3px; }
body.customer-shop #familySidebar .shop-side-group h3 { margin-bottom:3px; }
body.customer-shop .shop-empty { grid-column:1/-1; padding:32px 20px; background:#f8fafb; border:1px solid #e2e8ed; }
/* Zoom remains clipped to the original frame, with equivalent keyboard focus. */
body.customer-shop .shop-card-media,
body.customer-item-page .shop-product-media > button { overflow:hidden; isolation:isolate; }
body.customer-shop .shop-card-media > :is(img,svg),
body.customer-item-page .shop-product-media > button > :is(img,svg) { transform-origin:50% 50%; transition:transform 180ms ease-out; }
@media (hover:hover) and (pointer:fine) {
  body.customer-shop .shop-card-media:hover > :is(img,svg),
  body.customer-item-page .shop-product-media > button:hover > :is(img,svg) { transform:scale(1.16); }
}
body.customer-shop .shop-card-media:focus-visible > :is(img,svg),
body.customer-item-page .shop-product-media > button:focus-visible > :is(img,svg) { transform:scale(1.16); }
@media (max-width:640px) {
  body.customer-shop .customer-category-subnav { gap:8px; padding:5px 10px; }
  body.customer-shop .customer-subnav-label { max-width:102px; font-size:12px; line-height:1.3; }
  body.customer-shop .customer-subnav-links a { min-height:44px; padding:7px 11px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  body.customer-shop #topFamilies { scroll-behavior:auto; }
  body.customer-shop .shop-card-media > :is(img,svg),
  body.customer-item-page .shop-product-media > button > :is(img,svg) { transition:none; }
  body.customer-shop .shop-card-media:is(:hover,:focus-visible) > :is(img,svg),
  body.customer-item-page .shop-product-media > button:is(:hover,:focus-visible) > :is(img,svg) { transform:none; }
}