/* LYA v21: dark maroon typography and icon-led navigation. */
.site-shell {
  --lya-maroon: #5b1524;
  --lya-maroon-deep: #3b0f1c;
  --lya-maroon-soft: #7a2a3d;
}
/* Use the requested Frunchy Sage family when available; elegant serif fallbacks preserve the same high-contrast logo feel. */
.site-shell .header-collection-name,
.site-shell .collections-title,
.site-shell .footer-wordmark,
.site-shell .footer-wordmark .header-collection-name {
  font-family: "Frunchy Sage", "Bodoni Moda", "Cormorant Garamond", "Bodoni MT", Didot, Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: .012em !important;
  color: #5b1524 !important;
}
.site-shell .header-brand-lockup,
.site-shell .header-brand-lockup .header-collection-name,
.site-shell .site-header,
.site-shell .site-footer,
.site-shell .site-header a,
.site-shell .site-footer a,
.site-shell .site-header button,
.site-shell .site-footer button {
  color: #5b1524 !important;
}
.site-shell .site-header,
.site-shell .header-main,
.site-shell .category-nav,
.site-shell .site-footer {
  border-color: #5b152466 !important;
}
/* Header action outlines and icons use dark maroon, not the previous bright red. */
.site-shell .profile-action,
.site-shell .header-actions .profile-action {
  color: #5b1524 !important;
  background: transparent !important;
  border: 1px solid #5b1524 !important;
  border-radius: 999px !important;
}
.site-shell .profile-action *,
.site-shell .profile-action-label { color: #5b1524 !important; }
.site-shell .profile-action svg,
.site-shell .profile-action img,
.site-shell .profile-action .profile-icon,
.site-shell .header-actions button svg,
.site-shell .mobile-menu svg,
.site-shell .social-link svg {
  color: #5b1524 !important;
  stroke: #5b1524 !important;
}
.site-shell .header-profile-avatar {
  color: #5b1524 !important;
  background: #ffffff !important;
  border-color: #5b1524 !important;
  box-shadow: none !important;
}
/* Each navigation item gets its own small visual icon. */
.site-shell .category-nav {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: clamp(24px, 3.2vw, 56px) !important;
  padding: 2px 5vw 18px !important;
}
.site-shell .category-nav > a {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: max-content !important;
  padding: 9px 3px !important;
  color: #5b1524 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.site-shell .category-nav > a::before {
  display: inline-grid !important;
  place-items: center !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  color: #5b1524 !important;
  font-family: Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}
.site-shell .category-nav > a:nth-of-type(1)::before { content: "✧"; }
.site-shell .category-nav > a:nth-of-type(2)::before { content: "◌"; font-size: 19px !important; }
.site-shell .category-nav > a:nth-of-type(3)::before { content: "◇"; }
.site-shell .category-nav > a:nth-of-type(4)::before { content: "▤"; font-size: 15px !important; }
.site-shell .category-nav > a:nth-of-type(5)::before { content: "✶"; }
.site-shell .category-nav > a:nth-of-type(6)::before { content: "◍"; font-size: 15px !important; }
.site-shell .category-nav > a::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 1px !important;
  left: 0 !important;
  height: 1px !important;
  background: #5b1524 !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform .2s ease !important;
}
.site-shell .category-nav > a:hover::after,
.site-shell .category-nav > a:focus-visible::after,
.site-shell .category-nav > a[aria-current="page"]::after { transform: scaleX(1) !important; }
/* Ensure every visible storefront outline and icon follows dark maroon. */
.site-shell input,
.site-shell select,
.site-shell textarea,
.site-shell .button,
.site-shell .carousel-checkout,
.site-shell .preorder-button,
.site-shell .gift-add-button,
.site-shell .floating-bag,
.site-shell .floating-offer-button,
.site-shell .ask-button,
.site-shell .drawer-checkout,
.site-shell .checkout-submit,
.site-shell .checkout-button,
.site-shell .modal-submit,
.site-shell .contact-copy,
.site-shell .shop-direct-button,
.site-shell .feature-backdrop .account-modal,
.site-shell .feature-backdrop .checkout-modal {
  border-color: #5b1524 !important;
}
.site-shell .site-header svg,
.site-shell .site-footer svg,
.site-shell .site-header .icon,
.site-shell .site-footer .icon {
  color: #5b1524 !important;
  stroke: #5b1524 !important;
}
.site-shell .footer-legal,
.site-shell .site-footer small,
.site-shell .site-footer span { color: #5b1524 !important; }
@media (max-width: 850px) {
  .site-shell .category-nav {
    justify-content: flex-start !important;
    gap: 18px !important;
    padding: 2px 18px 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }
  .site-shell .category-nav::-webkit-scrollbar { display: none !important; }
  .site-shell .category-nav > a {
    gap: 7px !important;
    padding: 8px 2px !important;
    font-size: 10px !important;
    letter-spacing: .11em !important;
  }
  .site-shell .category-nav > a::before { width: 16px !important; height: 16px !important; flex-basis: 16px !important; font-size: 15px !important; }
  .site-shell .header-collection-name { font-size: clamp(21px, 6vw, 31px) !important; }
}
@media (max-width: 520px) {
  .site-shell .category-nav { gap: 16px !important; padding-inline: 14px !important; }
  .site-shell .category-nav > a { font-size: 9px !important; letter-spacing: .08em !important; }
  .site-shell .category-nav > a::before { width: 15px !important; height: 15px !important; flex-basis: 15px !important; font-size: 14px !important; }
}