/* Only pages explicitly marked for the Amazon shop navigation. */
@media (min-width: 1101px) and (max-width: 1350px) {
  body[data-shop-nav] .header-inner { gap: .8rem; }
  body[data-shop-nav] .nav-list { gap: .85rem; }
  body[data-shop-nav] .nav-link { font-size: .72rem; letter-spacing: .06em; }
  body[data-shop-nav] .header-cta { display: none; }
}
/* The longer menu switches to its existing mobile interaction sooner. */
@media (min-width: 821px) and (max-width: 1100px) {
  body[data-shop-nav] .site-header { z-index: 1000; backdrop-filter: none; }
  body[data-shop-nav].nav-open::before {
    position: fixed; inset: var(--header-height) 0 0; z-index: 999;
    content: ""; background: #050505;
  }
  body[data-shop-nav] .header-cta { display: none; }
  body[data-shop-nav] .main-nav {
    position: fixed; top: var(--header-height); right: 0; bottom: auto; left: 0;
    z-index: 1001; display: block; width: 100%;
    height: calc(100dvh - var(--header-height)); max-height: calc(100vh - var(--header-height));
    padding: 2rem 1.25rem; overflow-y: auto; overscroll-behavior: contain;
    background: #050505; isolation: isolate; opacity: 0; pointer-events: none;
    transform: translateY(-12px); transition: opacity 180ms ease, transform 180ms ease;
  }
  body[data-shop-nav] .main-nav.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
  body[data-shop-nav] .nav-list { display: grid; align-content: start; height: auto; gap: 0; }
  body[data-shop-nav] .nav-link { min-height: 64px; border-bottom: 1px solid var(--line); font-size: 1rem; }
  body[data-shop-nav] .nav-link::after { display: none; }
  body[data-shop-nav] .menu-button { display: inline-grid; }
}