/* ============================================================
   LA FUENTE MÍA — LIGHT THEME OVERRIDE
   Warm, Aesop-inspired light palette
   ============================================================ */

/* ---------- ROOT VARIABLES ---------- */
:root {
  --color-bg: #FFFFFF;
  --color-bg-elevated: #FFFFFF;
  --color-bg-subtle: #F7F7F5;
  --color-text: #2C2421;
  --color-text-muted: #3D3835;
  --color-text-subtle: #4A4540;
  --color-accent: #8B7355;
  --color-accent-light: #8B7355;
  --color-border: rgba(58,42,26,0.10);
  --color-border-accent: rgba(139,115,85,0.35);
}

/* ---------- BODY ---------- */
body {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  line-height: 1.75 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}
main {
  flex-grow: 1 !important;
}

/* ---------- NAVIGATION ---------- */
.nav {
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(58,42,26,0.08) !important;
  transition: background 0.5s ease, backdrop-filter 0.5s ease, border-color 0.5s ease !important;
}
.nav__inner { display: flex; align-items: center; justify-content: space-between; height: 70px; position: relative; z-index: 100001; }
.nav__logo { position: absolute; left: 50%; transform: translateX(-50%); line-height: 0; }
.nav__logo img { height: 32px; }
.nav__link { color: var(--color-text-muted) !important; transition: color 0.4s ease !important; }
.nav__link:hover { color: var(--color-text) !important; }
.nav__link.active { color: var(--color-accent) !important; }
.nav__link::after { background: var(--color-accent) !important; }
.nav__search-btn { color: var(--color-text-muted) !important; transition: color 0.4s ease !important; }
.nav__search-btn:hover { color: var(--color-text) !important; }

/* Mobile nav — hide desktop elements, show hamburger */
@media (max-width: 991px) {
  .nav__links, .nav__right, .nav__products { display: none !important; }
  .nav__hamburger { display: flex !important; }
  .nav__inner { justify-content: space-between; padding: 0 1.25rem; }
  .nav__logo { position: relative; left: auto; transform: none; }
  .nav__logo img { height: 24px; }
}

