@media(max-width:760px){
  body.menu-open{overflow:hidden}
  .site-header,.site-header.scrolled{z-index:3000}
  .nav-shell{position:relative}
  .brand,.menu-toggle{position:relative;z-index:3100}
  .menu-toggle{width:48px;height:48px;display:grid;place-content:center}
  .menu-toggle>span:not(.sr-only){margin:4px;transition:transform .25s ease,opacity .2s ease}
  .menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(10px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
  .site-nav{
    position:fixed;
    z-index:3000;
    inset:0;
    width:100%;
    height:100dvh;
    max-height:none;
    padding:116px 24px 32px;
    background:
      radial-gradient(circle at 90% 12%,rgba(243,107,19,.16),transparent 28%),
      linear-gradient(160deg,#100b08,#080504);
    border:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:4px;
  }
  .site-nav.open{display:flex}
  .site-nav>a:not(.button){
    width:100%;
    min-height:62px;
    padding:12px 4px;
    border-bottom:1px solid rgba(245,225,184,.12);
    color:var(--cream);
    font-size:.9rem;
    letter-spacing:.13em;
  }
  .site-nav .cart-nav{justify-content:flex-start!important}
  .site-nav .button{width:100%;margin-top:20px;min-height:54px}

  .marquee{padding:18px 12px;white-space:normal;font-size:1rem}
  .marquee div{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 18px;
    align-items:center;
    text-align:center;
  }
  .marquee span{display:block;min-width:0;line-height:1.15}
  .marquee i{display:none}
}
@media(max-width:360px){
  .site-nav{padding-inline:18px}
  .marquee{font-size:.9rem}
  .marquee div{gap:10px}
}