#fw-section-featured-collection-0 {
--color-primary: #e47117;
--color-primary-rgb: 228, 113, 23;
--color-background: #24221e;
--color-background-rgb: 36, 34, 30;
--color-on-background: #e47117;
--color-on-background-rgb: 228, 113, 23;
--color-on-primary: #f5f5f5;
--color-on-primary-rgb: 245, 245, 245;
--color-product-image-background: #e47117;
--color-background-brightness: 34;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #e47117;
--primary-btn-text: #f5f5f5;
--primary-btn-border-color: #e47117;
--secondary-btn-bg: transparent;
--secondary-btn-text: #e47117;
--secondary-btn-border-color: #e47117;
/* ══════════════════════════════════════
   PRODUCT GRID – Celi's WolfPack Theme
══════════════════════════════════════ */
.collection__products,
:is([class*="products-grid"], [class*="collection-grid"]) {
  background: #0a0600 !important;
  padding: 24px !important;
}

:is(.product-card, [class*="product-card"], [class*="product-item"]) {
  background: linear-gradient(160deg, #1e0f00, #140900) !important;
  border: 1px solid rgba(255,140,0,.2) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: transform .3s, box-shadow .3s, border-color .3s !important;
}
:is(.product-card, [class*="product-card"], [class*="product-item"]):hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 35px rgba(255,120,0,.25), 0 0 0 1px rgba(255,140,0,.4) !important;
  border-color: rgba(255,140,0,.5) !important;
}

:is([class*="product-card"], [class*="product-item"]) img {
  filter: brightness(.95) contrast(1.05) !important;
  transition: filter .3s, transform .3s !important;
}
:is([class*="product-card"], [class*="product-item"]):hover img {
  filter: brightness(1.05) contrast(1.05) !important;
  transform: scale(1.03) !important;
}

:is([class*="product-card"], [class*="product-item"]) :is([class*="title"], [class*="name"]) {
  color: #f90 !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}

:is([class*="product-card"], [class*="product-item"]) [class*="price"],
[class*="price"]:not(#ce-footer *) {
  color: #c8b49a !important;
}

:is([class*="product-card"], [class*="product-item"]) [class*="btn"] {
  background: rgba(255,100,0,.15) !important;
  border: 1px solid rgba(255,140,0,.45) !important;
  color: #f90 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  transition: background .2s, box-shadow .2s !important;
}
:is([class*="product-card"], [class*="product-item"]) [class*="btn"]:hover {
  background: rgba(255,100,0,.3) !important;
  box-shadow: 0 0 14px rgba(255,140,0,.35) !important;
  color: #ffb733 !important;
}
}

#fw-section-footer {
--color-primary: #24221e;
--color-primary-rgb: 36, 34, 30;
--color-background: #e47117;
--color-background-rgb: 228, 113, 23;
--color-on-background: #f5f5f5;
--color-on-background-rgb: 245, 245, 245;
--color-on-primary: #f5f5f5;
--color-on-primary-rgb: 245, 245, 245;
--color-product-image-background: #f5f5f5;
--color-background-brightness: 137;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #24221e;
--primary-btn-text: #f5f5f5;
--primary-btn-border-color: #f5f5f5;
--secondary-btn-bg: transparent;
--secondary-btn-text: #f5f5f5;
--secondary-btn-border-color: #f5f5f5;

}
#fw-section-header {
--color-primary: #e47117;
--color-primary-rgb: 228, 113, 23;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #e47117;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: transparent;
--secondary-btn-text: #ffffff;
--secondary-btn-border-color: #ffffff;
/* ══════════════════════════════════════
   HEADER – Background Image (Fixed)
══════════════════════════════════════ */
header,
[class*="header"],
[class*="Header"],
[class*="navbar"],
[class*="Navbar"],
[class*="nav-bar"],
[class*="site-header"] {
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)),
    url(https://cdn.discordapp.com/attachments/1479281381740642575/1513666979146240151/Banner_-_CelisEris_v2.png?ex=6a2f273a&is=6a2dd5ba&hm=c69c121a8931092113c24163bc61321c6d7e897f8dc640940a11bc5524a295ef&) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

header *,
[class*="header"] *,
[class*="Header"] *,
[class*="navbar"] *,
[class*="Navbar"] *,
[class*="nav-bar"] *,
[class*="site-header"] * {
  background-image: none !important;
  background-color: transparent !important;
}
}