.site-header-nav{position:relative;z-index:70}.site-header-nav .logo img{display:block;max-width:116px;max-height:52px;object-fit:contain}.desktop-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:max-content}.desktop-nav-link,.desktop-icon-link,.desktop-account-login,.account-menu>summary{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:.84rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .18s ease}.desktop-nav-link:hover,.desktop-icon-link:hover,.desktop-account-login:hover,.account-menu>summary:hover,.account-menu[open]>summary{background:rgb(255 255 255/68%)}.desktop-nav-actions svg,.account-menu-panel svg,.mobile-bottom-nav svg{width:23px;height:23px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.desktop-icon-link{position:relative;justify-content:center;width:43px;padding-inline:7px}.nav-cart-badge{position:absolute;top:2px;left:1px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--cream);border-radius:20px;background:var(--ink);color:#fff;font-size:.65rem;line-height:1}.nav-cart-badge[hidden]{display:none}.account-menu{position:relative}.account-menu>summary{list-style:none;max-width:210px}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary>span{overflow:hidden;max-width:125px;text-overflow:ellipsis;white-space:nowrap}.account-menu .account-chevron{width:15px;height:15px;transition:transform .18s ease}.account-menu[open] .account-chevron{transform:rotate(180deg)}.account-menu-panel{position:absolute;z-index:90;top:calc(100% + 9px);left:0;display:grid;width:230px;overflow:hidden;padding:8px;border:1px solid rgb(24 33 28/10%);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgb(24 33 28/17%)}.account-menu-panel a,.account-menu-panel button{display:flex;align-items:center;gap:11px;width:100%;min-height:45px;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:.87rem;font-weight:600;text-align:right;text-decoration:none}.account-menu-panel a:hover,.account-menu-panel button:hover{background:#f3f4f1}.account-menu-panel a+a,.account-menu-panel a+button{border-top:1px solid #ecece8;border-radius:0}.account-menu-panel svg{width:20px;height:20px}.mobile-bottom-nav{display:none}@media(max-width:750px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.site-header-nav{padding-top:15px;padding-bottom:15px}.site-header-nav .logo img{max-width:92px;max-height:42px}.desktop-nav-actions{display:none}.mobile-bottom-nav{position:fixed;z-index:100;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:none;margin:0;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgb(24 33 28/10%);background:rgb(255 255 255/92%);box-shadow:0 -9px 28px rgb(24 33 28/9%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:51px;padding:3px;border:0;border-radius:10px;background:transparent;color:#626963;font:inherit;font-size:.68rem;font-weight:700;text-decoration:none}.mobile-bottom-nav>a:hover,.mobile-bottom-nav>button:hover,.mobile-bottom-nav>.is-active{background:transparent;color:var(--ink)}.mobile-bottom-nav>.is-active::after{content:"";width:18px;height:2px;border-radius:5px;background:currentColor}.mobile-bottom-nav svg{width:25px;height:25px;stroke-width:1.65}.mobile-nav-icon{position:relative;display:grid;place-items:center}.mobile-nav-icon .nav-cart-badge{top:-8px;left:-11px;border-color:#fff}}@media(prefers-reduced-motion:reduce){.account-menu .account-chevron{transition:none}}

.desktop-category-menu {
  position: relative;
}

.site-header-nav {
  display: block;
}

.site-header-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.desktop-category-ribbon {
  display: flex;
  justify-content: flex-start;
  margin-top: 9px;
  padding-top: 7px;
  border-top: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
}

.desktop-category-menu > summary {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 8px 2px 10px;
  color: var(--ink);
  font-size: .84rem;
  font-weight: 800;
  list-style: none;
  cursor: pointer;
}

.desktop-category-menu > summary::-webkit-details-marker {
  display: none;
}

.desktop-category-menu > summary > svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8;
}

.desktop-category-menu-label {
  position: relative;
}

.desktop-category-menu-label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}

.desktop-category-menu > summary:hover .desktop-category-menu-label::after,
.desktop-category-menu[open] > summary .desktop-category-menu-label::after {
  transform: scaleX(1);
}

.desktop-category-panel {
  position: absolute;
  z-index: 95;
  top: calc(100% + 10px);
  right: 0;
  left: auto;
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr);
  width: min(920px, calc(100vw - 64px));
  min-height: 410px;
  overflow: hidden;
  border: 1px solid rgb(24 33 28 / 9%);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 24px 60px rgb(24 33 28 / 20%);
}

.desktop-category-list {
  overflow-y: auto;
  max-height: 520px;
  padding: 8px;
  border-left: 1px solid #ecece8;
  background: #fff;
  scrollbar-width: thin;
}

.desktop-category-list button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 50px;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #626963;
  font: inherit;
  text-align: right;
}

.desktop-category-list button:hover {
  background: transparent;
  color: var(--ink);
}

.desktop-category-list button.is-active {
  background: transparent;
  color: var(--ink);
  box-shadow: none;
}

.desktop-category-list button > .desktop-category-marker {
  display: grid;
  place-items: center;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}

.desktop-category-marker img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.desktop-category-list button strong {
  position: relative;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: -.012em;
}

.desktop-category-list button strong::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}

.desktop-category-list button:hover strong::after,
.desktop-category-list button.is-active strong::after {
  transform: scaleX(1);
}

.desktop-category-content {
  min-width: 0;
  padding: 21px 24px 25px;
}

.desktop-category-content section[hidden] {
  display: none;
}

.desktop-category-content header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ecece8;
}

.desktop-category-content header > strong {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -.02em;
}

.desktop-category-content header > a {
  color: #6b726d;
  font-size: .75rem;
  text-decoration: none;
}

.desktop-category-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: start;
  gap: 0 22px;
  padding-top: 20px;
}

.desktop-category-tiles > a {
  display: block;
  min-width: 0;
  padding: 10px 2px;
  border-bottom: 1px solid #efefeb;
  color: var(--ink);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: right;
  text-decoration: none;
}

.desktop-category-tiles > a:hover {
  color: color-mix(in srgb, var(--ink) 65%, #168254);
}

.desktop-category-tiles > p {
  grid-column: 1 / -1;
  color: #747b76;
  text-align: center;
}

@media (max-width: 980px) and (min-width: 751px) {
  .desktop-category-panel {
    width: calc(100vw - 40px);
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .desktop-category-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 750px) {
  .site-header-primary {
    flex-wrap: wrap;
  }

  .desktop-category-ribbon {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .desktop-category-menu-label::after,
  .desktop-category-list button strong::after,
  .desktop-category-tiles > a { transition: none; }
}