.mobile-store-nav,.mobile-menu-panel{display:none}

@media (max-width:760px){
  body{padding-bottom:68px}
  body.mobile-menu-open{overflow:hidden}
  .site-head{display:none!important}

  .mobile-store-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:210;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:68px;
    padding-bottom:env(safe-area-inset-bottom);
    background:#6d1f19;color:#f2ddb2;
    border-top:2px solid #f2ddb2;box-shadow:0 -10px 28px rgba(35,6,4,.35);
    opacity:0;pointer-events:none;transform:translateY(115%);
    transition:transform .32s cubic-bezier(.22,.75,.25,1),opacity .22s ease;
    will-change:transform;
  }
  .mobile-store-nav.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
  .mobile-store-nav a,.mobile-store-nav button{
    min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    color:inherit;background:transparent;border:0;border-left:1px solid rgba(242,221,178,.48);
    font-family:"Shippori Mincho",serif;font-weight:700;text-decoration:none;cursor:pointer;
  }
  .mobile-store-nav > :first-child{border-left:0}
  .mobile-store-nav a.current,.mobile-store-nav button[aria-expanded="true"]{background:#932e26}
  .mobile-nav-icon{position:relative;height:27px;display:grid;place-items:center;font-family:"Shippori Mincho B1",serif;font-size:22px;line-height:1}
  .mobile-nav-label{font-size:9.5px;letter-spacing:.08em;white-space:nowrap}
  .mobile-cart-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#f2ddb2;color:#7c241d;font:800 10px/1 sans-serif}

  .mobile-menu-panel{
    position:fixed;inset:0 0 68px;z-index:200;display:flex;flex-direction:column;
    background:#ead8b5 url("./beige_bg_3.png") repeat;background-size:266px 314px;
    color:#6d1f19;visibility:hidden;transform:translateY(102%);
    transition:transform .36s cubic-bezier(.22,.75,.25,1),visibility .36s;
    box-shadow:0 -16px 40px rgba(35,6,4,.42);
  }
  .mobile-menu-panel.open{visibility:visible;transform:translateY(0)}
  .mobile-menu-head{padding:24px 22px 18px;border-bottom:3px double #932e26;text-align:center}
  .mobile-menu-brand{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:22px;letter-spacing:.28em}
  .mobile-menu-sub{margin-top:5px;font-family:"EB Garamond",serif;font-size:10px;letter-spacing:.28em;text-transform:uppercase}
  .mobile-menu-scroll{overflow-y:auto;overscroll-behavior:contain;padding-bottom:22px}
  .mobile-menu-main{display:flex;flex-direction:column}
  .mobile-menu-main a{
    min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;
    border-bottom:1px solid rgba(147,46,38,.18);font-family:"Shippori Mincho B1",serif;
    font-weight:700;font-size:16px;letter-spacing:.1em;color:#6d1f19;text-decoration:none;
  }
  .mobile-menu-main a::after{content:"›";font-family:serif;font-size:26px;font-weight:400;color:#a97b46}
  .mobile-menu-main a.emphasis{background:rgba(147,46,38,.08)}
  .mobile-menu-secondary{display:grid;grid-template-columns:1fr 1fr}
  .mobile-menu-secondary a{
    min-height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;
    border-right:1px solid rgba(147,46,38,.16);border-bottom:1px solid rgba(147,46,38,.16);
    font-family:"Shippori Mincho",serif;font-weight:700;font-size:13px;letter-spacing:.08em;color:#6d1f19;text-decoration:none;
  }
  .mobile-menu-secondary a::after{content:"›";font-size:20px;color:#a97b46}
  .mobile-menu-foot{padding:24px 20px 8px;text-align:center;font-family:"EB Garamond",serif;font-size:10px;letter-spacing:.26em;color:#932e26}
}

@media (max-width:360px){
  .mobile-nav-label{font-size:8.5px;letter-spacing:0}
  .mobile-menu-main a{min-height:52px;font-size:15px}
}

@media (prefers-reduced-motion:reduce){.mobile-menu-panel,.mobile-store-nav{transition:none}}