/* Longer product-family names stay accessible in a compact header menu.
   Eight categories since 2 Oct 2026: the horizontal row only fits above 1900px. */
html { scrollbar-gutter: stable; }
@media (max-width: 1900px) {
  .site-header { grid-template-columns: minmax(0,1fr) auto; }
  .header-tools { grid-column: 2; }
  .nav-toggle { display: block; }
  .category-nav { position: fixed; z-index: 41; top: var(--header-height,58px); right: 0; left: 0; display: flex; max-height: calc(100dvh - var(--header-height,58px)); flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; overflow-y: auto; padding: 12px clamp(16px,4.2vw,72px) 24px; border-bottom: 1px solid #e5e5e5; background: #fff; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
  .site-header.menu-open .category-nav { opacity: 1; visibility: visible; transform: none; }
  .category-nav a { padding: 16px 0; border-bottom: 1px solid #e5e5e5; font-size: 10px; line-height: 1.5; white-space: normal; }
  .category-nav a::after { display: none; }
  .site-header.menu-open .nav-toggle span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
  .site-header.menu-open .nav-toggle span:nth-child(2) { opacity: 0; }
  .site-header.menu-open .nav-toggle span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }
}
@media (max-width: 760px) {
  :root { --header-height: 54px; }
  .category-nav { padding-right: 16px; padding-left: 16px; }
  .nav-scrim { inset: 54px 0 0; }
}

.studio-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; max-width:1200px; margin:0 auto; padding:18px 24px; font-size:12px; line-height:1.6; }
.studio-breadcrumb a { color:inherit; text-decoration:none; }
.studio-breadcrumb a:hover { text-decoration:underline; }
.studio-breadcrumb [aria-current="page"] { color:var(--text-muted,#777); overflow-wrap:anywhere; }
.studio-breadcrumb > * { min-width:0; }
.product-region-switch { display:flex; gap:10px; font-size:11px; }
.product-region-switch a { color:inherit; text-decoration:none; }
.product-region-switch [aria-current="true"] { border-bottom:1px solid currentColor; }
@media(max-width:760px) { .studio-breadcrumb { padding:14px 16px; } }