.site-header .shop-menu{position:relative;min-width:0}
.site-header .shop-menu-row{display:flex;align-items:center;gap:4px;min-height:44px}
.site-header .shop-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.site-header .shop-menu-toggle svg{display:block;transition:transform .18s ease}
.site-header .shop-menu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.site-header .shop-submenu{position:absolute;top:100%;left:-18px;width:240px;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 30px #14362f20;z-index:100}
.site-header .shop-submenu[hidden]{display:none!important}
.site-header .shop-submenu a{display:block;padding:12px;border-radius:6px;color:var(--ink);font:500 14px/1.4 var(--sans);opacity:1}
.site-header .shop-submenu a:hover,.site-header .shop-submenu a[aria-current="page"]{background:#eee6da;color:var(--terracotta)}
.site-header .shop-menu-toggle:focus-visible,.site-header .shop-submenu a:focus-visible{outline:2px solid var(--terracotta);outline-offset:2px}
@media(min-width:641px){
  /* Keep Shop's text spacing equal to the other top-level labels. The arrow
     sits in the existing navigation gap instead of widening the Shop item. */
  .site-header .shop-menu-row{display:block;position:relative;min-height:0}
  .site-header .shop-menu-row>a{display:inline;min-height:0}
  .site-header .shop-menu-toggle{position:absolute;top:-5px;left:calc(100% + 4px);width:24px;height:32px}
  .site-header .shop-submenu{top:calc(100% + 12px)}
}
@media(max-width:640px){
  .site-header .main-nav .shop-menu{width:100%}
  .site-header .main-nav .shop-menu-row{justify-content:space-between;width:100%}
  .site-header .main-nav .shop-menu-row>a{flex:1;min-width:0}
  .site-header .main-nav .shop-menu-toggle{flex:0 0 44px;width:44px;height:52px;margin-left:8px}
  .site-header .main-nav .shop-submenu{position:static;width:100%;padding:5px 10px;margin:6px 0 12px;box-shadow:none}
  .site-header .main-nav .shop-submenu a{display:block;min-height:50px;padding:14px 10px;border-bottom:1px solid var(--line);font:500 16px/1.35 var(--sans);letter-spacing:0}
  .site-header .main-nav .shop-submenu a:last-child{border-bottom:0}
}