/* LYA v22: exact requested dark red / maroon palette. */
.site-shell {
  --lya-red: #660000 !important;
  --lya-red-dark: #660000 !important;
  --lya-maroon: #660000 !important;
  --lya-maroon-deep: #660000 !important;
  --lya-maroon-soft: #660000 !important;
  --burgundy: #660000 !important;
  --burgundy-dark: #660000 !important;
  --ink: #660000 !important;
  --line: #660000 !important;
  --muted: #660000 !important;
}
.site-shell,
.site-shell h1,
.site-shell h2,
.site-shell h3,
.site-shell h4,
.site-shell h5,
.site-shell h6,
.site-shell p,
.site-shell a,
.site-shell label,
.site-shell small,
.site-shell strong,
.site-shell span,
.site-shell .eyebrow,
.site-shell .section-kicker,
.site-shell .section-heading,
.site-shell .section-heading h2,
.site-shell .carousel-slide-eyebrow,
.site-shell .community-links span,
.site-shell .footer-legal,
.site-shell .header-brand-lockup,
.site-shell .header-collection-name,
.site-shell .collections-title,
.site-shell .site-header,
.site-shell .site-footer { color: #660000 !important; }
.site-shell .hero,
.site-shell .hero h1,
.site-shell .hero h2,
.site-shell .hero p,
.site-shell .hero span,
.site-shell .hero strong,
.site-shell .hero a,
.site-shell .hero .eyebrow,
.site-shell #campaigns.campaign-section,
.site-shell #campaigns.campaign-section h2,
.site-shell #campaigns.campaign-section p,
.site-shell #campaigns.campaign-section span,
.site-shell #campaigns.campaign-section .eyebrow,
.site-shell .hero-carousel-section .carousel-checkout,
.site-shell .hero-carousel-section .carousel-arrow,
.site-shell .hero-carousel-section .carousel-arrow svg { color: #ffffff !important; }
/* All primary action buttons use exact #660000 with comfortable spacing. */
.site-shell button,
.site-shell .button,
.site-shell a.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 .member-offer.promotion-offer > button:last-child,
.site-shell .account-mode-switch button.is-active {
  background: #660000 !important;
  border-color: #660000 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  min-height: 44px !important;
  padding: 12px 22px !important;
}
.site-shell button:hover,
.site-shell .button:hover,
.site-shell a.button:hover,
.site-shell .carousel-checkout:hover,
.site-shell .preorder-button:hover,
.site-shell .gift-add-button:hover,
.site-shell .floating-bag:hover,
.site-shell .ask-button:hover,
.site-shell .drawer-checkout:hover,
.site-shell .checkout-submit:hover {
  background: #660000 !important;
  border-color: #660000 !important;
  color: #ffffff !important;
}
.site-shell button svg,
.site-shell .button svg,
.site-shell .carousel-checkout svg,
.site-shell .preorder-button svg,
.site-shell .gift-add-button svg,
.site-shell .floating-bag svg,
.site-shell .ask-button svg,
.site-shell .drawer-checkout svg,
.site-shell .checkout-submit svg { stroke: #ffffff !important; }
/* Secondary controls and navigation remain white with #660000 text/outlines. */
.site-shell .carousel-expand,
.site-shell .account-mode-switch button:not(.is-active),
.site-shell .category-nav button,
.site-shell .header-actions button,
.site-shell .social-link,
.site-shell .mobile-menu,
.site-shell .profile-action {
  color: #660000 !important;
  background: #ffffff !important;
  border-color: #660000 !important;
}
.site-shell .carousel-expand svg,
.site-shell .category-nav button svg,
.site-shell .header-actions button svg,
.site-shell .social-link svg,
.site-shell .mobile-menu svg,
.site-shell .profile-action svg,
.site-shell .profile-action img,
.site-shell .profile-action .profile-icon {
  color: #660000 !important;
  stroke: #660000 !important;
}
.site-shell .category-nav,
.site-shell .category-nav > a,
.site-shell .category-nav > a::before,
.site-shell .category-nav > a::after {
  color: #660000 !important;
  background-color: transparent !important;
}
.site-shell .category-nav > a::after { background: #660000 !important; }
.site-shell .header-profile-avatar {
  color: #660000 !important;
  background: #ffffff !important;
  border-color: #660000 !important;
  box-shadow: none !important;
}
.site-shell .profile-action {
  color: #660000 !important;
  background: transparent !important;
  border: 1px solid #660000 !important;
}
.site-shell .profile-action *,
.site-shell .profile-action-label { color: #660000 !important; }
/* Forms, modals, close controls, and their icons use exact #660000 outlines. */
.site-shell input,
.site-shell select,
.site-shell textarea,
.site-shell .feature-backdrop .account-modal,
.site-shell .feature-backdrop .checkout-modal,
.site-shell .member-offer.promotion-offer,
.site-shell .modal-close,
.site-shell .offer-close,
.site-shell .lightbox-close,
.site-shell .lya-carousel-lightbox-close,
.site-shell .contact-card-close,
.site-shell .drawer-heading button { border-color: #660000 !important; }
.site-shell .feature-backdrop .account-modal,
.site-shell .feature-backdrop .checkout-modal,
.site-shell .member-offer.promotion-offer {
  color: #660000 !important;
  background: #ffffff !important;
}
.site-shell .modal-close,
.site-shell .offer-close,
.site-shell .lightbox-close,
.site-shell .lya-carousel-lightbox-close,
.site-shell .contact-card-close,
.site-shell .drawer-heading button {
  color: #660000 !important;
  background: #ffffff !important;
  border: 2px solid #660000 !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}
.site-shell .modal-close svg,
.site-shell .offer-close svg,
.site-shell .lightbox-close svg,
.site-shell .lya-carousel-lightbox-close svg,
.site-shell .contact-card-close svg,
.site-shell .drawer-heading button svg { stroke: #660000 !important; }
.site-shell .member-offer.promotion-offer strong,
.site-shell .member-offer.promotion-offer em,
.site-shell .member-offer.promotion-offer p { color: #660000 !important; }
.site-shell .member-offer.promotion-offer .offer-close {
  color: #660000 !important;
  background: #ffffff !important;
  border-color: #660000 !important;
  visibility: visible !important;
}
.site-shell .member-offer.promotion-offer .offer-close svg { stroke: #660000 !important; }
/* Campaigns frame follows exact #660000 while its text remains readable white. */
.site-shell #campaigns.campaign-section,
.site-shell #campaigns .campaign-media,
.site-shell #campaigns .campaign-media video,
.site-shell #campaigns .campaign-placeholder {
  background: #660000 !important;
}
.site-shell #campaigns.campaign-section { border-color: #660000 !important; }
/* Final specificity pass for header/profile outlines. */
.site-shell .site-header,
.site-shell .header-main,
.site-shell .category-nav,
.site-shell .site-footer,
.site-shell .site-header .header-actions .profile-action,
.site-shell .header-actions .profile-action { border-color: #660000 !important; }
.site-shell .site-header .header-actions .profile-action,
.site-shell .header-actions .profile-action {
  color: #660000 !important;
  background: transparent !important;
  border: 1px solid #660000 !important;
}
.site-shell .site-header .header-actions .profile-action *,
.site-shell .header-actions .profile-action * { color: #660000 !important; }
.site-shell .site-header .header-actions .profile-action svg,
.site-shell .header-actions .profile-action svg { stroke: #660000 !important; }
@media (max-width: 760px) {
  .site-shell button,
  .site-shell .button,
  .site-shell a.button,
  .site-shell .carousel-checkout { min-height: 44px !important; padding: 11px 17px !important; }
  .site-shell .category-nav > a { color: #660000 !important; }
}