/* === Live Editor Overrides === */
body { font-size: 13px !important; }
.hero h1 { font-size: 62px !important; }
.section-heading h2, .editorial h2, .newsletter h2, .quote-section h2 { font-size: 38px !important; }
.product-info h3 { font-size: 20px !important; }
.product-bottom strong { font-size: 20px !important; }
.main-nav a, .nav-dropdown-toggle { font-size: 14px !important; }
.eyebrow { font-size: 16px !important; }
.announcement { font-size: 16px !important; }
.product-media, .collection-card, .hero-art, .hero-product-card { border-radius: 20px !important; }
.section-shell { width: min(1260px, calc(100% - 80px)) !important; }
.product-grid { grid-template-columns: repeat(5, 1fr) !important; }
.collections, .shop-section { padding-top: 40px !important; padding-bottom: 40px !important; }
.hero { min-height: 321px !important; }
.hero-art { min-height: 520px !important; }
.hero-product-image img { object-fit: cover !important; }
.brand-logo-image { max-height: 44px; max-width: 220px; width: auto; object-fit: contain; }
.product-media { height: 207px !important; }
.product-grid { gap: 59px !important; }
.collection-grid { gap: 80px !important; }
.newsletter { display: none; }
.benefit-bar { display: none; }
/* Hero full image mode */
.hero-art { overflow: visible !important; background: transparent !important; box-shadow: none !important; min-height: auto !important; height: auto !important; }
.hero-art::before { display: none !important; }
.hero-product-card { position: relative !important; inset: auto !important; border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; }
.hero-product-image { width: 100% !important; height: 100% !important; }
.hero-product-image img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover !important; filter: none !important; border-radius: 20px !important; }
.product-sticker, .hero-product-name, .hero-product-note, .floating-note, .art-scribble, .art-sun, .art-dots, .art-sparkle { display: none !important; }

/* === Mobile Responsive Overrides === */
@media (max-width: 900px) {
  .product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
  .collection-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .hero { min-height: 0 !important; }
  .section-shell { width: min(100% - 40px, 680px) !important; }
}

@media (max-width: 620px) {
  .section-shell { width: calc(100% - 30px) !important; }
  .product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; row-gap: 40px !important; }
  .collection-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .hero { min-height: 0 !important; }
  .hero h1 { font-size: clamp(40px, 12vw, 58px) !important; }
  .section-heading h2, .editorial h2, .newsletter h2, .quote-section h2 { font-size: 36px !important; }
  .product-info h3 { font-size: 16px !important; }
  .product-bottom strong { font-size: 16px !important; }
  .main-nav a, .nav-dropdown-toggle { font-size: 10px !important; }
  .eyebrow { font-size: 10px !important; }
  .announcement { font-size: 10px !important; }
  .product-media { height: 200px !important; }
  .hero-art { min-height: 320px !important; }
  body { font-size: 14px !important; }
  .cat-slider-section { padding-top: 50px !important; padding-bottom: 50px !important; }
  .cat-slide { width: 200px !important; min-height: 240px !important; padding: 20px 16px 0 !important; border-radius: 18px !important; }
  .cat-slide-name { font-size: 28px !important; }
  .cat-slide-img { width: 100px !important; height: 100px !important; }
  .collections, .shop-section { padding-top: 30px !important; padding-bottom: 30px !important; }
}
/* Fix mobile Categories dropdown */
@media (max-width: 620px) {
  .site-header { z-index: 50; }
  .main-nav { z-index: 51; }
  .main-nav.open { display: flex !important; }
  .nav-dropdown-wrap { position: static !important; width: 100% !important; }
  .nav-dropdown { position: static !important; display: none !important; min-width: 0 !important; padding: 0 0 0 12px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
  .nav-dropdown-wrap.open .nav-dropdown { display: block !important; }
  .nav-dropdown a { display: block !important; padding: 11px 0 !important; border-bottom: 1px solid var(--line) !important; color: #64595e !important; background: transparent !important; font-size: 10px !important; }
}