#fw-section-sidebar {
--color-primary: #d9dfc9;
--color-primary-rgb: 217, 223, 201;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* ===== 🌙 Elite Dark Theme for Fourthwall Store ===== */

body {
  background-color: #111111 !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Google Font - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

/* Accent Color for Buttons & Links */
button,
.button,
a.button,
input[type="submit"],
.product-grid-item a.button {
  background-color: #FFD700 !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 5px;
}

button:hover,
.button:hover,
a.button:hover {
  opacity: 0.85;
}

/* 3-Column Product Grid */
@media (min-width: 768px) {
  .product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
  }
}

/* Rounded Product Images */
.product-grid-item img,
.product-grid-item .product-image {
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Sticky Header */
.site-header {
  position: sticky !important;
  top: 0;
  z-index: 9999;
  background-color: #111111 !important;
  border-bottom: 1px solid #333;
}

/* Center the Logo in Header */
.site-header__branding {
  display: flex;
  justify-content: center;
  width: 100%;
}
.site-header__branding img {
  margin: auto;
}

/* Hide "Powered by Fourthwall" */
.footer__powered-by,
.footer .footer__bottom-right {
  display: none !important;
}

/* Remove Product Tags (badges) */
.product-grid-item .product__tag,
.product-grid-item .product__badge {
  display: none !important;
}

/* Link Colors */
a {
  color: #FFD700 !important;
}
a:hover {
  color: #ffffff !important;
}

/* Footer Styling */
footer {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-top: 1px solid #333;
}

}










.index #fw-section-header {
--color-primary: #9ac428;
--color-primary-rgb: 154, 196, 40;
--color-background: #ffffff;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-image-0 {
--color-primary: #d9dfc9;
--color-primary-rgb: 217, 223, 201;
--color-background: #e9e7e7;
--color-background-rgb: 233, 231, 231;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 232;
background-color: var(--color-background);
color: var(--color-on-background);

}