.nav-menu { display: contents; }
.mobile-menu-toggle { display: none; }
@media (max-width: 900px) {
  .site-nav { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; gap: 20px 12px; }
  .site-nav .brand img { width: 220px; max-width: 100%; }
  .site-nav.menu-ready .mobile-menu-toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 10px; border: 1px solid #d7d7d7; border-radius: 4px; background: #fff; color: #252525; cursor: pointer; }
  .mobile-menu-toggle span { display: block; width: 22px; height: 2px; background: currentColor; }
  .mobile-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .mobile-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
  .mobile-menu-toggle:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
  .site-nav .nav-menu { display: flex; flex-direction: column; grid-column: 1 / -1; grid-row: 3; width: 100%; border-top: 1px solid var(--line); padding-top: 8px; }
  .site-nav.menu-ready:not(.menu-open) .nav-menu { display: none; }
  .site-nav .nav-links { display: flex; flex-direction: column; gap: 0; width: 100%; }
  .site-nav .nav-links a, .site-nav .cart-link { display: block; width: 100%; padding: 14px 4px; border-bottom: 1px solid var(--line); font-family: Arial, sans-serif; font-size: 15px; }
  .site-nav .nav-links a:hover, .site-nav .cart-link:hover { background: #f4f4f4; }
  .site-nav .header-product-search { grid-row: 2; width: 100%; }
}