/* Mobile menu elements */
.nav__hamburger { display: none; flex-direction: column; gap: 5px; padding: 10px; background: none; border: none; cursor: pointer; z-index: 99999; }
.nav__hamburger span { width: 22px; height: 1px; background: var(--color-text); transition: all 0.2s; }
.nav__hamburger.active span { background: #3A2A1A; }
.nav__hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(4px, 4px); }
.nav__hamburger.active span:nth-child(2) { opacity: 0; }
.nav__hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(4px, -4px); }
.nav__mobile-menu { display: none; position: fixed; top: 70px; left: 0; right: 0; bottom: 0; background: var(--color-bg, #FFFFFF); padding: 2rem; flex-direction: column; z-index: 99998; overflow-y: auto; }
.nav__mobile-menu.active { display: flex; }
.nav__mobile-menu a { font-family: var(--font-display); font-size: 1.5rem; font-style: italic; padding: 0.75rem 0; border-bottom: 1px solid var(--color-border, rgba(58,42,26,0.08)); color: var(--color-text, #3A2A1A); }
.nav__backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998; opacity: 0; transition: opacity 0.3s; }
.nav__backdrop.active { display: block; opacity: 1; }

/* Nav over hero — transparent with light text (homepage only) */
.nav--hero {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
}
.nav--hero .nav__link { color: rgba(240,237,232,1) !important; }
.nav--hero .nav__link:hover { color: #F0EDE8 !important; }
.nav--hero .nav__link.active { color: #C4A882 !important; }
.nav--hero .nav__link::after { background: #C4A882 !important; }
.nav--hero .nav__search-btn { color: rgba(240,237,232,1) !important; }
.nav--hero .nav__search-btn:hover { color: #F0EDE8 !important; }
/* When scrolled, revert to normal */
.nav--hero.scrolled {
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(58,42,26,0.08) !important;
}
.nav--hero.scrolled .nav__link { color: var(--color-text-muted) !important; }
.nav--hero.scrolled .nav__link:hover { color: var(--color-text) !important; }
.nav--hero.scrolled .nav__link.active { color: var(--color-accent) !important; }
.nav--hero.scrolled .nav__search-btn { color: var(--color-text-muted) !important; }
.nav--hero.scrolled .nav__search-btn:hover { color: var(--color-text) !important; }

/* Nav hide on scroll-down (Aesop-style) */
.nav--hidden {
  transform: translateY(-100%) !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background 0.5s ease !important;
}
.nav.visible {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease, background 0.5s ease !important;
}

/* Product sub-nav */
.nav__products {
  background: rgba(247,247,245,0.88) !important;
  border-top: none !important;
  transition: background 0.5s ease, border-color 0.5s ease !important;
}
.nav__product-link { color: var(--color-text-muted) !important; transition: color 0.4s ease !important; }
.nav__product-link:hover { color: var(--color-text) !important; }
.nav--hero .nav__products {
  background: transparent !important;
  border-top: 1px solid rgba(240,237,232,0.12) !important;
}
.nav--hero .nav__product-link { color: rgba(240,237,232,0.9) !important; }
.nav--hero .nav__product-link:hover { color: #F0EDE8 !important; }
.nav--hero.scrolled .nav__products {
  background: rgba(247,247,245,0.88) !important;
  border-top: none !important;
}
.nav--hero.scrolled .nav__product-link { color: var(--color-text-muted) !important; }
.nav--hero.scrolled .nav__product-link:hover { color: var(--color-text) !important; }

/* Hamburger */
.nav__hamburger span { background: var(--color-text) !important; transition: background 0.4s ease !important; }
.nav__hamburger.active span { background: var(--color-text) !important; }
.nav--hero .nav__hamburger span { background: #F0EDE8 !important; }
.nav--hero.scrolled .nav__hamburger span { background: var(--color-text) !important; }

/* Mobile menu */
.nav__mobile-menu {
  background: var(--color-bg) !important;
}
.nav__mobile-menu a {
  color: var(--color-text) !important;
  border-bottom-color: rgba(58,42,26,0.08) !important;
}

/* Help dropdown */
.nav__help-panel {
  background: #E8DFD3 !important;
  border: 1px solid rgba(58,42,26,0.1) !important;
  box-shadow: 0 8px 32px rgba(58,42,26,0.12) !important;
}
.nav__help-panel::before {
  background: #E8DFD3 !important;
  border-left: 1px solid rgba(58,42,26,0.1) !important;
  border-top: 1px solid rgba(58,42,26,0.1) !important;
}
.nav__help-link { color: var(--color-text-muted) !important; border-bottom-color: rgba(58,42,26,0.06) !important; }
.nav__help-link:hover { color: var(--color-accent) !important; }

/* ---------- HERO SECTION ---------- */
.hero {
  background: #3A2A1A !important;
}
.hero__bg {
  filter: grayscale(8%) brightness(0.92) !important;
}
.hero__bg.revealed {
  opacity: 0.65 !important;
}
.hero__gradient {
  background: rgba(58,42,26,0.35) !important;
  z-index: 1 !important;
}
.hero__glow {
  display: none !important;
}

/* Hero text — light on the dark part of the image */
.hero__eyebrow { color: #C4A882 !important; text-shadow: 0 1px 6px rgba(0,0,0,0.3); letter-spacing: 0.3em !important; }
.hero__eyebrow::before, .hero__eyebrow::after { background: #C4A882 !important; }
.hero__title { color: #FFFFFF !important; text-shadow: 0 2px 20px rgba(0,0,0,0.4), 0 1px 4px rgba(0,0,0,0.2); }
.hero__title-line { color: #FFFFFF !important; }
.hero__subtitle { color: rgba(240,237,232,0.9) !important; text-shadow: 0 1px 10px rgba(0,0,0,0.4); }

.hero__cta {
  color: rgba(255,255,255,0.9) !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  box-shadow: none !important;
}
.hero__cta:hover {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #3A2A1A !important;
  transform: none;
  box-shadow: none !important;
}
.hero__scroll { color: rgba(240,237,232,0.5) !important; }
.hero__scroll-line::after { background: linear-gradient(180deg, transparent, #C4A882, transparent) !important; }

/* Botanical SVG overlay */
.hero__botanical svg g { stroke: rgba(240,237,232,0.8) !important; }

/* ---------- PAGE HEADERS (subpages) ---------- */
.page-header {
  background: #3A2A1A !important;
  margin-top: 0 !important;
  padding: clamp(10rem, 18vh, 14rem) 0 clamp(4rem, 8vh, 6rem) !important;
}
.page-header__bg {
  opacity: 0.3 !important;
  filter: grayscale(12%) brightness(0.88) !important;
}
.page-header::before {
  background: rgba(58,42,26,0.45) !important;
}
.page-header__eyebrow { color: #B89A76 !important; font-size: 0.72rem !important; font-weight: 400 !important; letter-spacing: 0.3em !important; }
.page-header__eyebrow::before, .page-header__eyebrow::after { background: #B89A76 !important; }
.page-header__title { color: #FFFFFF !important; text-shadow: 0 2px 16px rgba(0,0,0,0.45) !important; }
.page-header__subtitle { color: rgba(240,237,232,0.75) !important; text-shadow: 0 1px 4px rgba(0,0,0,0.3) !important; }

/* ---------- BREADCRUMB ---------- */
.breadcrumb {
  border-bottom: 1px solid rgba(58,42,26,0.08) !important;
  color: var(--color-text-subtle) !important;
}
.breadcrumb a { color: var(--color-text-muted) !important; }

/* ---------- TRUST BAR ---------- */
.trustbar, [class*="trust-bar"], [class*="trustbar"] {
  background: #3A2A1A !important;
  color: #F0EDE8 !important;
}

/* ---------- EDITORIAL / CONTENT SECTIONS ---------- */
.editorial {
  background: var(--color-bg) !important;
}
.editorial__ghost {
  color: rgba(58,42,26,0.05) !important;
}
.editorial__botanical svg g {
  stroke: rgba(166,139,107,0.12) !important;
}
.editorial__label { color: #6B5D4D !important; font-weight: 500 !important; }
.editorial__text { color: var(--color-text) !important; font-size: 1.05rem !important; line-height: 1.85 !important; }
.editorial__link { color: #6B5D4D !important; font-weight: 500 !important; text-decoration: underline !important; text-decoration-color: rgba(107,93,77,0.3) !important; text-underline-offset: 3px !important; }

/* NO-list section (standalone dark block only) */
.nolist {
  background: #3A2A1A !important;
  color: #F0EDE8 !important;
}
.nolist__eyebrow, .nolist .eyebrow { color: #B89A76 !important; }
.nolist__item, .nolist p { color: rgba(240,237,232,0.8) !important; }
/* NO-list items inside accordion — light theme */
.nolist-items { background: transparent !important; color: var(--color-text-muted) !important; }
.nolist-items li { background: transparent !important; color: var(--color-text-muted) !important; border-bottom-color: rgba(58,42,26,0.06) !important; }
.nolist-items li::before { color: var(--color-accent) !important; }
.nolist-reason { background: transparent !important; color: var(--color-text-subtle) !important; }
.nolist-cta { background: transparent !important; color: var(--color-accent) !important; }

/* ---------- PRODUCT / INGREDIENT CARDS ---------- */
.products-grid__card, .ingredient-card,
.help-card, .article-card, .help-contact__card {
  background: var(--color-bg-elevated) !important;
  border: 1px solid rgba(58,42,26,0.06) !important;
  box-shadow: 0 1px 3px rgba(58,42,26,0.04), 0 4px 16px rgba(58,42,26,0.06) !important;
}
.product-card {
  background: #E8DFD3 !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(58,42,26,0.04) !important;
}
.products-grid__card:hover, .product-card:hover, .ingredient-card:hover {
  box-shadow: 0 2px 8px rgba(58,42,26,0.06), 0 12px 32px rgba(58,42,26,0.1) !important;
  transform: translateY(-2px);
}

/* ---------- CONTENT SECTIONS ALTERNATING ---------- */
.section:nth-of-type(even) {
  /* background handled by inline style with aloe-vera image */
}
.section:nth-of-type(odd) {
  background: var(--color-bg) !important;
}

/* ---------- CTA SECTION ---------- */
.cta-section, [class*="cta-section"] {
  /* background handled by inline style with aloe-vera image */
  border-top: none !important;
}

/* ---------- NEWSLETTER ---------- */
[class*="newsletter"] input, .newsletter__input {
  background: #E8DFD3 !important;
  border: 1px solid rgba(58,42,26,0.12) !important;
  color: var(--color-text) !important;
}
[class*="newsletter"] input:focus {
  border-color: var(--color-accent) !important;
}

/* ---------- FAQ / ACCORDION ---------- */
.faq-tabs { border-bottom-color: rgba(58,42,26,0.1) !important; }
.faq-tabs__btn { color: var(--color-text-subtle) !important; }
.faq-tabs__btn:hover { color: var(--color-text-muted) !important; }
.faq-tabs__btn.active { color: var(--color-accent) !important; border-bottom-color: var(--color-accent) !important; }
.accordion-item { border-bottom-color: rgba(58,42,26,0.08) !important; }
.accordion-item__trigger { color: var(--color-text) !important; }
.accordion-item__trigger:hover { color: var(--color-accent) !important; }
.accordion-item__trigger svg { color: var(--color-accent) !important; }
.accordion-item__content p { color: var(--color-text-muted) !important; }

/* ---------- HELP CENTER ---------- */
.tracker {
  background: #E8DFD3 !important;
  border: 1px solid rgba(58,42,26,0.08) !important;
}
.tracker__input {
  background: var(--color-bg) !important;
  border: 1px solid rgba(58,42,26,0.12) !important;
  color: var(--color-text) !important;
}
.tracker__input:focus { border-color: var(--color-accent) !important; }
.tracker__btn {
  background: var(--color-text) !important;
  color: var(--color-bg) !important;
  border-color: var(--color-text) !important;
}
.tracker__btn:hover {
  background: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  font-weight: 500 !important;
}

.help-card {
  background: #E8DFD3 !important;
  border: 1px solid rgba(58,42,26,0.08) !important;
}
.help-card:hover { border-color: var(--color-accent) !important; }
.help-card__header { border-bottom-color: rgba(58,42,26,0.06) !important; }
.help-card__header svg { color: var(--color-accent) !important; }
.help-card__header h3 { color: var(--color-text) !important; }
.help-card__link { color: var(--color-text-muted) !important; border-bottom-color: rgba(58,42,26,0.04) !important; }
.help-card__link:hover { color: var(--color-accent) !important; }

.help-contact__card {
  background: #E8DFD3 !important;
  border: 1px solid rgba(58,42,26,0.08) !important;
}

/* ---------- INCI TABLE ---------- */
.inci-table { border-color: rgba(58,42,26,0.08) !important; }
.inci-table th {
  /* background handled by inline style with aloe-vera image */
  color: var(--color-text) !important;
  border-color: rgba(58,42,26,0.08) !important;
}
.inci-table td {
  border-color: rgba(58,42,26,0.06) !important;
  color: var(--color-text-muted) !important;
}

/* ---------- PRODUCT TABS ---------- */
.product-tabs__btn { color: var(--color-text-subtle) !important; border-color: transparent !important; }
.product-tabs__btn:hover { color: var(--color-text-muted) !important; }
.product-tabs__btn.active { color: var(--color-accent) !important; border-bottom-color: var(--color-accent) !important; }

/* ---------- BUTTONS ---------- */
.btn, [class*="__btn"], button[class*="btn"] {
  transition: all 0.3s ease !important;
}

/* ---------- LINKS ---------- */
a { color: inherit; }
a:hover { color: var(--color-accent) !important; }
.content-narrow a { color: var(--color-accent) !important; text-decoration: underline !important; text-decoration-color: rgba(139,115,85,0.3) !important; text-underline-offset: 2px !important; }
.content-narrow a:hover { text-decoration-color: var(--color-accent) !important; }

/* ---------- FOOTER ---------- */
.footer {
  background: #3A2A1A !important;
  color: #F0EDE8 !important;
  border-top: none !important;
  padding: 1.5rem 0 1rem !important;
}
.footer__top { border-bottom-color: rgba(240,237,232,0.1) !important; }
.footer__social { display: flex; gap: 1.25rem; border-bottom: none !important; padding: 0 !important; margin-left: auto; }
.footer__top { display: flex !important; align-items: center !important; gap: 2rem !important; }
.footer__link { color: rgba(240,237,232,0.6) !important; }
.footer__link:hover { color: #F0EDE8 !important; }
.footer__link::after { background: #B89A76 !important; }
.footer__social { border-bottom-color: rgba(240,237,232,0.08) !important; }
.footer__social-link { color: rgba(240,237,232,0.5) !important; }
.footer__social-link:hover { color: #B89A76 !important; }
.footer__bottom { color: #FFFFFF !important; }
.footer__legal a { color: rgba(255,255,255,0.85) !important; }
.footer__row1 { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.25rem; border-bottom: 1px solid rgba(240,237,232,0.1); gap: 2.5rem; position: relative; }
.footer__nav { display: flex; gap: 2.5rem; position: absolute; left: 50%; transform: translateX(-50%); }
.footer__row2 { display: flex; justify-content: space-between; align-items: center; padding-top: 1rem; }
.footer__center { display: flex; gap: 0.75rem; align-items: center; }
.footer__badge { font-size: 0.6rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(240,237,232,0.5); border: 1px solid rgba(240,237,232,0.15); padding: 0.3rem 0.75rem; }
.footer__payments { display: flex; gap: 0.5rem; align-items: center; }
.footer__payment { display: inline-flex; opacity: 0.85; transition: opacity 0.2s; }
.footer__payment:hover { opacity: 1; }
.footer__legal { display: flex; align-items: center; gap: 1.5rem; }
.footer__legal p { margin: 0; font-size: 0.7rem; color: rgba(240,237,232,0.6) !important; }

/* ---------- PRELOADER ---------- */
.preloader {
  background: var(--color-bg) !important;
}
.preloader__line { background: var(--color-accent) !important; }

/* ---------- SEARCH OVERLAY ---------- */
.search-overlay {
  background: rgba(255,255,255,0.98) !important;
}
.search-overlay__input {
  color: var(--color-text) !important;
  border-bottom-color: rgba(58,42,26,0.15) !important;
}
.search-overlay__input::placeholder { color: var(--color-text-subtle) !important; }
.search-overlay__item { border-bottom-color: rgba(58,42,26,0.08) !important; color: var(--color-text) !important; }
.search-overlay__item:hover { color: var(--color-accent) !important; }
.search-overlay__item-title { color: var(--color-text) !important; }
.search-overlay__item-desc { color: var(--color-text-subtle) !important; }
.search-overlay__close { color: var(--color-text-muted) !important; }
.search-overlay__none { color: var(--color-text-subtle) !important; }

/* ---------- CUSTOM CURSOR ---------- */
.cursor {
  border-color: rgba(44,36,33,0.4) !important;
  background: rgba(44,36,33,0.06) !important;
  mix-blend-mode: normal !important;
}
.cursor__dot {
  background: #2C2421 !important;
  mix-blend-mode: normal !important;
}
.cursor.hover {
  border-color: var(--color-accent) !important;
}

/* ---------- LANGUAGE SELECTOR (nav dropdown) ---------- */
.nav__lang-wrap { position: relative; display: flex; align-items: center; }
.nav__lang-dropdown { display: none; position: absolute; top: 100%; right: 0; padding-top: 12px; z-index: 10001; }
.nav__lang-wrap:hover .nav__lang-dropdown { display: block; }
.nav__lang-panel {
  background: #E8DFD3 !important;
  border: 1px solid rgba(58,42,26,0.1) !important;
  box-shadow: 0 8px 32px rgba(58,42,26,0.12) !important;
  padding: 0.5rem 0;
  min-width: 170px;
  display: flex;
  flex-direction: column;
}
.nav__lang-option {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.6rem 1.25rem !important;
  font-size: 0.8rem !important;
  color: var(--color-text-muted) !important;
  transition: color 0.25s ease, background 0.25s ease !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.nav__lang-option:hover {
  color: var(--color-text) !important;
  background: rgba(58,42,26,0.04) !important;
}
.nav__lang-option--active {
  color: var(--color-text) !important;
  font-weight: 500 !important;
}
.nav__lang-option--active::after {
  content: '\2713';
  color: var(--color-accent);
  font-size: 0.7rem;
  margin-left: auto;
}

/* ---------- LANGUAGE SELECTOR (page section) ---------- */
.lang-select {
  padding: 2.5rem 0 !important;
  border-top: 1px solid rgba(240,237,232,0.08) !important;
  background: #3A2A1A !important;
  text-align: center;
}
.lang-select__title {
  font-size: 0.6rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #C4A882 !important;
  margin-bottom: 1.25rem !important;
}
.lang-select__grid {
  display: flex !important;
  justify-content: center !important;
  gap: 1.5rem !important;
  flex-wrap: wrap !important;
}
.lang-select__option {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.75rem 1.25rem !important;
  border: 1px solid rgba(240,237,232,0.12) !important;
  color: rgba(240,237,232,0.6) !important;
  font-size: 0.8rem !important;
  transition: all 0.25s ease !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.lang-select__option:hover {
  border-color: #C4A882 !important;
  color: #F0EDE8 !important;
}
.lang-select__option--active {
  border-color: #C4A882 !important;
  color: #F0EDE8 !important;
}
.lang-select__option--active::after {
  content: '\2713' !important;
  color: #C4A882 !important;
  font-size: 0.7rem !important;
  margin-left: 0.25rem !important;
}

/* ---------- HELPFUL LINKS BOX ---------- */
.helpful-links {
  background: #E8DFD3 !important;
  border: 1px solid rgba(58,42,26,0.08) !important;
}
.helpful-links__title { color: var(--color-accent) !important; }
.helpful-links__item {
  background: var(--color-bg) !important;
  border: 1px solid rgba(58,42,26,0.08) !important;
  color: var(--color-text-muted) !important;
}
.helpful-links__item:hover {
  border-color: var(--color-accent) !important;
  color: var(--color-text) !important;
}

/* ---------- FAQ INTRO ---------- */
.faq-intro {
  background: #E8DFD3 !important;
  border-left-color: var(--color-accent) !important;
}
.faq-intro p { color: var(--color-text) !important; }

/* ---------- SCROLL REVEAL ---------- */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16,1,0.3,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* ---------- GENERAL TEXT ---------- */
p { color: var(--color-text-muted); }
h1, h2, h3, h4, h5, h6 {
  color: var(--color-text);
  font-family: var(--font-display) !important;
  font-style: italic !important;
  font-variation-settings: "ital" 1, "slnt" 0 !important;
}
strong { color: var(--color-text); }

/* ---------- PRINT ---------- */
@media print {
  .nav, .footer, .cursor, .cursor__dot, .preloader { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
}

/* ---------- PHASE 4: INTERACTION & POLISH ---------- */

/* Better hover states for article cards */
.article-card {
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}
.article-card:hover {
  transform: translateY(-3px) !important;
  
}

/* Better hover for product cards */
.product-card {
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}
.product-card:hover {
  box-shadow: 0 12px 32px rgba(58,42,26,0.1) !important;
}

/* Help cards hover */
.help-card {
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}
.help-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(58,42,26,0.06) !important;
}

/* Button hover improvements */
.btn, button[class*="btn"] {
  transition: all 0.35s cubic-bezier(0.16,1,0.3,1) !important;
}
.btn:hover, button[class*="btn"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(139,115,85,0.2) !important;
}

/* Ingredient row hover */
.ing-row {
  transition: background 0.3s ease !important;
  padding: 0.5rem 0.75rem !important;
  margin: 0 -0.75rem !important;
  border-radius: 4px !important;
}
.ing-row:hover {
  background: rgba(58,42,26,0.03) !important;
}

/* NO-list item hover */
.nolist-item {
  transition: all 0.3s ease !important;
}
.nolist-item:hover {
  border-color: rgba(139,115,85,0.3) !important;
}

/* Section padding increase */
.section {
  padding: clamp(5rem, 12vw, 8rem) 0 !important;
}
.section[style*="padding-bottom:0"] {
  padding-bottom: 0 !important;
}
.section[style*="padding-top:0"] {
  padding-top: 0 !important;
}

/* Typography hierarchy */
h2 {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  margin-bottom: 1.5rem !important;
}

/* Info-box and tip-box styling */
.info-box, .tip-box {
  border-left: 2px solid var(--color-accent) !important;
  padding: 1.25rem 1.5rem !important;
  background: rgba(139,115,85,0.04) !important;
  margin: 2rem 0 !important;
}

/* FAQ accordion smoother */
.accordion-item__content {
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}

/* Footer — compact like homepage */
.footer { padding: 2rem 0 1.5rem !important; }
.footer__top { padding-bottom: 1.25rem !important; }
.footer__social { display: flex !important; gap: 1.25rem !important; padding: 0 !important; border-bottom: none !important; margin-left: auto !important; }
.footer__bottom { padding-top: 0.85rem !important; }

/* Footer mobile */
@media (max-width: 768px) {
  .footer__row1 { flex-direction: column; gap: 1.5rem; text-align: center; }
  .footer__nav { justify-content: center; position: static; transform: none; }
  .footer__social { justify-content: center; }
  .footer__row2 { flex-direction: column; gap: 1rem; text-align: center; }
  .footer__center { justify-content: center; }
  .footer__legal { justify-content: center; flex-wrap: wrap; }
  .footer__payments { justify-content: center; }
}

/* Warum page card backgrounds */
.article-grid .article-card {
  background: #E8DFD3 !important;
  border: none !important;
  border-radius: 6px !important;
}
.article-grid .article-card,.article-grid .article-card *{background:transparent !important;border:none !important;box-shadow:none !important;outline:none !important}
.article-grid .article-card:hover {
  background: #DED4C6 !important;
}