.store-categories{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:10px 5vw;border-bottom:1px solid var(--line);scrollbar-width:thin;direction:ltr}.store-categories a{flex:none;padding:7px 15px;border-radius:999px;font-size:.86rem;text-decoration:none;color:var(--ink)}.store-categories a:hover,.store-categories a[aria-current=page]{background:var(--olive);color:white}.collection-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:16px;direction:ltr}.collection-tile{text-decoration:none;text-align:center;font-weight:700;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:10px}.collection-tile img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}.collection-tile span{padding:8px}.style-round .collection-tile img{aspect-ratio:1;border-radius:50%;max-width:180px}.style-chip{display:flex;flex-wrap:wrap}.style-chip .collection-tile,.collection-tile:not(:has(img)){border:1px solid var(--line);border-radius:var(--radius);padding:10px 20px;background:white}.category-page h1{margin:14px 0}.category-page .section-top{align-items:center;gap:16px}.category-page form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;direction:ltr}.category-page select{padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:white}.category-pages{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px 0;direction:ltr}.collection .section-top p{color:#63685d;font-size:.9rem}.collection .section-top a{flex-shrink:0}@media(max-width:600px){.collection-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collection-tile{font-size:.8rem}.collection-tile span{padding:4px}.style-chip{display:flex}.category-page .section-top{display:block}.category-page form{margin:18px 0}.store-categories{padding:8px 16px}.collection .section-top{gap:12px}.collection .section-top h2{font-size:1.35rem}}
/* Native mobile scrolling: swipe the menu without a desktop scrollbar. */
@media (max-width:600px){
  .store-categories{
    scrollbar-width:none;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    scroll-padding-inline:16px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .store-categories::-webkit-scrollbar{display:none}
  .store-categories a{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    scroll-snap-align:start;
  }
  html{scrollbar-width:thin;scrollbar-color:#b7bbb3 transparent}
  html::-webkit-scrollbar{width:6px}
  html::-webkit-scrollbar-track{background:transparent}
  html::-webkit-scrollbar-thumb{background:#b7bbb3;border-radius:8px}
}
@media (prefers-reduced-motion:reduce){.store-categories{scroll-behavior:auto}}
/* Same native dialog pattern as the cart, with the site's configured links. */
.store-menu-toggle{display:none}
#store-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,88vw);max-width:88vw;height:100vh;height:100dvh;max-height:100dvh;padding:20px;border:0;border-radius:0;background:var(--paper);color:var(--ink);direction:ltr;overflow-y:auto;overscroll-behavior:contain;box-shadow:8px 0 40px #0002}
#store-menu::backdrop{background:#19201666}
#store-menu[open]{animation:store-menu-enter .18s ease-out}
#store-menu .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
#store-menu .drawer-head h2{font-size:20px}
#store-menu .drawer-head button{width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:28px;line-height:1}
#store-menu .menu-search{display:flex;width:100%;margin:0 0 20px;direction:ltr}
#store-menu .menu-search input{padding:12px;min-height:44px}
.store-menu-links{display:flex;flex-direction:column;gap:4px}
.store-menu-links a{display:flex;align-items:center;min-height:48px;padding:10px 14px;border-radius:var(--radius);font-size:16px}
.store-menu-links a:hover{background:var(--cream)}
.store-menu-links a[aria-current=page]{background:var(--olive);color:white;font-weight:700}
.store-menu-contact{display:block;margin-top:20px;padding:16px 14px;border-top:1px solid var(--line)}
.store-menu-open,.store-menu-open body{overflow:hidden}
@keyframes store-menu-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:760px){
  .store-menu-ready .store-categories{display:none}
  .store-menu-ready header.with-menu{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;height:76px;padding:10px 16px}
  .store-menu-ready header.with-menu .brand{grid-column:2;grid-row:1;justify-self:center}
  .store-menu-ready header.with-menu .brand img{max-width:104px;height:54px}
  .store-menu-ready header.with-menu .header-search,.store-menu-ready header.with-menu>a:not(.brand):not(.cart-open){display:none}
  .store-menu-ready .store-menu-toggle{display:inline-flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--olive)}
  .store-menu-toggle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
  .store-menu-ready header.with-menu .cart-open{grid-column:3;grid-row:1;justify-self:end}
}
@media(prefers-reduced-motion:reduce){#store-menu[open]{animation:none}}