/* — TEMP FIX: force light text on dark pages — */
:root { --sg-ink: #EDE7FF; }              /* make sure the var is light */
body,
.elementor,
.elementor-*,
.woocommerce,
.elementor-heading-title,
h1,h2,h3,h4,h5,h6,
p,li,a,span {
  color:#EDE7FF !important;
}
:root{
  --ink:#EAE6F5; --amethyst:#5E35B1; --lilac:#CBA0FF; --charcoal:#0E0E0E; --off:#181222;
}

/* Base type on dark */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-text-editor { color: var(--ink); line-height: 1.6; }
/* SpritGlo Luxury Neon Woo Product Cards */
.woocommerce ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product {
  background: #1A1A1A;
  border-radius: 12px;
  overflow: hidden;
  padding: 0 0 20px;
  box-shadow: 0 4px 24px rgba(255, 47, 179, 0.22);
}

.woocommerce ul.products li.product img,
.elementor-widget-woocommerce-products ul.products li.product img {
  width: 100%;
  display: block;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products .woocommerce-loop-product__title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 20px 8px;
}

.woocommerce ul.products li.product .price,
.elementor-widget-woocommerce-products ul.products li.product .price {
  color: #FF2FB3;
  font-size: 18px;
  font-weight: 700;
  padding: 0 20px 12px;
}

.woocommerce ul.products li.product .button,
.elementor-widget-woocommerce-products ul.products li.product .button {
  background: #FF2FB3;
  color: #0D0D0D;
  border-radius: 6px;
  padding: 12px 28px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 8px 20px 0;
}

.woocommerce ul.products li.product .button:hover,
.elementor-widget-woocommerce-products ul.products li.product .button:hover {
  background: #ffffff;
  color: #0D0D0D;
}

/* Make the two “panels” look plush */
.elementor-inner-section { border-radius: 24px; }
.aos-narrow .elementor-column-wrap, .aos-narrow .elementor-widget-wrap { max-width: 920px; margin: 0 auto; }

/* Link-style buttons in the hero (inline + elegant) */
.elementor-inner-section .elementor-button {
  background: transparent; border: none; color: var(--lilac);
  padding: 0; margin-right: 28px; text-decoration: none; font-weight: 600;
}
.elementor-inner-section .elementor-button:hover {
  color: #fff; text-shadow: 0 0 10px rgba(203,160,255,.6);
}

/* Image polish */
.elementor-widget-image img { border-radius: 16px; display:block; }

/* Optional subtle fade-in */
.elementor-section { opacity:0; transform:translateY(12px); animation:fadeInUp 0.8s ease forwards; }
@keyframes fadeInUp { to { opacity:1; transform:translateY(0); } }

/* Highlight class for shimmer word if you use it elsewhere */
.highlight{ position:relative; display:inline-block; color:var(--lilac); }
.highlight::after{
  content:""; position:absolute; left:0; bottom:0; width:100%; height:1px;
  background:linear-gradient(90deg,var(--amethyst),var(--lilac));
  animation:shimmer 3s linear infinite;
}
@keyframes shimmer{ 0%{transform:translateX(-100%);} 50%{transform:translateX(0);} 100%{transform:translateX(100%);} }
body { outline: 2px solid lime !important; }
/* ============ GLOBAL BLOG WRAPPER ============ */

#glow-blog-home {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 1.5rem 3.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #fdf4ff;
}

/* Section spacing */
#glow-blog-home section {
  margin-bottom: 2.5rem;
}

/* Screen reader helper */
#glow-blog-home .screen-reader-text {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* General section heading */
#glow-blog-home .section-heading {
  margin-bottom: 1.3rem;
}

#glow-blog-home .section-heading h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 0.2rem;
}

#glow-blog-home .section-heading p {
  font-size: 0.95rem;
  color: #cbb7f5;
  margin: 0;
}

/* Card-style section containers (match Collections vibe) */
.blog-featured,
.blog-shop-highlights,
.blog-categories,
.blog-newsletter,
.blog-latest,
.blog-footer-cta {
  background: radial-gradient(circle at top, #3b1760 0, #160b2b 40%, #090311 100%);
  border-radius: 18px;
  padding: 1.8rem 1.6rem 2rem;
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(124, 77, 255, 0.65);
}

/* Inner card spacing tweaks */
.blog-newsletter,
.blog-footer-cta {
  text-align: center;
}

/* ============ HERO ============ */

.blog-hero {
  background: linear-gradient(145deg, #5121a3, #9a3bff);
  border-radius: 18px;
  padding: 2.6rem 1.8rem 2.3rem;
  margin-bottom: 2.5rem;
  box-shadow: 0 24px 50px rgba(41, 12, 96, 0.75);
  text-align: center;
  color: #ffffff;
}

.blog-hero-inner h1 {
  font-size: 2.3rem;
  letter-spacing: 0.04em;
  margin: 0 0 0.3rem;
}

.blog-hero-inner p {
  max-width: 520px;
  margin: 0.15rem auto 1.5rem;
  font-size: 0.98rem;
  color: #f6e9ff;
}

/* Hero search bar */
.blog-search {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

.blog-search input[type="search"] {
  min-width: 260px;
  max-width: 420px;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.85);
  background: rgba(9, 1, 26, 0.28);
  color: #ffffff;
  font-size: 0.95rem;
}

.blog-search input::placeholder {
  color: rgba(244, 229, 255, 0.65);
}

/* ============ BUTTONS ============ */

#glow-blog-home .button,
#glow-blog-home .button-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.7rem 1.4rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}

#glow-blog-home .button {
  background: linear-gradient(135deg, #f06292, #ffb74d);
  color: #2b0b2e;
  box-shadow: 0 12px 26px rgba(240, 98, 146, 0.7);
}

#glow-blog-home .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(240, 98, 146, 0.85);
}

#glow-blog-home .button-outline {
  background: transparent;
  border: 1px solid rgba(208, 181, 255, 0.9);
  color: #f4e7ff;
}

#glow-blog-home .button-outline:hover {
  background: rgba(208, 181, 255, 0.14);
}

/* ============ FEATURED ARTICLES ============ */

.blog-featured {
  margin-top: 0;
}

.blog-featured .section-heading {
  margin-bottom: 1.2rem;
}

.featured-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr);
  gap: 1.4rem;
}

/* Individual cards */
.featured-card {
  background: radial-gradient(circle at top left, rgba(147, 96, 255, 0.25), #140824);
  border-radius: 14px;
  border: 1px solid rgba(154, 120, 255, 0.8);
  overflow: hidden;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.55);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.featured-card a {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Big spotlight card */
.featured-card--large {
  padding: 0;
  display: flex;
  flex-direction: column;
  background: radial-gradient(circle at top, rgba(255, 255, 255, 0.06), #1a0b32);
}

.featured-card--large .featured-image img {
  width: 100%;
  display: block;
  height: auto;
}

.featured-card--large .featured-content {
  padding: 1.15rem 1.3rem 1.35rem;
}

/* Small cards */
.featured-card:not(.featured-card--large) {
  padding: 1rem 1.1rem;
}

/* Tag + text */
.featured-tag {
  display: inline-block;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(227, 181, 255, 0.75);
  color: #fbe9ff;
  margin-bottom: 0.5rem;
}

.featured-card h3 {
  font-size: 1.05rem;
  margin: 0 0 0.35rem;
  color: #ffffff;
}

.featured-card p {
  font-size: 0.9rem;
  margin: 0;
  color: #d6c6f7;
}

.featured-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);
  border-color: rgba(217, 179, 255, 0.95);
}

/* ============ SHOP THE STORY ============ */

.blog-shop-highlights .shop-highlight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1.4rem;
}

.shop-highlight-card {
  background: linear-gradient(145deg, #19072e, #2a1245);
  border-radius: 14px;
  border: 1px solid rgba(141, 113, 255, 0.85);
  padding: 1.2rem 1.3rem 1.3rem;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.55);
}

.shop-highlight-card h3 {
  margin: 0 0 0.4rem;
  font-size: 1.05rem;
  color: #ffffff;
}

.shop-highlight-card p {
  margin: 0 0 0.9rem;
  font-size: 0.9rem;
  color: #d9ccff;
}

/* ============ CATEGORY GRID (MATCH COLLECTION CARDS) ============ */

.blog-categories {
  margin-top: 0;
}

.blog-categories .category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1.5rem;
  margin-top: 1.4rem;
}

.blog-categories .category-card {
  position: relative;
  background: radial-gradient(circle at top, rgba(143, 93, 255, 0.35), #150823);
  border-radius: 16px;
  padding: 1.1rem 1.2rem 1.25rem;
  border: 1px solid rgba(155, 127, 255, 0.95);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.65);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.blog-categories .category-card::after {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 60%);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.blog-categories .category-card a {
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: inherit;
}

.blog-categories .category-label {
  display: inline-block;
  font-size: 0.72rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  background: rgba(15, 3, 32, 0.8);
  border: 1px solid rgba(227, 181, 255, 0.9);
  color: #fbe9ff;
  margin-bottom: 0.4rem;
}

.blog-categories h3 {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  color: #ffffff;
}

.blog-categories p {
  margin: 0;
  font-size: 0.9rem;
  color: #d7c9ff;
}

.blog-categories .category-card:hover {
  tr
/* === Breadcrumb === */
#gamer-collection .gc-breadcrumb {
  font-size: 0.8rem;
  color: #b3b8ff;
  margin-bottom: 1.5rem;
}

#gamer-collection .gc-breadcrumb a {
  color: #e1e4ff;
  text-decoration: none;
}

#gamer-collection .gc-breadcrumb a:hover {
  text-decoration: underline;
}

/* === Intro block === */
#gamer-collection .gc-intro {
  text-align: left;
  margin-top: 2rem;
}

#gamer-collection .gc-intro h2 {
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.75rem;
  color: #f3f3ff;
}

#gamer-collection .gc-intro p {
  font-size: 0.92rem;
  color: #d4d7ff;
}

/* === Loadout categories (Build Your Loadout) === */
#gamer-collection .gc-loadout-lead {
  font-size: 0.9rem;
  color: #b8bdff;
  margin-bottom: 1rem;
}

#gamer-collection .gc-loadout-grid {
  display: grid;
  gap: 1.1rem;
}

@media (min-width: 768px) {
  #gamer-collection .gc-loadout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#gamer-collection .gc-loadout-card {
  border-radius: 1.1rem;
  background: radial-gradient(circle at top left, rgba(124, 77, 255, 0.18), rgba(10, 12, 30, 0.96));
  border: 1px solid rgba(130, 150, 255, 0.32);
  padding: 0.9rem;
  display: grid;
  gap: 0.6rem;
}

#gamer-collection .gc-loadout-card figure {
  margin: 0;
  border-radius: 0.9rem;
  overflow: hidden;
  background: #000;
}

#gamer-collection .gc-loadout-card img {
  display: block;
  width: 100%;
  height: auto;
}

#gamer-collection .gc-loadout-card h4 {
  font-size: 1rem;
  color: #f6f3ff;
  margin: 0;
}

#gamer-collection .gc-loadout-card p {
  font-size: 0.86rem;
  color: #c5c9ff;
  margin: 0;
}

/* === Top Picks section === */
#gamer-collection .gc-top-picks-lead {
  font-size: 0.9rem;
  color: #b8bdff;
  margin-bottom: 1rem;
}

#gamer-collection .gc-top-picks-grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {
  #gamer-collection .gc-top-picks-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

#gamer-collection .gc-top-pick-card {
  border-radius: 1.1rem;
  background: rgba(7, 9, 30, 0.96);
  border: 1px solid rgba(132, 157, 255, 0.5);
  padding: 0.9rem;
  display: grid;
  gap: 0.5rem;
}

#gamer-collection .gc-top-pick-card figure {
  margin: 0;
  border-radius: 0.9rem;
  overflow: hidden;
  background: #000;
}

#gamer-collection .gc-top-pick-card img {
  width: 100%;
  height: auto;
  display: block;
}

#gamer-collection .gc-top-pick-card h3 {
  font-size: 0.98rem;
  margin: 0;
  color: #f5f3ff;
}

#gamer-collection .gc-top-pick-price {
  font-size: 0.9rem;
  font-weight: 600;
  color: #70f5ff;
}

#gamer-collection .gc-top-pick-card p {
  font-size: 0.84rem;
  color: #cfd2ff;
}

/* === Benefits / why choose us === */
#gamer-collection .gc-benefits {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {
  #gamer-collection .gc-benefits {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

#gamer-collection .gc-benefit-item {
  border-radius: 1.1rem;
  padding: 0.9rem;
  background: rgba(7, 9, 30, 0.96);
  border: 1px solid rgba(132, 157, 255, 0.4);
}

#gamer-collection .gc-benefit-item h3 {
  font-size: 0.98rem;
  margin-bottom: 0.4rem;
  color: #f3f3ff;
}

#gamer-collection .gc-benefit-item p {
  font-size: 0.86rem;
  color: #d0d4ff;
}

/* === Community CTA === */
#gamer-collection .gc-community {
  text-align: left;
}

#gamer-collection .gc-community p {
  font-size: 0.9rem;
  color: #d7dbff;
  margin-bottom: 0.9rem;
}

/* === Gallery / Visual Vibes === */
#gamer-collection .gc-gallery-grid {
  display: grid;
  gap: 0.9rem;
}

@media (min-width: 768px) {
  #gamer-collection .gc-gallery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

#gamer-collection .gc-gallery-grid .gallery-item {
  margin: 0;
  border-radius: 0.9rem;
  overflow: hidden;
  background: #000;
}

#gamer-collection .gc-gallery-grid img {
  display: block;
  width: 100%;
  height: auto;
}

/* === SEO text / closing paragraph === */
#gamer-collection .gc-seo-text {
  font-size: 0.88rem;
  color: #cfd3ff;
}
/* GENERAL PODCAST STYLES */
#noir-podcast-hero,
#noir-latest,
#noir-about,
#noir-themes,
#noir-host,
#noir-episodes,
#noir-subscribe {
  padding: 60px 20px;
  color: #f5e9ff;
  background: #05040a;
}

#noir-podcast-hero {
  padding-top: 90px;
}

#noir-podcast-hero h1,
#noir-podcast-hero h2,
#noir-latest h2,
#noir-about h2,
#noir-themes h2,
#noir-host h2,
#noir-episodes h2,
#noir-subscribe h2 {
  text-align: left;
  color: #f5e9ff;
  text-shadow: 0 0 12px #7c2dff;
}

/* Section background separators */
#noir-podcast-hero {
  background: radial-gradient(circle at top, #2a0040 0%, #05040a 55%, #020208 100%);
  border-bottom: 2px solid #4e1aa9;
}

#noir-latest,
#noir-themes,
#noir-episodes {
  background: linear-gradient(145deg, #06020e, #0d0718);
  border-bottom: 1px solid #351060;
}

#noir-about,
#noir-host,
#noir-subscribe {
  background: #05040a;
  border-bottom: 1px solid #2a0b4f;
}

/* Typography */
#noir-podcast-hero p,
#noir-latest p,
#noir-about p,
#noir-themes p,
#noir-host p,
#noir-episodes p,
#noir-subscribe p {
  max-width: 900px;
  margin: 0 auto 15px auto;
  line-height: 1.7;
  color: #e4d5ff;
}

/* HERO LAYOUT */
.noir-hero-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 40px;
  align-items: center;
}

.noir-hero-text h1 {
  font-size: 3rem;
  margin-bottom: 10px;
}

.noir-hero-text h2 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  color: #d9b3ff;
}

.noir-hero-text p {
  margin-bottom: 25px;
}

/* BUTTONS */
.noir-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.noir-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 999px;
  font-size: 0.95rem;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease,
    color 0.15s ease;
}

.noir-btn.primary {
  background: radial-gradient(circle at top, #a855ff, #6d28d9);
  color: #0a030f;
  box-shadow: 0 0 18px rgba(168, 85, 255, 0.7);
}

.noir-btn.primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 26px rgba(168, 85, 255, 0.9);
}

.noir-btn.ghost {
  border: 1px solid #a855ff;
  color: #f5e9ff;
  background: rgba(10, 3, 20, 0.7);
}

.noir-btn.ghost:hover {
  background: rgba(168, 85, 255, 0.12);
}

.noir-btn.tiny {
  padding: 7px 16px;
  font-size: 0.85rem;
}

/* HERO PLAYER CARD */
.noir-hero-player-card {
  background: radial-gradient(circle at top, #27003b 0%, #0b0613 55%, #050208 100%);
  border-radius: 22px;
  border: 1px solid #5b0fd6;
  box-shadow: 0 0 25px rgba(87, 30, 191, 0.6);
  overflow: hidden;
}

.noir-player-header {
  display: flex;
  gap: 6px;
  padding: 10px 14px;
  background: linear-gradient(90deg, #190022, #320052);
}

.noir-player-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(245, 233, 255, 0.8);
}

.noir-player-body {
  padding: 18px 18px 22px 18px;
}

.noir-player-title {
  font-weight: 600;
  margin-bottom: 4px;
}

.noir-player-subtitle {
  font-size: 0.85rem;
  color: #d2c1ff;
  margin-bottom: 18px;
}

/* Fake waveform */
.noir-player-wave {
  height: 50px;
  margin-bottom: 16px;
  border-radius: 16px;
  background-image: repeating-linear-gradient(
    90deg,
    rgba(219, 180, 255, 0.2) 0,
    rgba(219, 180, 255, 0.2) 6px,
    transparent 6px,
    transparent 10px
  );
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.7);
}

/* Progress bar */
.noir-player-controls {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
}

.noir-timestamp {
  font-size: 0.8rem;
  color: #cbb5ff;
}

.noir-progress-bar {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(60, 24, 100, 0.9);
  overflow: hidden;
}

.noir-progress-fill {
  display: block;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, #c4a0ff, #f5e9ff);
}

/* LATEST EPISODE */
#noir-latest h2,
#noir-episodes h2,
#noir-themes h2,
#noir-about h2,
#noir-subscribe h2,
#noir-host h2 {
  max-width: 900px;
  margin: 0 auto 15px auto;
}

.noir-section-intro {
  text-align: left;
}

.noir-audio-embed {
  max-width: 900px;
  margin: 25px auto 0 auto;
  padding: 25px;
  border-radius: 18px;
  border: 1px dashed #7c2dff;
  background: rgba(12, 5, 25, 0.9);
  text-align: center;
}

/* ABOUT SECTION */
#noir-about .noir-bullet-list {
  max-width: 900px;
  margin: 10px auto 0 auto;
  padding-left: 20px;
}

#noir-about .noir-bullet-list li {
  margin-bottom: 8px;
  color: #e4d5ff;
}

/* THEMES GRID */
.noir-theme-grid {
  max-width: 1100px;
  margin: 25px auto 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.noir-theme-card {
  background: radial-gradient(circle at top, #230036, #090413);
  border-radius: 18px;
  padding: 18px 16px 22px 16px;
  border: 1px solid #5b0fd6;
  box-shadow: 0 0 18px rgba(83, 32, 177, 0.5);
}

.noir-theme-card h3 {
  margin-bottom: 10px;
  color: #f5e9ff;
}

.noir-theme-card p {
  margin: 0;
  font-size: 0.95rem;
}

/* HOST SECTION */
.noir-host-inner {
  max-width: 900px;
  margin: 0 auto;
}

.noir-host-text p {
  margin-bottom: 12px;
}

/* EPISODE GRID */
.noir-episode-grid {
  max-width: 1100px;
  margin: 25px auto 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.noir-episode-card {
  background: radial-gradient(circle at top, #290041, #090313);
  border-radius: 18px;
  padding: 20px;
  border: 1px solid #7c2dff;
  box-shadow: 0 0 18px rgba(124, 45, 255, 0.6);
}

.noir-episode-card h3 {
  margin-bottom: 10px;
}

.noir-episode-card p {
  font-size: 0.95rem;
}

.noir-episode-tag {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #d4b6ff;
  margin-bottom: 6px;
}

/* SUBSCRIBE SECTION */
.noir-subscribe-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: left;
}

.noir-subscribe-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.noir-subscribe-form input[type="email"] {
  flex: 1 1 220px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid #7c2dff;
  background: rgba(8, 3, 18, 0.9);
  color: #f5e9ff;
  font-size: 0.95rem;
}

.noir-subscribe-form input::placeholder {
  color: #b79de8;
}

.noir-subscribe-form button {
  padding: 10px 20px;
  border-radius: 999px;
  border: none;
  background: radial-gradient(circle at top, #a855ff, #6d28d9);
  color: #0a030f;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 0 18px rgba(168, 85, 255, 0.7);
}

.noir-subscribe-form button:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 24px rgba(168, 85, 255, 0.9);
}

/* LISTEN BADGES */
.noir-listen-badges {
  margin-top: 20px;
}

.noir-listen-badges span {
  font-size: 0.9rem;
  color: #d1b8ff;
}

.noir-badge-row {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.noir-badge {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #7c2dff;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .noir-hero-inner {
    grid-template-columns: 1fr;
  }

  .noir-hero-text h1 {
    font-size: 2.3rem;
  }

  .noir-theme-grid,
  .noir-episode-grid {
    grid-template-columns: 1fr;
  }
}
/* GENERAL INTRO TEXT */
.section-intro {
@media (max-width: 768px) {
  .size-layout,
  .impact-layout,
  .affiliate-layout {
    grid-template-columns: 1fr;
  }
}
/* ==========================================================================
   ⚡️ NOIR SPARKS / SPRITGLO: MASTER STYLESHEET (CONSOLIDATED 2025)
   ========================================================================== */

:root {
  /* --- Core Palette --- */
  --bg: #0B0B0F;             /* Deepest Background */
  --surface: #14111E;        /* Panels & Sections */
  --card: #16161F;           /* Card Backgrounds */
  --border: rgba(158, 122, 255, 0.2);
  
  /* --- Brand Colors --- */
  --amethyst: #5E35B1;       /* Deep Purple */
  --amethyst-2: #8C6BE6;     /* Bright Purple */
  --lilac: #CBA0FF;          /* Accent/Heading Purple */
  --accent: #24E0A6;         /* Success/Price Teal */
  
  /* --- Typography --- */
  --ink: #F6F3FF;            /* High Contrast Body */
  --muted: #D3C8FF;          /* Secondary/Soft Text */
  
  /* --- Utility --- */
  --shadow: 0 10px 40px rgba(0,0,0,0.6);
  --radius: 18px;
}

/* 1. GLOBAL BASE & TYPOGRAPHY */
body {
  background-color: var(--bg) !important;
  color: var(--ink) !important;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

h1, h2, h3, h4, .sg-h1, .sg-h2, .product_title {
  font-family: 'Playfair Display', serif !important;
  color: var(--lilac) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.4);
  font-display: swap;
}

p, .excerpt, .sg-sub, .elementor-widget-text-editor {
  color: var(--muted) !important;
  line-height: 1.6;
}

a, .sg-link {
  color: var(--lilac) !important;
  text-decoration: none;
  transition: 0.3s ease;
}

a:hover { color: var(--accent) !important; }

/* 2. LAYOUT & GRIDS */
.sg-grid-collections, .ns-grid {
  display: grid !important;
  gap: clamp(16px, 2vw, 24px);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.card, .sg-collection-card {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius);
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }

/* 3. PREMIUM IMAGE HOVER */
.sg-media { overflow: hidden; position: relative; background: #000; }
.sg-media img { 
  transition: transform 0.8s ease !important; 
  display: block; 
  width: 100%;
}
.card:hover .sg-media img { transform: scale(1.1); }
.sg-media::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(94,53,177,0.3), transparent);
  opacity: 0; transition: 0.4s;
}
.card:hover .sg-media::after { opacity: 1; }

/* 4. BUTTONS (SG & ELEMENTOR) */
.sg-btn, .elementor-button, .btn {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 12px !important;
  font-weight: 700;
  transition: 0.3s all !important;
  cursor: pointer;
}

.sg-btn:not(.ghost), .elementor-button {
  background: linear-gradient(135deg, var(--amethyst), var(--amethyst-2)) !important;
  color: #fff !important;
  border: none !important;
}

.sg-btn.ghost {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--lilac) !important;
  color: var(--lilac) !important;
}

.sg-btn:hover { filter: brightness(1.1); transform: scale(1.03); }

/* 5. WOOCOMMERCE DARK THEME */
.price, .amount { color: var(--accent) !important; font-weight: 700; }

input[type="text"], input[type="email"], textarea, select {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--border) !important;
  color: var(--ink) !important;
  border-radius: 10px !important;
}

.woocommerce-message, .woocommerce-info {
  background: var(--surface) !important;
  border-top: 3px solid var(--amethyst) !important;
  color: var(--ink) !important;
}

/* 6. JOIN THE GLOW (NEWSLETTER) */
.join-the-glow {
  padding: 60px 20px;
  background: radial-gradient(circle at center, rgba(94, 53, 177, 0.1), var(--bg));
  text-align: center;
}
.glow-container {
  max-width: 600px; margin: auto;
  padding: 40px; border-radius: 24px;
  background: rgba(22, 22, 31, 0.5);
  backdrop-filter: blur(10px);
  border: 1px solid var(--border);
}

/* 7. MOBILE OPTIMIZATION */
@media (max-width: 768px) {
  .elementor-nav-menu--dropdown {
    background-color: var(--surface) !important;
    padding: 20px !important;
  }
  .elementor-nav-menu--main .elementor-item {
    padding: 15px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05);
  }
  .sg-card-ambassador .sg-media { aspect-ratio: 16 / 9; }
}

/* 8. PERFORMANCE & CLEANUP */
img { content-visibility: auto; }
.site-content { padding-top: 0 !important; }
	/* ===== SpritGlo: Pop Culture & Retro Vibes ===== */
:root{
  --sg-bg:#050509;
  --sg-panel:#0b0b14;
  --sg-ink:#ffffff;
  --sg-soft:#d9c7ff;
  --sg-amethyst:#5E35B1;
  --sg-magenta:#ff4fd8;
  --sg-cyan:#5df2ff;
  --sg-stroke:rgba(255,255,255,.10);
  --sg-shadow: 0 18px 55px rgba(0,0,0,.55);
}

.sg-collection.sg-pop{ background:var(--sg-bg); color:var(--sg-ink); }
.sg-wrap{ max-width:1100px; margin:0 auto; padding:56px 18px 72px; }

.sg-h2{ font-size:2.2rem; margin:10px 0 8px; letter-spacing:.2px; }
.sg-lead{ max-width:760px; color:var(--sg-soft); opacity:.95; line-height:1.6; margin:0 0 22px; }

/* HERO */
.sg-pop-hero{
  padding:72px 18px 46px;
  background:
    radial-gradient(1200px 520px at 20% 10%, rgba(94,53,177,.55), transparent 55%),
    radial-gradient(900px 420px at 80% 35%, rgba(255,79,216,.30), transparent 55%),
    radial-gradient(700px 360px at 55% 90%, rgba(93,242,255,.20), transparent 55%),
    linear-gradient(180deg, #070714 0%, #050509 100%);
  border-bottom:1px solid var(--sg-stroke);
}

.sg-hero-inner{ max-width:1100px; margin:0 auto; }
.sg-kicker{
  display:inline-block;
  padding:8px 12px;
  border:1px solid rgba(230,193,255,.25);
  background:rgba(12,10,24,.55);
  border-radius:999px;
  color:var(--sg-soft);
  font-size:.9rem;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.sg-hero h1{
  margin:14px 0 8px;
  font-size:3rem;
  line-height:1.08;
  text-shadow:0 0 18px rgba(255,79,216,.15);
}
.sg-sub{ max-width:760px; color:var(--sg-soft); opacity:.96; line-height:1.65; margin:0 0 18px; }

/* Buttons */
.sg-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:14px;
  font-weight:700;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.14);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.sg-btn.primary{
  background:linear-gradient(90deg, var(--sg-amethyst), var(--sg-magenta));
  color:#fff;
  box-shadow:0 14px 30px rgba(94,53,177,.25);
  border-color:transparent;
}
.sg-btn.primary:hover{ transform: translateY(-1px); box-shadow:0 18px 40px rgba(255,79,216,.18); }
.sg-btn.ghost{
  background:rgba(12,10,24,.55);
  color:var(--sg-soft);
}
.sg-btn.ghost:hover{ transform: translateY(-1px); box-shadow:0 14px 28px rgba(0,0,0,.35); }

.sg-hero-actions{ display:flex; gap:12px; flex-wrap:wrap; margin:12px 0 18px; }

/* Stats */
.sg-mini-stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:10px;
  max-width:760px;
}
.sg-stat{
  background:rgba(11,11,20,.65);
  border:1px solid var(--sg-stroke);
  border-radius:16px;
  padding:12px 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.sg-stat-num{ display:block; font-weight:800; font-size:1.05rem; }
.sg-stat-label{ display:block; color:var(--sg-soft); opacity:.9; font-size:.92rem; }

/* Grid Cards */
.sg-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.sg-card{
  background:linear-gradient(180deg, rgba(14,12,28,.85), rgba(8,8,14,.95));
  border:1px solid var(--sg-stroke);
  border-radius:22px;
  overflow:hidden;
  box-shadow: var(--sg-shadow);
  text-decoration:none;
  color:inherit;
  transform: translateZ(0);
  transition: transform .18s ease, border-color .2s ease, box-shadow .2s ease;
}
.sg-card:hover{
  transform: translateY(-4px);
  border-color: rgba(255,79,216,.25);
  box-shadow: 0 22px 65px rgba(0,0,0,.6);
}
.sg-card-media{
  aspect-ratio: 16 / 10;
  background:
    radial-gradient(500px 220px at 20% 20%, rgba(93,242,255,.22), transparent 55%),
    radial-gradient(500px 220px at 80% 40%, rgba(255,79,216,.18), transparent 55%),
    #0b0b14;
}
.sg-card-media img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  filter: saturate(1.06) contrast(1.04);
}
.sg-card-body{ padding:14px 14px 16px; }
.sg-card-body h3{ margin:0 0 6px; font-size:1.2rem; }
.sg-card-body p{ margin:0 0 10px; color:var(--sg-soft); opacity:.95; line-height:1.55; font-size:.95rem; }

.sg-chip{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(94,53,177,.18);
  border:1px solid rgba(230,193,255,.18);
  color:var(--sg-soft);
  font-size:.82rem;
}

/* Feature strip */
.sg-feature{
  margin:26px 0 0;
  display:grid;
  grid-template-columns: 1.5fr .8fr;
  gap:14px;
  background:linear-gradient(90deg, rgba(94,53,177,.22), rgba(255,79,216,.12));
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  overflow:hidden;
  box-shadow: var(--sg-shadow);
}
.sg-feature-text{ padding:18px 18px 18px; }
.sg-feature-text h3{ margin:0 0 8px; font-size:1.5rem; }
.sg-feature-text p{ margin:0 0 14px; color:var(--sg-soft); line-height:1.65; }
.sg-feature-actions{ display:flex; gap:10px; flex-wrap:wrap; }

.sg-feature-media{
  position:relative;
  min-height:180px;
  background:
    radial-gradient(700px 260px at 30% 30%, rgba(93,242,255,.25), transparent 55%),
    radial-gradient(700px 260px at 70% 55%, rgba(255,79,216,.18), transparent 60%),
    rgba(8,8,14,.75);
  border-left:1px solid rgba(255,255,255,.10);
}
.sg-glow-orb{
  position:absolute;
  inset:0;
  margin:auto;
  width:160px;
  height:160px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), transparent 55%),
              radial-gradient(circle at 60% 60%, rgba(255,79,216,.22), transparent 60%),
              radial-gradient(circle at 50% 50%, rgba(94,53,177,.35), transparent 65%);
  filter: blur(.2px);
  box-shadow: 0 0 60px rgba(255,79,216,.12);
}

/* CTA */
.sg-cta{
  margin-top:26px;
  padding:22px 18px;
  text-align:center;
  background:rgba(11,11,20,.7);
  border:1px solid var(--sg-stroke);
  border-radius:22px;
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
}
.sg-cta h2{ margin:0 0 6px; font-size:1.9rem; }
.sg-cta p{ margin:0 0 14px; color:var(--sg-soft); line-height:1.6; }

/* Responsive */
@media (max-width: 980px){
  .sg-hero h1{ font-size:2.4rem; }
  .sg-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .sg-feature{ grid-template-columns: 1fr; }
  .sg-feature-media{ border-left:none; border-top:1px solid rgba(255,255,255,.10); }
}
@media (max-width: 560px){
  .sg-mini-stats{ grid-template-columns: 1fr; }
  .sg-grid{ grid-template-columns: 1fr; }
  .sg-hero h1{ font-size:2.05rem; }
}
.sg-pop-video{
  margin-top:18px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
  background: rgba(0,0,0,.35);
}
.sg-pop-video video{
  width:100%;
  height:auto;
  display:block;
}
/* === SpritGlo: New Arrivals (Clean + Luxe) === */
:root{
  --sg-bg:#0b0711;
  --sg-card:#120A1B;
  --sg-border:rgba(230,193,255,.16);
  --sg-text:#ffffff;
  --sg-muted:#d7c9f4;
  --sg-amethyst:#5E35B1;
  --sg-glow:rgba(170,120,255,.25);
}

/* Page background + spacing */
.sg-newarrivals{
  background:
    radial-gradient(900px 380px at 20% -10%, rgba(94,53,177,.35), transparent 55%),
    radial-gradient(800px 340px at 90% 0%, rgba(230,193,255,.18), transparent 60%),
    var(--sg-bg);
  color:var(--sg-text);
  padding: clamp(18px, 3vw, 40px) 0;
}

/* Hero */
.sg-na-hero{
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(18px, 3vw, 42px);
  border: 1px solid var(--sg-border);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border-radius: 22px;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}
.sg-na-hero h1{ margin:0 0 8px; letter-spacing:.3px; }
.sg-na-hero p{ margin:0 0 18px; color:var(--sg-muted); max-width: 62ch; }

/* Utility bar */
.sg-na-tools{
  max-width: 1180px;
  margin: 18px auto 0;
  padding: 12px 14px;
  border: 1px solid var(--sg-border);
  border-radius: 18px;
  background: rgba(18,10,27,.72);
  backdrop-filter: blur(10px);
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  position: sticky;
  top: 10px;
  z-index: 20;
}
.sg-na-tools .left, .sg-na-tools .right{ display:flex; gap:10px; align-items:center; }
.sg-na-tools select, .sg-na-tools button{
  background: rgba(255,255,255,.06);
  color: var(--sg-text);
  border: 1px solid rgba(230,193,255,.18);
  border-radius: 14px;
  padding: 10px 12px;
}
.sg-na-tools .count{ color:var(--sg-muted); font-size: .95rem; }

/* Grid wrapper */
.sg-na-grid{
  max-width:1180px;
  margin: 18px auto 0;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  padding: 0 6px;
}
@media (max-width: 1024px){ .sg-na-grid{ grid-template-columns: repeat(3, 1fr);} }
@media (max-width: 720px){ .sg-na-grid{ grid-template-columns: repeat(2, 1fr);} }

/* Product card */
.sg-na-card{
  border:1px solid var(--sg-border);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sg-na-card:hover{
  transform: translateY(-2px);
  border-color: rgba(230,193,255,.35);
  box-shadow: 0 18px 70px rgba(0,0,0,.45), 0 0 0 3px var(--sg-glow);
}

/* Image area: keeps cards uniform */
.sg-na-img{
  aspect-ratio: 1 / 1;
  background: rgba(0,0,0,.25);
  display:block;
}
.sg-na-body{ padding: 12px 12px 14px; }
.sg-na-title{ margin:0 0 6px; font-size: 1rem; line-height:1.25; }
.sg-na-price{ margin:0; color: var(--sg-muted); font-size:.95rem; }

/* Badges */
.sg-na-badge{
  position:absolute;
  top:10px; left:10px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .72rem;
  letter-spacing: .6px;
  border:1px solid rgba(230,193,255,.25);
  background: rgba(94,53,177,.35);
  backdrop-filter: blur(8px);
}

/* Optional: quick actions reveal */
.sg-na-actions{
  display:flex; gap:10px; margin-top:10px;
}
.sg-na-actions a{
  flex:1;
  text-align:center;
  padding:10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(230,193,255,.20);
  background: rgba(255,255,255,.06);
}
.sg-na-actions a.primary{
  background: linear-gradient(90deg, rgba(94,53,177,.9), rgba(230,193,255,.35));
  border-color: rgba(230,193,255,.35);
}
/* === SpritGlo: New Arrivals (Elementor Woo Products widget) === */
:root{
  --sg-bg:#0b0711;
  --sg-card:#120A1B;
  --sg-border:rgba(230,193,255,.16);
  --sg-text:#ffffff;
  --sg-muted:#d7c9f4;
  --sg-glow:rgba(170,120,255,.25);
  --sg-amethyst:#5E35B1;
}

/* Page background */
.sg-newarrivals{
  background:
    radial-gradient(900px 380px at 20% -10%, rgba(94,53,177,.35), transparent 55%),
    radial-gradient(800px 340px at 90% 0%, rgba(230,193,255,.18), transparent 60%),
    var(--sg-bg);
  color:var(--sg-text);
}

/* Woo grid spacing inside this page */
.sg-newarrivals .woocommerce ul.products{
  margin: 18px auto 0 !important;
  padding: 0 6px !important;
}

/* Card */
.sg-newarrivals .woocommerce ul.products li.product{
  border:1px solid var(--sg-border) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  border-radius: 18px !important;
  overflow:hidden !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.35) !important;
  padding: 0 !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.sg-newarrivals .woocommerce ul.products li.product:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(230,193,255,.35) !important;
  box-shadow: 0 18px 70px rgba(0,0,0,.45), 0 0 0 3px var(--sg-glow) !important;
}

/* Make the image area uniform */
.sg-newarrivals .woocommerce ul.products li.product a img{
  width:100% !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0 !important;
  background: rgba(0,0,0,.25);
  display:block;
}

/* Inner spacing */
.sg-newarrivals .woocommerce ul.products li.product .woocommerce-loop-product__title,
.sg-newarrivals .woocommerce ul.products li.product .price,
.sg-newarrivals .woocommerce ul.products li.product .button{
  margin-left: 12px !important;
  margin-right: 12px !important;
}

/* Title */
.sg-newarrivals .woocommerce ul.products li.product .woocommerce-loop-product__title{
  color: var(--sg-text) !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  margin-top: 12px !important;
  margin-bottom: 6px !important;

  /* limit to ~2 lines (supported by most modern browsers) */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Price */
.sg-newarrivals .woocommerce ul.products li.product .price{
  color: var(--sg-muted) !important;
  font-size: .95rem !important;
  margin-bottom: 10px !important;
}
.sg-newarrivals .woocommerce ul.products li.product .price del{
  opacity: .75 !important;
}
.sg-newarrivals .woocommerce ul.products li.product .price ins{
  text-decoration: none !important;
}

/* Buttons */
.sg-newarrivals .woocommerce ul.products li.product .button{
  width: calc(100% - 24px) !important;
  margin: 10px 12px 14px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(230,193,255,.20) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--sg-text) !important;
  text-align: center !important;
}
.sg-newarrivals .woocommerce ul.products li.product .button:hover{
  background: linear-gradient(90deg, rgba(94,53,177,.90), rgba(230,193,255,.35)) !important;
  border-color: rgba(230,193,255,.35) !important;
}

/* Sale badge (Woo/Elementor uses .onsale) */
.sg-newarrivals .woocommerce span.onsale{
  background: rgba(94,53,177,.45) !important;
  border: 1px solid rgba(230,193,255,.25) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  box-shadow: none !important;
}

/* Remove weird default link/underline behaviors */
.sg-newarrivals .woocommerce ul.products li.product a{
  text-decoration:none !important;
}
/* ========= SpritGlo: New Products / New Arrivals Page ========= */

:root{
  --sg-bg:#120018;
  --sg-card:#1a0622;
  --sg-card2:#22092f;
  --sg-text:#ffffff;
  --sg-sub:#d9cff8;
  --sg-line:rgba(230,193,255,.18);
  --sg-amethyst:#5E35B1;
  --sg-magenta:#E600FF;
  --sg-glow:rgba(230,193,255,.22);
}

.sg-new-wrap{
  color:var(--sg-text);
  background:transparent;
}

/* HERO */
.sg-new-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--sg-line);
  border-radius:24px;
  padding:clamp(22px,4vw,44px);
  margin:0 0 18px 0;
  background:
    radial-gradient(900px 500px at 10% 15%, rgba(230,0,255,.22), transparent 55%),
    radial-gradient(900px 500px at 90% 35%, rgba(94,53,177,.25), transparent 60%),
    linear-gradient(180deg, rgba(26,6,34,.92), rgba(18,0,24,.92));
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}

.sg-new-hero-inner{ max-width:920px; }

.sg-kicker{
  display:inline-block;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.78rem;
  color:var(--sg-sub);
  background:rgba(230,193,255,.10);
  border:1px solid var(--sg-line);
  padding:8px 12px;
  border-radius:999px;
  margin:0 0 10px;
}

.sg-new-title{
  margin:0 0 10px;
  font-size:clamp(2.0rem,4.8vw,3.4rem);
  line-height:1.05;
}

.sg-new-sub{
  margin:0 0 18px;
  color:var(--sg-sub);
  font-size:clamp(1rem,1.6vw,1.15rem);
  opacity:.95;
}

/* CTA BUTTONS */
.sg-new-cta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:12px 0 16px;
}

.sg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  border-radius:14px;
  font-weight:700;
  border:1px solid var(--sg-line);
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.sg-btn.primary{
  background:linear-gradient(90deg, var(--sg-magenta), var(--sg-amethyst));
  border-color:transparent;
  box-shadow:0 16px 40px rgba(230,0,255,.15);
  color:#fff;
}

.sg-btn.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 50px rgba(230,0,255,.22);
}

.sg-btn.ghost{
  background:rgba(230,193,255,.06);
  color:var(--sg-sub);
}

.sg-btn.ghost:hover{
  transform:translateY(-1px);
  background:rgba(230,193,255,.12);
}

/* BADGES */
.sg-new-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

.sg-badge{
  font-size:.85rem;
  color:var(--sg-sub);
  border:1px solid var(--sg-line);
  background:rgba(18,0,24,.35);
  padding:8px 12px;
  border-radius:999px;
}

/* QUICK LINKS NAV */
.sg-new-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 18px;
  padding:12px;
  border:1px solid var(--sg-line);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(26,6,34,.78), rgba(18,0,24,.55));
}

.sg-new-nav a{
  color:var(--sg-sub);
  text-decoration:none;
  border:1px solid rgba(230,193,255,.14);
  background:rgba(230,193,255,.06);
  padding:10px 12px;
  border-radius:999px;
  font-weight:600;
}

.sg-new-nav a:hover{
  background:rgba(230,193,255,.12);
}

/* STRIP CARDS */
.sg-new-strip{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin:0 0 22px;
}

.sg-strip-card{
  border:1px solid var(--sg-line);
  background:linear-gradient(180deg, rgba(34,9,47,.82), rgba(18,0,24,.62));
  border-radius:20px;
  padding:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.22);
}

.sg-strip-card h3{
  margin:0 0 6px;
  font-size:1.05rem;
}

.sg-strip-card p{
  margin:0;
  color:var(--sg-sub);
  opacity:.95;
}

/* SHOP SECTIONS */
.sg-new-shop{
  border:1px solid var(--sg-line);
  border-radius:24px;
  padding:18px;
  margin:0 0 18px;
  background:
    radial-gradient(600px 260px at 20% 10%, rgba(94,53,177,.16), transparent 60%),
    linear-gradient(180deg, rgba(26,6,34,.78), rgba(18,0,24,.55));
}

.sg-new-subsection{ padding-top:22px; }

.sg-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid rgba(230,193,255,.14);
  padding-bottom:12px;
  margin-bottom:14px;
}

.sg-section-head h2{
  margin:0;
  font-size:1.4rem;
}

.sg-section-head p{
  margin:0;
  color:var(--sg-sub);
  opacity:.95;
  max-width:520px;
}

/* “slot” wrapper so widgets look intentional */
.sg-widget-slot,
.sg-shortcode{
  padding:10px;
  border-radius:18px;
  border:1px dashed rgba(230,193,255,.18);
  background:rgba(18,0,24,.22);
}

/* FOOTER CTA */
.sg-new-footer{
  margin-top:6px;
}

.sg-footer-card{
  border:1px solid var(--sg-line);
  border-radius:24px;
  padding:22px;
  background:
    radial-gradient(700px 260px at 80% 10%, rgba(230,0,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(34,9,47,.82), rgba(18,0,24,.62));
  box-shadow:0 18px 60px rgba(0,0,0,.3);
}

.sg-footer-card h2{ margin:0 0 8px; }
.sg-footer-card p{ margin:0 0 12px; color:var(--sg-sub); }

/* RESPONSIVE */
@media (max-width: 900px){
  .sg-new-strip{ grid-template-columns:1fr; }
  .sg-section-head{ flex-direction:column; align-items:flex-start; }
}
/* =========================
SpritGlo — Shop (All Products)
CSS: Global (recommended)
========================= */

:root{
  --sg-bg: #0b0612;
  --sg-ink: #ffffff;
  --sg-muted: rgba(255,255,255,.75);

  --sg-amethyst: #5E35B1;
  --sg-magenta: #D61CFF;
  --sg-rose: #FF4FD8;
  --sg-cyan: #3BE7FF;

  --sg-card: rgba(255,255,255,.06);
  --sg-card-2: rgba(255,255,255,.08);
  --sg-border: rgba(255,255,255,.14);

  --sg-radius: 22px;
  --sg-radius-sm: 14px;

  --sg-shadow: 0 18px 50px rgba(0,0,0,.45);
  --sg-glow: 0 0 0 1px rgba(214,28,255,.18), 0 0 60px rgba(94,53,177,.25);

  --sg-max: 1180px;
}

/* Container helper */
.sg-container{
  width: min(var(--sg-max), calc(100% - 40px));
  margin-inline: auto;
}

/* Accessible hidden label */
.sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Buttons */
.sg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.9rem 1.1rem;
  border-radius: 999px;
  font-weight: 700;
  text-decoration:none;
  border:1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  user-select:none;
}

.sg-btn--solid{
  color: #13061f;
  background: linear-gradient(135deg, var(--sg-rose), var(--sg-magenta), var(--sg-amethyst));
  box-shadow: 0 14px 35px rgba(214,28,255,.22);
}
.sg-btn--solid:hover{ transform: translateY(-1px); box-shadow: 0 18px 50px rgba(214,28,255,.28); }

.sg-btn--ghost{
  color: var(--sg-ink);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.16);
}
.sg-btn--ghost:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.26); box-shadow: var(--sg-glow); }

.sg-btn--icon{ padding:.9rem 1rem; }

/* Inputs */
.sg-input{
  width:100%;
  padding: .95rem 1.05rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.22);
  color: var(--sg-ink);
  outline: none;
}
.sg-input::placeholder{ color: rgba(255,255,255,.55); }
.sg-input:focus{
  border-color: rgba(214,28,255,.45);
  box-shadow: 0 0 0 4px rgba(214,28,255,.15);
}

/* =========================
Hero
========================= */
.sg-shop-hero{
  position: relative;
  padding: 70px 0 40px;
  background: radial-gradient(1200px 500px at 15% 5%, rgba(94,53,177,.35), transparent 60%),
              radial-gradient(900px 450px at 85% 25%, rgba(214,28,255,.28), transparent 60%),
              linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.85));
  overflow:hidden;
}
.sg-shop-hero__bg{
  position:absolute; inset:-2px;
  background:
    radial-gradient(700px 300px at 20% 10%, rgba(59,231,255,.16), transparent 60%),
    radial-gradient(900px 380px at 70% 0%, rgba(255,79,216,.16), transparent 65%),
    radial-gradient(900px 600px at 50% 100%, rgba(94,53,177,.18), transparent 70%);
  filter: blur(0px);
  opacity: .95;
  pointer-events:none;
}
.sg-shop-hero__inner{
  position: relative;
  display:grid;
  grid-template-columns: 1.2fr .6fr;
  gap: 26px;
  align-items: center;
}
.sg-kicker{
  margin:0 0 .6rem;
  color: rgba(255,255,255,.78);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: .82rem;
}
.sg-title{
  margin:0 0 .7rem;
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.05;
  color: var(--sg-ink);
}
.sg-sub{
  margin:0;
  max-width: 56ch;
  color: rgba(255,255,255,.78);
  font-size: 1.05rem;
  line-height: 1.55;
}
.sg-shop-hero__actions{
  margin-top: 18px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Badge */
.sg-badge{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius: var(--sg-radius);
  padding: 18px 18px;
  box-shadow: var(--sg-shadow);
  text-align:center;
  backdrop-filter: blur(10px);
}
.sg-badge__top{
  display:block;
  font-weight: 900;
  letter-spacing:.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.8);
  font-size: .82rem;
}
.sg-badge__bottom{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  font-size: 1.8rem;
  background: linear-gradient(135deg, var(--sg-rose), var(--sg-magenta), var(--sg-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@media (max-width: 900px){
  .sg-shop-hero__inner{ grid-template-columns: 1fr; }
  .sg-shop-hero{ padding: 54px 0 30px; }
}

/* =========================
Controls: Search + Chips
========================= */
.sg-shop-controls{
  padding: 20px 0 10px;
  background: linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.88));
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sg-shop-controls__row{
  display:flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}
.sg-shop-search{
  display:flex;
  align-items:center;
  gap:10px;
  flex: 1 1 340px;
  min-width: 260px;
}
.sg-shop-search .sg-input{ flex: 1 1 auto; }

.sg-shop-chips{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
  justify-content:flex-start;
  flex: 2 1 520px;
}

/* Chips */
.sg-chip{
  display:inline-flex;
  align-items:center;
  padding: .6rem .9rem;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 800;
  font-size: .92rem;
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.sg-chip:hover{
  transform: translateY(-1px);
  border-color: rgba(214,28,255,.35);
  box-shadow: 0 14px 35px rgba(0,0,0,.35);
}
.sg-chip.is-active{
  background: linear-gradient(135deg, rgba(255,79,216,.22), rgba(214,28,255,.18), rgba(94,53,177,.18));
  border-color: rgba(214,28,255,.45);
  box-shadow: var(--sg-glow);
}
.sg-chip--special{
  background: linear-gradient(135deg, rgba(59,231,255,.20), rgba(214,28,255,.18), rgba(255,79,216,.18));
  border-color: rgba(59,231,255,.35);
}

/* Meta note */
.sg-shop-controls__meta{
  margin-top: 12px;
}
.sg-note{
  color: rgba(255,255,255,.60);
  font-size: .95rem;
  line-height: 1.45;
}

/* =========================
Divider
========================= */
.sg-divider{
  display:flex;
  align-items:center;
  gap: 12px;
  margin: 26px 0 16px;
}
.sg-divider__line{
  height:1px;
  flex:1;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
}
.sg-divider__text{
  color: rgba(255,255,255,.75);
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .82rem;
}

/* =========================
Product Grid Section
========================= */
.sg-shop-grid{
  padding: 10px 0 40px;
  background: radial-gradient(900px 500px at 50% 0%, rgba(94,53,177,.14), transparent 70%),
              linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.95));
}

/* =========================
WooCommerce Product Card Styling
(works whether you use the Shop archive or an Elementor Products widget)
========================= */
.woocommerce .products{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 1100px){
  .woocommerce .products{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 780px){
  .woocommerce .products{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 460px){
  .woocommerce .products{ grid-template-columns: 1fr; }
}

.woocommerce ul.products li.product{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--sg-radius);
  box-shadow: 0 16px 45px rgba(0,0,0,.35);
  overflow:hidden;
  padding: 14px 14px 16px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.woocommerce ul.products li.product:hover{
  transform: translateY(-2px);
  border-color: rgba(214,28,255,.35);
  box-shadow: 0 22px 65px rgba(0,0,0,.45);
}

.woocommerce ul.products li.product a{
  color: inherit;
  text-decoration:none;
}

.woocommerce ul.products li.product img{
  width:100%;
  height:auto;
  border-radius: calc(var(--sg-radius) - 8px);
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin: 12px 0 6px !important;
  font-size: 1.02rem;
  font-weight: 900;
  color: rgba(255,255,255,.92);
  line-height: 1.25;
}

.woocommerce ul.products li.product .price{
  font-weight: 900;
  color: rgba(255,255,255,.86);
  margin-bottom: 10px;
}
.woocommerce ul.products li.product .price del{
  opacity:.55;
}
.woocommerce ul.products li.product .price ins{
  text-decoration:none;
  color: rgba(59,231,255,.92);
}

/* Add to cart button */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button{
  display:flex !important;
  justify-content:center;
  align-items:center;
  width:100%;
  border-radius: 999px !important;
  padding: .85rem 1rem !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(135deg, rgba(255,79,216,.22), rgba(214,28,255,.18), rgba(94,53,177,.18)) !important;
  color: rgba(255,255,255,.92) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover{
  transform: translateY(-1px);
  border-color: rgba(214,28,255,.40) !important;
  box-shadow: var(--sg-glow);
}

/* Sale badge */
.woocommerce span.onsale{
  background: linear-gradient(135deg, var(--sg-rose), var(--sg-magenta)) !important;
  border: none !important;
  color: #14061f !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  padding: .35rem .75rem !important;
  margin: 12px !important;
}

/* Optional: hide result count if you want a cleaner look */
.woocommerce .woocommerce-result-count{
  color: rgba(255,255,255,.7);
}

/* =========================
Footer CTA
========================= */
.sg-shop-footer-cta{
  padding: 26px 0 70px;
  background: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,1));
}
.sg-cta-card{
  display:flex;
  gap: 14px;
  align-items:center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: radial-gradient(900px 240px at 0% 0%, rgba(59,231,255,.14), transparent 60%),
              radial-gradient(900px 320px at 100% 0%, rgba(214,28,255,.18), transparent 60%),
              rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--sg-radius);
  padding: 18px 18px;
  box-shadow: var(--sg-shadow);
}
.sg-cta-card h2{
  margin:0 0 6px;
  font-size: 1.35rem;
  color: rgba(255,255,255,.92);
}
.sg-cta-card p{
  margin:0;
  color: rgba(255,255,255,.72);
}
.sg-cta-card__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
/* ========== SpritGlo Product Loop Card ========== */
.sg-pcard{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 16px 45px rgba(0,0,0,.35);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  overflow: hidden;
}

.sg-pcard:hover{
  transform: translateY(-2px);
  border-color: rgba(214,28,255,.38);
  box-shadow: 0 22px 65px rgba(0,0,0,.45);
}

/* image */
.sg-pcard .sg-pimg img{
  width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);
}

/* title */
.sg-pcard .elementor-heading-title,
.sg-pcard .woocommerce-loop-product__title{
  margin: 12px 0 6px !important;
  font-weight: 900;
  line-height: 1.25;
  color: rgba(255,255,255,.92);
}

/* price */
.sg-pcard .price{
  font-weight: 900;
  color: rgba(255,255,255,.85);
  margin: 0 0 10px;
}
.sg-pcard .price ins{
  text-decoration: none;
  color: rgba(59,231,255,.92);
}
.sg-pcard .price del{ opacity: .55; }

/* button */
.sg-pcard .sg-pbtn a,
.sg-pcard a.add_to_cart_button,
.sg-pcard a.button{
  display:flex !important;
  justify-content:center;
  align-items:center;
  width:100%;
  border-radius:999px !important;
  padding:.85rem 1rem !important;
  font-weight:900 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(135deg, rgba(255,79,216,.22), rgba(214,28,255,.18), rgba(94,53,177,.18)) !important;
  color: rgba(255,255,255,.92) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.sg-pcard .sg-pbtn a:hover,
.sg-pcard a.add_to_cart_button:hover,
.sg-pcard a.button:hover{
  transform: translateY(-1px);
  border-color: rgba(214,28,255,.40) !important;
  box-shadow: 0 0 0 1px rgba(214,28,255,.18), 0 0 60px rgba(94,53,177,.25);
}
/* =========================
SpritGlo — Loop Item Product Card
Works for BOTH Loop Grid + Loop Carousel
(Scoping depends on your added classes)
========================= */

/* Card base */
.sg-pcard{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 16px 45px rgba(0,0,0,.35);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  overflow: hidden;

  /* makes button sit at bottom consistently */
  display:flex;
  flex-direction: column;
  height: 100%;
}

.sg-pcard:hover{
  transform: translateY(-2px);
  border-color: rgba(214,28,255,.38);
  box-shadow: 0 22px 65px rgba(0,0,0,.45);
}

/* Image consistency */
.sg-pcard .sg-pimg img{
  width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);

  /* keep all thumbs same shape */
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Title */
.sg-pcard .elementor-heading-title,
.sg-pcard .woocommerce-loop-product__title{
  margin: 12px 0 6px !important;
  font-weight: 900;
  line-height: 1.25;
  color: rgba(255,255,255,.92);
}

/* Price */
.sg-pcard .price{
  font-weight: 900;
  color: rgba(255,255,255,.85);
  margin: 0 0 10px;
}
.sg-pcard .price ins{
  text-decoration: none;
  color: rgba(59,231,255,.92);
}
.sg-pcard .price del{ opacity: .55; }

/* Button pinned to bottom */
.sg-pcard .sg-pbtn{
  margin-top: auto;
}

.sg-pcard .sg-pbtn a,
.sg-pcard a.add_to_cart_button,
.sg-pcard a.button{
  display:flex !important;
  justify-content:center;
  align-items:center;
  width:100%;
  border-radius:999px !important;
  padding:.85rem 1rem !important;
  font-weight:900 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(135deg, rgba(255,79,216,.22), rgba(214,28,255,.18), rgba(94,53,177,.18)) !important;
  color: rgba(255,255,255,.92) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.sg-pcard .sg-pbtn a:hover,
.sg-pcard a.add_to_cart_button:hover,
.sg-pcard a.button:hover{
  transform: translateY(-1px);
  border-color: rgba(214,28,255,.40) !important;
  box-shadow: 0 0 0 1px rgba(214,28,255,.18), 0 0 60px rgba(94,53,177,.25);
}

/* =========================
Loop Carousel spacing + arrows/dots polish
========================= */

/* Adds “gap” between slides even if Elementor spacing is 0 */
.sg-loop-carousel .swiper-slide{
  padding: 8px;
}

/* Make sure card fills slide height */
.sg-loop-carousel .swiper-slide .sg-pcard{
  height: 100%;
}

/* Optional: slightly soften dots */
.sg-loop-carousel .swiper-pagination-bullet{
  opacity: .45;
}
.sg-loop-carousel .swiper-pagination-bullet-active{
  opacity: 1;
}

/* Optional: give arrows a nicer hit area */
.sg-loop-carousel .elementor-swiper-button{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(8px);
}
.sg-loop-carousel .elementor-swiper-button:hover{
  border-color: rgba(214,28,255,.40);
  box-shadow: 0 0 0 1px rgba(214,28,255,.18), 0 0 60px rgba(94,53,177,.25);
}
/* Noir hover: grayscale -> color + slight zoom */
.sg-pcard .sg-pimg img{
  filter: grayscale(100%);
  transform: scale(1);
  transition: transform .25s ease, filter .25s ease;
}
.sg-pcard:hover .sg-pimg img{
  filter: grayscale(0%);
  transform: scale(1.04);
}
.sg-filter-sidebar{
  position: sticky;
  top: 90px; /* adjust if your header is taller */
  align-self: flex-start;
}
/* =========================
SpritGlo — SHOP (All Products)
CSS: paste into Additional CSS
========================= */

:root{
  --sg-bg: #0b0612;
  --sg-ink: #ffffff;
  --sg-muted: rgba(255,255,255,.75);

  --sg-amethyst: #5E35B1;
  --sg-magenta: #D61CFF;
  --sg-rose: #FF4FD8;
  --sg-cyan: #3BE7FF;

  --sg-card: rgba(255,255,255,.06);
  --sg-border: rgba(255,255,255,.14);

  --sg-radius: 22px;
  --sg-radius-sm: 14px;

  --sg-shadow: 0 18px 50px rgba(0,0,0,.45);
  --sg-glow: 0 0 0 1px rgba(214,28,255,.18), 0 0 60px rgba(94,53,177,.25);

  --sg-max: 1180px;
}

.sg-container{
  width: min(var(--sg-max), calc(100% - 40px));
  margin-inline: auto;
}

.sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Buttons */
.sg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.9rem 1.1rem;
  border-radius: 999px;
  font-weight: 800;
  text-decoration:none;
  border:1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}

.sg-btn--solid{
  color: #13061f;
  background: linear-gradient(135deg, var(--sg-rose), var(--sg-magenta), var(--sg-amethyst));
  box-shadow: 0 14px 35px rgba(214,28,255,.22);
}
.sg-btn--solid:hover{ transform: translateY(-1px); box-shadow: 0 18px 50px rgba(214,28,255,.28); }

.sg-btn--ghost{
  color: var(--sg-ink);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.16);
}
.sg-btn--ghost:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.26);
  box-shadow: var(--sg-glow);
}

.sg-btn--icon{ padding:.9rem 1rem; }

/* Inputs */
.sg-input{
  width:100%;
  padding: .95rem 1.05rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.22);
  color: var(--sg-ink);
  outline: none;
}
.sg-input::placeholder{ color: rgba(255,255,255,.55); }
.sg-input:focus{
  border-color: rgba(214,28,255,.45);
  box-shadow: 0 0 0 4px rgba(214,28,255,.15);
}

/* =========================
Hero
========================= */
.sg-shop-hero{
  position: relative;
  padding: 70px 0 40px;
  background: radial-gradient(1200px 500px at 15% 5%, rgba(94,53,177,.35), transparent 60%),
              radial-gradient(900px 450px at 85% 25%, rgba(214,28,255,.28), transparent 60%),
              linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.85));
  overflow:hidden;
}
.sg-shop-hero__bg{
  position:absolute; inset:-2px;
  background:
    radial-gradient(700px 300px at 20% 10%, rgba(59,231,255,.16), transparent 60%),
    radial-gradient(900px 380px at 70% 0%, rgba(255,79,216,.16), transparent 65%),
    radial-gradient(900px 600px at 50% 100%, rgba(94,53,177,.18), transparent 70%);
  opacity: .95;
  pointer-events:none;
}
.sg-shop-hero__inner{
  position: relative;
  display:grid;
  grid-template-columns: 1.2fr .6fr;
  gap: 26px;
  align-items: center;
}
.sg-kicker{
  margin:0 0 .6rem;
  color: rgba(255,255,255,.78);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  font-size: .82rem;
}
.sg-title{
  margin:0 0 .7rem;
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.05;
  color: var(--sg-ink);
}
.sg-sub{
  margin:0;
  max-width: 56ch;
  color: rgba(255,255,255,.78);
  font-size: 1.05rem;
  line-height: 1.55;
}
.sg-shop-hero__actions{
  margin-top: 18px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Badge */
.sg-badge{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius: var(--sg-radius);
  padding: 18px;
  box-shadow: var(--sg-shadow);
  text-align:center;
  backdrop-filter: blur(10px);
}
.sg-badge__top{
  display:block;
  font-weight: 900;
  letter-spacing:.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.8);
  font-size: .82rem;
}
.sg-badge__bottom{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  font-size: 1.8rem;
  background: linear-gradient(135deg, var(--sg-rose), var(--sg-magenta), var(--sg-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@media (max-width: 900px){
  .sg-shop-hero__inner{ grid-template-columns: 1fr; }
  .sg-shop-hero{ padding: 54px 0 30px; }
}

/* =========================
Controls
========================= */
.sg-shop-controls{
  padding: 20px 0 12px;
  background: linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.88));
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sg-shop-controls__row{
  display:flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}
.sg-shop-search{
  display:flex;
  align-items:center;
  gap:10px;
  flex: 1 1 340px;
  min-width: 260px;
}
.sg-shop-search .sg-input{ flex: 1 1 auto; }

.sg-shop-chips{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
  flex: 2 1 520px;
}

.sg-chip{
  display:inline-flex;
  align-items:center;
  padding: .6rem .9rem;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 900;
  font-size: .92rem;
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.sg-chip:hover{
  transform: translateY(-1px);
  border-color: rgba(214,28,255,.35);
  box-shadow: 0 14px 35px rgba(0,0,0,.35);
}
.sg-chip.is-active{
  background: linear-gradient(135deg, rgba(255,79,216,.22), rgba(214,28,255,.18), rgba(94,53,177,.18));
  border-color: rgba(214,28,255,.45);
  box-shadow: var(--sg-glow);
}
.sg-chip--special{
  background: linear-gradient(135deg, rgba(59,231,255,.20), rgba(214,28,255,.18), rgba(255,79,216,.18));
  border-color: rgba(59,231,255,.35);
}

.sg-note{
  margin-top: 12px;
  color: rgba(255,255,255,.60);
  font-size: .95rem;
  line-height: 1.45;
}

/* OPTIONAL: make controls sticky
   Remove this if it gets weird with your header */
.sg-shop-controls.sg-sticky{
  position: sticky;
  top: 80px; /* adjust */
  z-index: 50;
}

/* =========================
Divider
========================= */
.sg-divider{
  display:flex;
  align-items:center;
  gap: 12px;
  margin: 22px 0 14px;
}
.sg-divider__line{
  height:1px;
  flex:1;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
}
.sg-divider__text{
  color: rgba(255,255,255,.75);
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .82rem;
}

/* =========================
Tiles
========================= */
.sg-vibe-tiles{
  padding: 18px 0 10px;
  background: radial-gradient(900px 500px at 50% 0%, rgba(94,53,177,.12), transparent 70%),
              linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.92));
}

.sg-tiles{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 980px){ .sg-tiles{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px){ .sg-tiles{ grid-template-columns: 1fr; } }

.sg-tile{
  position: relative;
  border-radius: var(--sg-radius);
  border: 1px solid rgba(255,255,255,.14);
  overflow:hidden;
  min-height: 150px;
  box-shadow: 0 16px 45px rgba(0,0,0,.35);
  text-decoration:none;
  color: var(--sg-ink);
  background:
    radial-gradient(900px 300px at 10% 0%, rgba(255,79,216,.18), transparent 60%),
    radial-gradient(900px 320px at 90% 0%, rgba(59,231,255,.14), transparent 60%),
    linear-gradient(135deg, rgba(214,28,255,.14), rgba(94,53,177,.14));
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.sg-tile:hover{
  transform: translateY(-2px);
  border-color: rgba(214,28,255,.40);
  box-shadow: 0 22px 65px rgba(0,0,0,.45);
}
.sg-tile__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.62));
}
.sg-tile__content{
  position:relative;
  padding: 16px;
}
.sg-tile__kicker{
  display:inline-block;
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color: rgba(255,255,255,.72);
  font-weight: 900;
}
.sg-tile h3{
  margin: 8px 0 8px;
  font-size: 1.3rem;
  font-weight: 950;
}
.sg-tile__cta{
  font-weight: 900;
  color: rgba(255,255,255,.86);
}

/* =========================
Sections + Layout
========================= */
.sg-section{
  padding: 24px 0 18px;
  background: linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.95));
}
.sg-section__head{ margin-bottom: 10px; }
.sg-h2{
  margin:0 0 6px;
  font-size: 1.6rem;
  color: rgba(255,255,255,.92);
}
.sg-p{
  margin:0;
  color: rgba(255,255,255,.70);
  line-height: 1.55;
}

.sg-shop-layout{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap: 16px;
  margin-top: 14px;
}
@media (max-width: 980px){
  .sg-shop-layout{ grid-template-columns: 1fr; }
}

.sg-panel{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--sg-radius);
  padding: 16px;
  box-shadow: 0 16px 45px rgba(0,0,0,.35);
}
.sg-panel__title{
  margin:0 0 8px;
  font-weight: 950;
  color: rgba(255,255,255,.92);
}
.sg-panel__sub{
  margin:0 0 12px;
  color: rgba(255,255,255,.68);
  line-height: 1.5;
}
.sg-mini-links{
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.sg-mini-links a{
  color: rgba(255,255,255,.86);
  text-decoration:none;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
}
.sg-mini-links a:hover{
  border-color: rgba(214,28,255,.35);
  box-shadow: var(--sg-glow);
}
.sg-panel__hint{
  margin-top: 12px;
  font-size:.95rem;
  color: rgba(255,255,255,.58);
}

/* Sticky sidebar on desktop */
@media (min-width: 981px){
  .sg-filter-sidebar{
    position: sticky;
    top: 92px; /* adjust to your header height */
    align-self: flex-start;
  }
}

/* =========================
Trust Row
========================= */
.sg-trust{
  padding: 18px 0;
  background: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,1));
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.sg-trust__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 900px){ .sg-trust__grid{ grid-template-columns: 1fr; } }
.sg-trust__item{
  display:flex;
  gap: 10px;
  align-items:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--sg-radius);
  padding: 14px;
}
.sg-trust__icon{
  width: 42px; height: 42px;
  display:grid; place-items:center;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
}
.sg-trust__title{
  font-weight: 950;
  color: rgba(255,255,255,.92);
}
.sg-trust__sub{
  color: rgba(255,255,255,.65);
  font-size: .95rem;
}

/* =========================
CTA + Newsletter + Social Proof
========================= */
.sg-custom-cta{
  padding: 26px 0;
  background: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,1));
}
.sg-cta-card{
  display:flex;
  gap: 14px;
  align-items:center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: radial-gradient(900px 240px at 0% 0%, rgba(59,231,255,.14), transparent 60%),
              radial-gradient(900px 320px at 100% 0%, rgba(214,28,255,.18), transparent 60%),
              rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--sg-radius);
  padding: 18px;
  box-shadow: var(--sg-shadow);
}
.sg-cta-card h2{
  margin:0 0 6px;
  font-size: 1.35rem;
  color: rgba(255,255,255,.92);
}
.sg-cta-card p{
  margin:0;
  color: rgba(255,255,255,.72);
}
.sg-cta-card__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sg-newsletter{
  padding: 22px 0 30px;
  background: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,.98));
}
.sg-newsletter__inner{
  display:flex;
  gap: 14px;
  align-items:center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--sg-radius);
  padding: 18px;
  box-shadow: var(--sg-shadow);
}
.sg-newsletter__copy h2{
  margin:0 0 6px;
  color: rgba(255,255,255,.92);
}
.sg-newsletter__copy p{
  margin:0;
  color: rgba(255,255,255,.70);
}
.sg-newsletter__form{
  display:flex;
  gap: 10px;
  align-items:center;
  flex: 1 1 420px;
  min-width: 260px;
}
.sg-newsletter__form .sg-input{ flex: 1 1 auto; }

.sg-social-proof{
  padding: 20px 0 60px;
  background: linear-gradient(180deg, rgba(0,0,0,.98), rgba(0,0,0,1));
}
.sg-social-proof__panel{
  margin-top: 12px;
}

/* =========================
Product image hover vibe (works if your Loop Item image has class sg-pimg)
========================= */
.sg-pcard .sg-pimg img{
  filter: grayscale(100%);
  transform: scale(1);
  transition: transform .25s ease, filter .25s ease;
}
.sg-pcard:hover .sg-pimg img{
  filter: grayscale(0%);
  transform: scale(1.04);
}
	@media (max-width: 980px){
  .sg-filter-sidebar .sg-panel{
    padding: 14px;
  }
  .sg-panel__title{
    font-size: 1.1rem;
  }
}
/* Gap inside Loop Carousel slides */
.sg-loop-carousel .swiper-slide{ padding: 8px; }

/* Small breathing room under widgets */
.sg-widget-hook{ margin-top: 12px; }
/* =========================
   SpritGlo — SHOP ALL (Landing Sections)
   Scope: .sg-shopall only
   ========================= */

.sg-shopall{
  --sg-bg:#0a0a0a;
  --sg-text:#eae7f7;
  --sg-muted:#c6bde9;
  --sg-primary:#5E35B1;
  --sg-primary-20: rgba(94,53,177,0.20);
  --sg-ring: rgba(255,255,255,0.08);
  --sg-radius: 16px;
  --sg-max: 1200px;

  color:var(--sg-text);
  background:transparent;
}

/* Layout */
.sg-shopall .sg-section{position:relative;padding:56px 20px;}
@media (min-width: 768px){ .sg-shopall .sg-section{padding:88px 24px;} }
.sg-shopall .sg-container{max-width:var(--sg-max);margin:0 auto;}
.sg-shopall .sg-grid{display:grid;gap:22px;}
@media (min-width: 900px){
  .sg-shopall .sg-hero-grid{grid-template-columns: 1.25fr .75fr;align-items:center;}
}

/* Glow backdrop */
.sg-shopall .sg-glow::before{
  content:"";
  position:absolute;
  inset:-15% -10% auto -10%;
  height:60%;
  filter:blur(85px);
  background:
    radial-gradient(60% 60% at 25% 40%, var(--sg-primary-20), transparent 60%),
    radial-gradient(55% 55% at 75% 30%, rgba(255,255,255,0.06), transparent 60%);
  z-index:-1;
  pointer-events:none;
}

/* Card */
.sg-shopall .sg-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00));
  border:1px solid var(--sg-ring);
  border-radius:var(--sg-radius);
  box-shadow:0 10px 30px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.04);
}
.sg-shopall .sg-pad{padding:22px;}
@media (min-width: 768px){ .sg-shopall .sg-pad{padding:28px;} }

/* Type */
.sg-shopall .sg-eyebrow{
  display:inline-block;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  font-size:.78rem;
  color:var(--sg-muted);
  border:1px solid var(--sg-ring);
  border-radius:999px;
  padding:6px 12px;
  background:rgba(255,255,255,0.02);
}
.sg-shopall .sg-h1{
  margin:14px 0 10px;
  font-weight:900;
  line-height:1.05;
  font-size:clamp(2.1rem, 3.6vw + 1rem, 3.3rem);
}
.sg-shopall .sg-sub{
  color:#dad5ee;
  line-height:1.7;
  max-width:60ch;
  font-size:1.06rem;
}
.sg-shopall .sg-quote{
  margin:16px 0 0;
  border-left:3px solid var(--sg-primary);
  padding-left:14px;
  color:#dcd7f0;
  line-height:1.8;
}

/* Buttons */
.sg-shopall .sg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.sg-shopall .sg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:48px;
  padding:0 18px;
  border-radius:12px;
  border:1px solid transparent;
  text-decoration:none;
  font-weight:800;
  transition:.18s ease;
  outline-offset:3px;
}
.sg-shopall .sg-btn-primary{
  color:#fff;
  background:linear-gradient(180deg, rgba(94,53,177,0.96), rgba(94,53,177,0.82));
  border-color:rgba(255,255,255,0.06);
}
.sg-shopall .sg-btn-primary:hover{transform:translateY(-1px);filter:saturate(1.08);}
.sg-shopall .sg-btn-ghost{
  color:var(--sg-text);
  background:transparent;
  border-color:var(--sg-ring);
}
.sg-shopall .sg-btn-ghost:hover{background:rgba(255,255,255,0.03);}

/* Chips / quick filters */
.sg-shopall .sg-chipbar{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-top:18px;
}
.sg-shopall .sg-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:999px;
  border:1px solid var(--sg-ring);
  background:rgba(255,255,255,0.02);
  color:var(--sg-text);
  text-decoration:none;
  font-weight:750;
  font-size:.92rem;
  transition:.18s ease;
}
.sg-shopall .sg-chip:hover{background:rgba(255,255,255,0.04);transform:translateY(-1px);}

/* Media card */
.sg-shopall .sg-media{
  aspect-ratio: 1 / 1;
  border-radius:var(--sg-radius);
  border:1px solid var(--sg-ring);
  background:radial-gradient(circle at 40% 30%, rgba(94,53,177,0.25), rgba(255,255,255,0.02));
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.sg-shopall .sg-media img{width:100%;height:100%;object-fit:cover;display:block;}

/* Collection tiles */
.sg-shopall .sg-tiles{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:18px;
}
@media (min-width: 640px){ .sg-shopall .sg-tiles{grid-template-columns:1fr 1fr;} }
@media (min-width: 1024px){ .sg-shopall .sg-tiles{grid-template-columns:repeat(4, 1fr);} }

.sg-shopall .sg-tile{
  position:relative;
  border-radius:var(--sg-radius);
  border:1px solid var(--sg-ring);
  overflow:hidden;
  text-decoration:none;
  color:var(--sg-text);
  min-height:140px;
  background:
    radial-gradient(60% 80% at 25% 20%, rgba(94,53,177,0.22), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00));
  box-shadow:0 10px 26px rgba(0,0,0,0.35);
  transition:.18s ease;
}
.sg-shopall .sg-tile:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,0.45);}
.sg-shopall .sg-tile .sg-tile-inner{padding:16px;}
.sg-shopall .sg-tile .sg-tile-title{font-weight:900;font-size:1.08rem;margin:0 0 6px;}
.sg-shopall .sg-tile .sg-tile-sub{color:#d8d2ee;opacity:.92;margin:0;font-size:.95rem;line-height:1.4;}
.sg-shopall .sg-tile .sg-tile-tag{
  display:inline-block;margin-top:12px;
  font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
  color:var(--sg-muted);
}

/* Shortcode container */
.sg-shopall .sg-shortcode{
  margin-top:16px;
  border-radius:var(--sg-radius);
  border:1px solid var(--sg-ring);
  background:rgba(255,255,255,0.02);
  padding:16px;
}

/* Small audio button */
.sg-shopall .sg-audio-row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap;}
.sg-shopall .sg-audio-btn{
  height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid var(--sg-ring);
  background:rgba(255,255,255,0.02);
  color:var(--sg-text);
  font-weight:850;
  cursor:pointer;
}
.sg-shopall .sg-audio-btn:hover{background:rgba(255,255,255,0.04);}
.sg-shopall .sg-audio{width:100%;max-width:420px;}
/* POP CULTURE & RETRO VIBES — PAGE STYLES */
.pc-wrap{
  --pc-bg:#0a0a0a;
  --pc-text:#f1ecff;
  --pc-muted:#cfc4ff;

  /* synthwave accents */
  --pc-primary:#ff2fb3;         /* neon magenta */
  --pc-accent:#35d6ff;          /* neon cyan */
  --pc-ring:rgba(255,255,255,.10);

  --pc-radius:18px;
  --pc-max:1200px;

  color:var(--pc-text);
  background:var(--pc-bg);
  isolation:isolate;
}

.pc-section{ position:relative; padding:56px 20px; }
@media (min-width: 768px){ .pc-section{ padding:88px 24px; } }

.pc-container{ max-width:var(--pc-max); margin:0 auto; }

.pc-glow::before{
  content:"";
  position:absolute;
  inset:-18% -10% auto -10%;
  height:60%;
  filter:blur(90px);
  background:
    radial-gradient(60% 60% at 20% 40%, color-mix(in srgb, var(--pc-primary) 22%, transparent), transparent 60%),
    radial-gradient(55% 55% at 80% 30%, color-mix(in srgb, var(--pc-accent) 18%, transparent), transparent 60%),
    radial-gradient(40% 40% at 55% 75%, rgba(255,255,255,.06), transparent 60%);
  z-index:-1;
  pointer-events:none;
}

.pc-card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.00));
  border:1px solid var(--pc-ring);
  border-radius:var(--pc-radius);
  box-shadow:0 12px 34px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
}

.pc-pad{ padding:22px; }
@media (min-width: 768px){ .pc-pad{ padding:28px; } }

.pc-grid{ display:grid; gap:22px; }
@media (min-width: 900px){
  .pc-hero-grid{ grid-template-columns: 1.2fr .8fr; align-items:center; }
  .pc-split{ grid-template-columns: 1fr 1fr; align-items:stretch; }
}

.pc-eyebrow{
  display:inline-block;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  font-size:.78rem;
  color:var(--pc-muted);
  border:1px solid var(--pc-ring);
  border-radius:999px;
  padding:7px 12px;
  background:rgba(255,255,255,.03);
}

.pc-h1{
  margin:14px 0 10px;
  font-weight:900;
  line-height:1.05;
  font-size:clamp(2.1rem, 3.9vw + 1rem, 3.2rem);
}

.pc-h2{
  margin:0 0 10px;
  font-weight:900;
  line-height:1.15;
  font-size:clamp(1.5rem, 2vw + 1rem, 2.2rem);
}

.pc-h3{
  margin:0 0 10px;
  font-weight:850;
  line-height:1.2;
  font-size:clamp(1.2rem, 1.2vw + 1rem, 1.55rem);
}

.pc-sub{
  color:#ded7ff;
  opacity:.95;
  line-height:1.75;
  max-width:64ch;
  margin:0;
}

.pc-strong{ font-weight:800; }

.pc-mini{
  display:inline-block;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:color-mix(in srgb, var(--pc-accent) 75%, #fff);
  opacity:.95;
  margin-bottom:10px;
}

.pc-quote{
  margin:0;
  padding-left:14px;
  border-left:3px solid var(--pc-primary);
  color:#efeaff;
  line-height:1.85;
  font-size:1.05rem;
}

.pc-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.pc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:0 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:850;
  border:1px solid transparent;
  transition:transform .18s ease, filter .18s ease, background .18s ease;
}

.pc-btn-primary{
  color:#0a0a0a;
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--pc-primary) 88%, #fff),
    color-mix(in srgb, var(--pc-accent) 72%, #fff)
  );
  border-color:rgba(255,255,255,.10);
}
.pc-btn-primary:hover{ transform:translateY(-1px); filter:saturate(1.08); }

.pc-btn-ghost{
  color:var(--pc-text);
  background:transparent;
  border-color:var(--pc-ring);
}
.pc-btn-ghost:hover{ background:rgba(255,255,255,.04); }

.pc-audio-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid var(--pc-ring);
  background:rgba(255,255,255,.03);
  color:var(--pc-text);
  font-weight:800;
  cursor:pointer;
}

.pc-media{
  margin:0;
  border-radius:var(--pc-radius);
  overflow:hidden;
  border:1px solid var(--pc-ring);
  background:radial-gradient(circle at 40% 30%, rgba(255,47,179,.18), rgba(255,255,255,.02));
  position:relative;
}
.pc-media img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:1/1;
  object-fit:cover;
}
.pc-caption{
  position:absolute;
  bottom:10px;
  left:10px;
  right:10px;
  border:1px solid var(--pc-ring);
  background:rgba(10,10,10,.55);
  backdrop-filter:blur(8px);
  border-radius:12px;
  padding:8px 10px;
  font-size:.86rem;
  color:#f4efff;
}

.pc-list{
  margin:14px 0 0;
  padding-left:18px;
  color:#e7e0ff;
  line-height:1.8;
}
.pc-list li{ margin:6px 0; }

.pc-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.pc-link{
  color:#fff;
  text-decoration:none;
  font-weight:900;
  opacity:.9;
  border-bottom:1px solid rgba(255,255,255,.22);
}
.pc-link:hover{ opacity:1; }

.pc-cta{ text-align:left; }

.mt-6{ margin-top:1.5rem; }
.mt-8{ margin-top:2rem; }

/* POP CULTURE & RETRO VIBES — PAGE STYLES */
.pc-wrap{
  --pc-bg:#0a0a0a;
  --pc-text:#f1ecff;
  --pc-muted:#cfc4ff;

  /* synthwave accents */
  --pc-primary:#ff2fb3;         /* neon magenta */
  --pc-accent:#35d6ff;          /* neon cyan */
  --pc-ring:rgba(255,255,255,.10);

  --pc-radius:18px;
  --pc-max:1200px;

  color:var(--pc-text);
  background:var(--pc-bg);
  isolation:isolate;
}

.pc-section{ position:relative; padding:56px 20px; }
@media (min-width: 768px){ .pc-section{ padding:88px 24px; } }

.pc-container{ max-width:var(--pc-max); margin:0 auto; }

.pc-glow::before{
  content:"";
  position:absolute;
  inset:-18% -10% auto -10%;
  height:60%;
  filter:blur(90px);
  background:
    radial-gradient(60% 60% at 20% 40%, color-mix(in srgb, var(--pc-primary) 22%, transparent), transparent 60%),
    radial-gradient(55% 55% at 80% 30%, color-mix(in srgb, var(--pc-accent) 18%, transparent), transparent 60%),
    radial-gradient(40% 40% at 55% 75%, rgba(255,255,255,.06), transparent 60%);
  z-index:-1;
  pointer-events:none;
}

.pc-card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.00));
  border:1px solid var(--pc-ring);
  border-radius:var(--pc-radius);
  box-shadow:0 12px 34px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
}

.pc-pad{ padding:22px; }
@media (min-width: 768px){ .pc-pad{ padding:28px; } }

.pc-grid{ display:grid; gap:22px; }
@media (min-width: 900px){
  .pc-hero-grid{ grid-template-columns: 1.2fr .8fr; align-items:center; }
  .pc-split{ grid-template-columns: 1fr 1fr; align-items:stretch; }
}

.pc-eyebrow{
  display:inline-block;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  font-size:.78rem;
  color:var(--pc-muted);
  border:1px solid var(--pc-ring);
  border-radius:999px;
  padding:7px 12px;
  background:rgba(255,255,255,.03);
}

.pc-h1{
  margin:14px 0 10px;
  font-weight:900;
  line-height:1.05;
  font-size:clamp(2.1rem, 3.9vw + 1rem, 3.2rem);
}

.pc-h2{
  margin:0 0 10px;
  font-weight:900;
  line-height:1.15;
  font-size:clamp(1.5rem, 2vw + 1rem, 2.2rem);
}

.pc-h3{
  margin:0 0 10px;
  font-weight:850;
  line-height:1.2;
  font-size:clamp(1.2rem, 1.2vw + 1rem, 1.55rem);
}

.pc-sub{
  color:#ded7ff;
  opacity:.95;
  line-height:1.75;
  max-width:64ch;
  margin:0;
}

.pc-strong{ font-weight:800; }

.pc-mini{
  display:inline-block;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:color-mix(in srgb, var(--pc-accent) 75%, #fff);
  opacity:.95;
  margin-bottom:10px;
}

.pc-quote{
  margin:0;
  padding-left:14px;
  border-left:3px solid var(--pc-primary);
  color:#efeaff;
  line-height:1.85;
  font-size:1.05rem;
}

.pc-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

.pc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:0 18px;
  border-radius:12px;
  text-decoration:none;
  font-weight:850;
  border:1px solid transparent;
  transition:transform .18s ease, filter .18s ease, background .18s ease;
}

.pc-btn-primary{
  color:#0a0a0a;
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--pc-primary) 88%, #fff),
    color-mix(in srgb, var(--pc-accent) 72%, #fff)
  );
  border-color:rgba(255,255,255,.10);
}
.pc-btn-primary:hover{ transform:translateY(-1px); filter:saturate(1.08); }

.pc-btn-ghost{
  color:var(--pc-text);
  background:transparent;
  border-color:var(--pc-ring);
}
.pc-btn-ghost:hover{ background:rgba(255,255,255,.04); }

.pc-audio-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid var(--pc-ring);
  background:rgba(255,255,255,.03);
  color:var(--pc-text);
  font-weight:800;
  cursor:pointer;
}

.pc-media{
  margin:0;
  border-radius:var(--pc-radius);
  overflow:hidden;
  border:1px solid var(--pc-ring);
  background:radial-gradient(circle at 40% 30%, rgba(255,47,179,.18), rgba(255,255,255,.02));
  position:relative;
}
.pc-media img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:1/1;
  object-fit:cover;
}
.pc-caption{
  position:absolute;
  bottom:10px;
  left:10px;
  right:10px;
  border:1px solid var(--pc-ring);
  background:rgba(10,10,10,.55);
  backdrop-filter:blur(8px);
  border-radius:12px;
  padding:8px 10px;
  font-size:.86rem;
  color:#f4efff;
}

.pc-list{
  margin:14px 0 0;
  padding-left:18px;
  color:#e7e0ff;
  line-height:1.8;
}
.pc-list li{ margin:6px 0; }

.pc-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.pc-link{
  color:#fff;
  text-decoration:none;
  font-weight:900;
  opacity:.9;
  border-bottom:1px solid rgba(255,255,255,.22);
}
.pc-link:hover{ opacity:1; }

.pc-cta{ text-align:left; }

.mt-6{ margin-top:1.5rem; }
.mt-8{ margin-top:2rem; }
/* =========================
 Statement & Attitude Collection — CSS
========================= */

:root{
  --sg-bg: #0b0612;
  --sg-ink: #ffffff;
  --sg-muted: rgba(255,255,255,.78);
  --sg-dim: rgba(255,255,255,.62);

  /* Use your existing brand vars if you have them */
  --amethyst: var(--amethyst, #5E35B1);
  --magenta: var(--magenta, #E400FF);
  --violet: #9B5CFF;

  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.09);
  --stroke: rgba(255,255,255,.14);

  --r: 22px;
  --shadow: 0 18px 60px rgba(0,0,0,.55);
}

.sg-wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 18px;
  color: var(--sg-ink);
}

.sg-head{ margin-bottom: 18px; }
.sg-lede{ color: var(--sg-muted); font-size: 1.06rem; line-height: 1.6; }
.sg-muted{ color: var(--sg-dim); }

.sg-kicker{
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .8rem;
  color: rgba(255,255,255,.78);
}

.sg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration:none;
  color: #0b0612;
  background: linear-gradient(135deg, var(--amethyst), var(--magenta));
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.sg-btn:hover{ transform: translateY(-1px); }

.sg-btn.ghost{
  background: transparent;
  color: #fff;
  border: 1px solid rgba(230,193,255,.55);
  box-shadow: 0 0 0 2px rgba(230,193,255,.12) inset;
}
.sg-btn.ghost:hover{
  background: rgba(230,193,255,.14);
}

.sg-link{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed rgba(255,255,255,.35);
}
.sg-link:hover{ border-bottom-color: rgba(255,255,255,.75); }

.sg-pill{
  display:inline-flex;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  text-decoration:none;
  color:#fff;
}

/* HERO */
.sg-hero{
  position: relative;
  min-height: 72vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(1200px 600px at 20% 0%, rgba(155,92,255,.30), transparent 55%),
              radial-gradient(900px 500px at 90% 20%, rgba(228,0,255,.22), transparent 60%),
              linear-gradient(180deg, #12061c, #07030d);
  color: var(--sg-ink);
}
.sg-hero__inner{
  width: min(1180px, 100%);
  padding: 80px 18px;
  position: relative;
  z-index: 3;
}
.sg-hero h1{
  font-size: clamp(2.2rem, 4.2vw, 4.1rem);
  line-height: 1.05;
  margin: 12px 0 10px;
}
.sg-sub{
  max-width: 60ch;
  font-size: 1.1rem;
  line-height: 1.7;
  color: rgba(255,255,255,.82);
  margin: 0 0 22px;
}
.sg-hero__cta{ display:flex; gap: 10px; flex-wrap: wrap; margin: 10px 0 18px; }

.sg-hero__bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit: cover;
  opacity: .38;
  filter: contrast(1.08) saturate(1.15);
  z-index: 1;
}
.sg-hero__bgimg{
  position:absolute; inset:0;
  background-image: url("YOUR-STATEMENT-HERO-IMAGE.jpg");
  background-size: cover;
  background-position: center;
  opacity: .30;
  z-index: 0;
}
.sg-hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.78));
  z-index: 2;
}

.sg-hero__chips{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.sg-chip{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  text-decoration:none;
  font-weight: 700;
  font-size: .9rem;
}
.sg-chip:hover{ background: rgba(255,255,255,.12); }

.sg-audio{
  margin-top: 18px;
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.sg-audio__btn{
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight: 800;
  cursor: pointer;
}
.sg-audio__btn:hover{ background: rgba(255,255,255,.12); }
.sg-audio__hint{ margin:0; color: rgba(255,255,255,.65); font-size: .92rem; }

/* SPLITS + CARDS */
.sg-split{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: start;
}
.sg-split--tight{ grid-template-columns: 1fr 1fr; }

@media (max-width: 920px){
  .sg-split, .sg-split--tight{ grid-template-columns: 1fr; }
  .sg-hero{ min-height: 64vh; }
}

.sg-bullets{
  margin: 14px 0 0;
  padding-left: 18px;
  color: rgba(255,255,255,.82);
  line-height: 1.75;
}

.sg-cards{
  display:grid;
  gap: 12px;
}
.sg-card{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--r);
  padding: 16px 16px;
  box-shadow: var(--shadow);
}
.sg-card h3{ margin: 0 0 6px; }
.sg-card p{ margin: 0; color: rgba(255,255,255,.76); line-height: 1.65; }

/* VIBE GRID */
.sg-vibegrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
}
@media (max-width: 920px){
  .sg-vibegrid{ grid-template-columns: 1fr; }
}
.sg-vibe{
  position: relative;
  border-radius: var(--r);
  padding: 18px 16px;
  text-decoration:none;
  color:#fff;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(800px 250px at 10% 0%, rgba(155,92,255,.25), transparent 60%),
    radial-gradient(700px 260px at 90% 20%, rgba(228,0,255,.18), transparent 55%),
    rgba(255,255,255,.06);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.sg-vibe:hover{ transform: translateY(-2px); }
.sg-vibe__title{ display:block; font-weight: 900; font-size: 1.05rem; }
.sg-vibe__sub{ display:block; margin-top: 6px; color: rgba(255,255,255,.78); }

/* Featured hint */
.sg-loopHint{
  margin-top: 10px;
  padding: 14px 16px;
  border-radius: var(--r);
  background: rgba(255,255,255,.05);
  border: 1px dashed rgba(255,255,255,.18);
  color: rgba(255,255,255,.72);
}

/* MARQUEE */
.sg-quoteWall{
  padding-top: 24px;
  padding-bottom: 64px;
}
.sg-marquee{
  overflow:hidden;
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.sg-marquee__track{
  display:flex;
  gap: 34px;
  padding: 14px 0;
  white-space: nowrap;
  animation: sgmarquee 26s linear infinite;
}
.sg-marquee__track span{
  font-weight: 900;
  letter-spacing: .03em;
  color: rgba(255,255,255,.78);
}
@keyframes sgmarquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .sg-marquee__track{ animation: none; }
}

.sg-quoteWall__inner{
  margin-top: 22px;
  border-radius: calc(var(--r) + 8px);
  padding: 22px 18px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(900px 350px at 20% 0%, rgba(155,92,255,.22), transparent 60%),
    radial-gradient(800px 300px at 90% 30%, rgba(228,0,255,.14), transparent 55%),
    rgba(255,255,255,.05);
  box-shadow: var(--shadow);
}

/* UGC */
.sg-ugc__frame{
  min-height: 260px;
  border-radius: var(--r);
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  display:grid;
  place-items:center;
  padding: 18px;
  text-align:center;
  color: rgba(255,255,255,.70);
  box-shadow: var(--shadow);
}
.sg-ugc__rules{
  margin: 14px 0;
  padding: 12px 14px;
  border-radius: var(--r);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}

/* FAQ */
.sg-accordion details{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 12px 14px;
  margin: 10px 0;
}
.sg-accordion summary{
  cursor:pointer;
  font-weight: 900;
}
.sg-ans{ padding-top: 10px; color: rgba(255,255,255,.78); line-height: 1.7; }
.sg-policyLinks{ display:flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
/* =========================
 Statement add-ons: Reviews, Specs, Lookbook, Bundles, Newsletter, Trust
========================= */

.sg-small{ font-size: .92rem; }

/* Reviews */
.sg-reviewgrid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 920px){ .sg-reviewgrid{ grid-template-columns: 1fr; } }

.sg-review{
  margin: 0;
  padding: 16px;
  border-radius: var(--r);
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  box-shadow: var(--shadow);
}
.sg-review blockquote{
  margin: 0 0 10px;
  font-size: 1.02rem;
  line-height: 1.7;
  color: rgba(255,255,255,.85);
}
.sg-review figcaption{
  color: rgba(255,255,255,.65);
  font-weight: 800;
}

/* Specs */
.sg-specgrid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 920px){ .sg-specgrid{ grid-template-columns: 1fr; } }

.sg-spec{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 14px 14px;
  border-radius: var(--r);
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow);
}
.sg-spec__icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  font-size: 1.25rem;
}
.sg-spec__text strong{ display:block; margin-bottom: 4px; }
.sg-spec__text span{ color: rgba(255,255,255,.72); line-height: 1.55; display:block; }

/* Lookbook */
.sg-lookgrid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 920px){ .sg-lookgrid{ grid-template-columns: 1fr; } }

.sg-look{
  margin:0;
  border-radius: var(--r);
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow);
  min-height: 240px;
}
.sg-look--tall{ grid-row: span 2; min-height: 492px; }
@media (max-width: 920px){ .sg-look--tall{ grid-row: auto; min-height: 320px; } }

.sg-look img, .sg-look__video{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* Bundles */
.sg-bundlegrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 920px){ .sg-bundlegrid{ grid-template-columns: 1fr; } }

.sg-bundle{
  padding: 16px;
  border-radius: var(--r);
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(900px 300px at 10% 0%, rgba(155,92,255,.18), transparent 60%),
    radial-gradient(800px 280px at 90% 20%, rgba(228,0,255,.12), transparent 60%),
    rgba(255,255,255,.05);
  box-shadow: var(--shadow);
}
.sg-bundle h3{ margin: 0 0 10px; }
.sg-bundle ul{
  margin: 0 0 14px;
  padding-left: 18px;
  color: rgba(255,255,255,.78);
  line-height: 1.7;
}

/* Newsletter */
.sg-newsletter__box{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-radius: calc(var(--r) + 10px);
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(900px 320px at 20% 0%, rgba(155,92,255,.25), transparent 60%),
    radial-gradient(800px 300px at 90% 20%, rgba(228,0,255,.16), transparent 60%),
    rgba(255,255,255,.06);
  box-shadow: var(--shadow);
}
@media (max-width: 920px){ .sg-newsletter__box{ grid-template-columns: 1fr; } }

.sg-formPlaceholder{
  border-radius: var(--r);
  border: 1px dashed rgba(255,255,255,.22);
  background: rgba(255,255,255,.05);
  padding: 16px;
  text-align:center;
}

/* Trust signals */
.sg-trustgrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media (max-width: 920px){ .sg-trustgrid{ grid-template-columns: 1fr; } }

.sg-trustitem{
  display:flex;
  gap: 12px;
  align-items:center;
  padding: 14px;
  border-radius: var(--r);
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow);
}
.sg-trusticon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  font-size: 1.2rem;
}
.sg-trustitem span{
  display:block;
  color: rgba(255,255,255,.72);
  margin-top: 3px;
}
/* Sticky shop bar */
.sg-stickybar{
  position: sticky;
  top: 70px; /* adjust if your header is taller */
  z-index: 60;
  padding: 10px 0;
  backdrop-filter: blur(10px);
  background: rgba(11,6,18,.55);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.sg-stickybar__inner{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.sg-stickybar__pill{
  display: inline-flex;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  font-size: .92rem;
}
.sg-stickybar__pill:hover{ background: rgba(255,255,255,.10); }
.sg-stickybar__pill--hot{
  border-color: rgba(228,0,255,.35);
  box-shadow: 0 0 0 2px rgba(228,0,255,.12) inset;
}

/* Fit Check */
.sg-fitgrid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 920px){ .sg-fitgrid{ grid-template-columns: 1fr; } }

.sg-fitcard{
  padding: 16px;
  border-radius: var(--r);
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow);
}
.sg-fitcard h3{ margin: 0 0 10px; }
.sg-fitcard ul{
  margin: 0 0 14px;
  padding-left: 18px;
  color: rgba(255,255,255,.78);
  line-height: 1.7;
}

/* 3-step “How it’s made” */
.sg-steps{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 920px){ .sg-steps{ grid-template-columns: 1fr; } }

.sg-step{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px;
  border-radius: var(--r);
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow);
}
.sg-step__num{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-weight: 900;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
}
.sg-step p{
  margin: 6px 0 0;
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}
/* Bring footer above overlapping layers */
.elementor-location-footer{
  position: relative;
  z-index: 999;
}
/* =========================
SpritGlo — Affiliate Program Terms (CSS)
Scoped to .sg-aff so it won't wreck your whole site
========================= */

.sg-aff{
  --sg-bg:#0a0a0a;
  --sg-text:#eae7f7;
  --sg-muted:#c6bde9;
  --sg-primary:#5E35B1;
  --sg-primary-20: rgba(94,53,177,0.2);
  --sg-ring: rgba(255,255,255,0.08);
  --sg-radius: 16px;
  --sg-max: 1200px;

  color:var(--sg-text);
}

.sg-aff a{ color:inherit; text-decoration:none; }
.sg-aff a:hover{ opacity:.95; }

.sg-wrap{ isolation:isolate; background:var(--sg-bg); }

.sg-section{ position:relative; padding:56px 20px; }
@media (min-width:768px){ .sg-section{ padding:88px 24px; } }

.sg-container{ max-width:var(--sg-max); margin:0 auto; }

.sg-glow::before{
  content:"";
  position:absolute; inset:-15% -10% auto -10%;
  height:55%; filter:blur(80px);
  background:
    radial-gradient(60% 60% at 30% 40%, var(--sg-primary-20), transparent 60%),
    radial-gradient(50% 50% at 75% 30%, rgba(255,255,255,0.06), transparent 60%);
  z-index:-1; pointer-events:none;
}

.sg-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00));
  border:1px solid var(--sg-ring);
  border-radius:var(--sg-radius);
  box-shadow:0 10px 30px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.04);
}

.sg-pad{ padding:26px; }
@media (min-width:768px){ .sg-pad{ padding:34px; } }

.sg-grid{ display:grid; gap:22px; }
@media (min-width:768px){
  .sg-hero-grid{ grid-template-columns: 1.25fr .75fr; align-items:start; }
}

.sg-eyebrow{
  display:inline-block;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:600;
  font-size:.8rem;
  color:var(--sg-muted);
  border:1px solid var(--sg-ring);
  border-radius:999px;
  padding:6px 12px;
  background:rgba(255,255,255,0.02);
}

.sg-h1{
  margin:14px 0 10px;
  font-weight:800;
  line-height:1.08;
  font-size: clamp(2rem, 3.8vw + 1rem, 3.2rem);
}

.sg-h2{
  margin:0 0 12px;
  font-weight:800;
  letter-spacing:-0.01em;
  font-size: clamp(1.4rem, 1.6vw + 1rem, 2.1rem);
}

.sg-h3{
  margin:0 0 10px;
  font-weight:800;
  font-size:1.1rem;
}

.sg-sub{
  color:#dad5ee;
  line-height:1.7;
  max-width: 65ch;
  font-size:1.05rem;
  margin:0;
}

.sg-p{
  color:#ded9f1;
  line-height:1.75;
  margin:0 0 14px;
}

.sg-small{
  color:var(--sg-muted);
  line-height:1.6;
  font-size:.95rem;
  margin:0;
}

.sg-note{
  color:var(--sg-muted);
  font-size:.95rem;
}

.sg-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:20px;
}

.sg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:48px;
  padding:0 20px;
  border-radius:12px;
  border:1px solid transparent;
  font-weight:800;
  transition:.2s ease;
  outline-offset:3px;
}

.sg-btn-primary{
  color:#fff;
  background:linear-gradient(180deg, rgba(94,53,177,0.96), rgba(94,53,177,0.82));
  border-color:rgba(255,255,255,0.06);
}
.sg-btn-primary:hover{ transform:translateY(-1px); filter:saturate(1.08); }

.sg-btn-ghost{
  color:var(--sg-text);
  background:transparent;
  border-color:var(--sg-ring);
}
.sg-btn-ghost:hover{ background:rgba(255,255,255,0.03); }

.sg-audio{
  width:100%;
  margin-top:14px;
  border-radius:12px;
  border:1px solid var(--sg-ring);
  background:rgba(255,255,255,0.03);
}

.sg-side-card{ position:sticky; top:18px; }
.sg-side-inner{ padding:22px; }
.sg-side-title{ margin:0 0 12px; font-size:1.1rem; font-weight:900; }

.sg-bullets{ margin:0; padding-left:18px; color:#e8e4f6; }
.sg-bullets li{ margin:10px 0; line-height:1.6; }
.sg-bullets strong{ color:#fff; }

.sg-list{ margin:0; padding-left:18px; color:#e8e4f6; }
.sg-list li{ margin:10px 0; line-height:1.7; }

.sg-callout{
  margin:18px 0;
  padding:16px 16px;
  border-radius:14px;
  border:1px solid var(--sg-ring);
  background:rgba(255,255,255,0.02);
}

.sg-toc{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:14px;
}
@media (min-width:900px){
  .sg-toc{ grid-template-columns: 1fr 1fr; }
}
.sg-toc a{
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--sg-ring);
  background:rgba(255,255,255,0.01);
}
.sg-toc a:hover{ background:rgba(255,255,255,0.03); }

.sg-split{
  display:grid;
  gap:18px;
  margin-top:14px;
}
@media (min-width:900px){
  .sg-split{ grid-template-columns: 1fr 1fr; }
}
.sg-split-col{
  border:1px solid var(--sg-ring);
  border-radius:var(--sg-radius);
  padding:18px;
  background:rgba(255,255,255,0.01);
}

.sg-link{
  color: #E6C1FF;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sg-faq{
  border:1px solid var(--sg-ring);
  border-radius:14px;
  background:rgba(255,255,255,0.01);
  margin-top:12px;
  overflow:hidden;
}
.sg-faq summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:800;
  list-style:none;
}
.sg-faq summary::-webkit-details-marker{ display:none; }
.sg-faq-body{
  padding:0 16px 16px;
  color:#ded9f1;
  line-height:1.7;
}

.sg-cta-card{
  border-color: rgba(230,193,255,0.22);
  box-shadow:0 16px 46px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
}

.mt-6{ margin-top:1.5rem; }
@media (max-width: 900px){ .sg-terms .sg-grid, .sg-policy .sg-grid, .sg-collection .sg-grid { grid-template-columns:1fr !important; } }
/* Coming Soon styling */
.category-card.is-coming-soon {
  opacity: 0.65;
}

.category-card.is-coming-soon .category-card-disabled {
  display: block;
  height: 100%;
  cursor: not-allowed;
  text-decoration: none;
}

/* Badge */
.soon-badge {
  display: inline-block;
  margin-top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.85rem;
  line-height: 1;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.08);
}

/* Optional: subtle hover behavior so it doesn't feel broken */
.category-card.is-coming-soon:hover {
  transform: none;
  filter: none;
}
.sg-explore{
  padding: 28px 0 18px;
  background: #0b0b12;
  color: rgba(255,255,255,.88);
}

/* outer boxed area */
.sg-explore__box{
  max-width: 1060px;
  margin: 0 auto;
  padding: 22px 22px 16px;
  border-radius: 18px;
  border: 1px solid rgba(164, 94, 255, .55);
  background:
    radial-gradient(900px 520px at 50% 0%, rgba(94,53,177,.45), transparent 60%),
    radial-gradient(820px 520px at 88% 20%, rgba(255,0,153,.14), transparent 58%),
    linear-gradient(180deg, rgba(94,53,177,.22), rgba(11,11,18,1) 62%);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

.sg-explore__head{ margin-bottom: 14px; }
.sg-explore__title{
  margin: 0;
  font-size: 22px;
  line-height: 1.1;
  color: rgba(255,255,255,.96);
}
.sg-explore__sub{
  margin: 6px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.68);
}

/* grid */
.sg-explore__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-top: 10px;
}

/* cards */
.sg-card{
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 12px 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(164, 94, 255, .55);
  background: rgba(255,255,255,.03);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
  min-height: 116px;
  position: relative;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.sg-card:hover{
  transform: translateY(-1px);
  border-color: rgba(190, 140, 255, .85);
  box-shadow: 0 0 0 1px rgba(190,140,255,.25), 0 10px 30px rgba(0,0,0,.35);
}

.sg-pill{
  display: inline-block;
  padding: 3px 8px;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.86);
  margin-bottom: 8px;
}

.sg-card__title{
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.2;
  color: rgba(255,255,255,.95);
}

.sg-card__text{
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(255,255,255,.70);
}

/* Coming soon styling */
.sg-card--soon{
  cursor: default;
  pointer-events: none;
  opacity: .92;
}

.sg-card__soon{
  margin-top: 10px;
  font-weight: 700;
  letter-spacing: .02em;
  color: rgba(255,255,255,.90);
}

/* bottom links inside box */
.sg-explore__links{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sg-explore__links a{
  font-size: 12px;
  color: rgba(255,255,255,.80);
  text-decoration: none;
}

.sg-explore__links a:hover{
  color: #fff;
  text-decoration: underline;
}

/* legal line below box */
.sg-explore__legal{
  max-width: 1060px;
  margin: 14px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 0 10px;
}

.sg-explore__legal a{
  font-size: 12px;
  color: rgba(255,255,255,.70);
  text-decoration: none;
}

.sg-explore__legal a:hover{
  color: #fff;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 980px){
  .sg-explore__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .sg-explore__grid{ grid-template-columns: 1fr; }
  .sg-explore__box{ padding: 18px 14px 14px; }
}
.sg-explore{
  padding: 28px 0 18px;
  background: #0b0b12;
  color: rgba(255,255,255,.88);
}

/* outer boxed area */
.sg-explore__box{
  max-width: 1060px;
  margin: 0 auto;
  padding: 22px 22px 16px;
  border-radius: 18px;
  border: 1px solid rgba(164, 94, 255, .55);
  background:
    radial-gradient(900px 520px at 50% 0%, rgba(94,53,177,.45), transparent 60%),
    radial-gradient(820px 520px at 88% 20%, rgba(255,0,153,.14), transparent 58%),
    linear-gradient(180deg, rgba(94,53,177,.22), rgba(11,11,18,1) 62%);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

.sg-explore__head{ margin-bottom: 14px; }
.sg-explore__title{
  margin: 0;
  font-size: 22px;
  line-height: 1.1;
  color: rgba(255,255,255,.96);
}
.sg-explore__sub{
  margin: 6px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.68);
}

/* grid */
.sg-explore__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-top: 10px;
}

/* cards */
.sg-card{
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 12px 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(164, 94, 255, .55);
  background: rgba(255,255,255,.03);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
  min-height: 116px;
  position: relative;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.sg-card:hover{
  transform: translateY(-1px);
  border-color: rgba(190, 140, 255, .85);
  box-shadow: 0 0 0 1px rgba(190,140,255,.25), 0 10px 30px rgba(0,0,0,.35);
}

.sg-pill{
  display: inline-block;
  padding: 3px 8px;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.86);
  margin-bottom: 8px;
}

.sg-card__title{
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.2;
  color: rgba(255,255,255,.95);
}

.sg-card__text{
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(255,255,255,.70);
}

/* Coming soon styling */
.sg-card--soon{
  cursor: default;
  pointer-events: none;
  opacity: .92;
}

.sg-card__soon{
  margin-top: 10px;
  font-weight: 700;
  letter-spacing: .02em;
  color: rgba(255,255,255,.90);
}

/* bottom links inside box */
.sg-explore__links{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sg-explore__links a{
  font-size: 12px;
  color: rgba(255,255,255,.80);
  text-decoration: none;
}

.sg-explore__links a:hover{
  color: #fff;
  text-decoration: underline;
}

/* legal line below box */
.sg-explore__legal{
  max-width: 1060px;
  margin: 14px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 0 10px;
}

.sg-explore__legal a{
  font-size: 12px;
  color: rgba(255,255,255,.70);
  text-decoration: none;
}

.sg-explore__legal a:hover{
  color: #fff;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 980px){
  .sg-explore__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .sg-explore__grid{ grid-template-columns: 1fr; }
  .sg-explore__box{ padding: 18px 14px 14px; }
}
.sg-explore{
  padding: 28px 0 18px;
  background: #0b0b12;
  color: rgba(255,255,255,.88);
}

/* outer boxed area */
.sg-explore__box{
  max-width: 1060px;
  margin: 0 auto;
  padding: 22px 22px 16px;
  border-radius: 18px;
  border: 1px solid rgba(164, 94, 255, .55);
  background:
    radial-gradient(900px 520px at 50% 0%, rgba(94,53,177,.45), transparent 60%),
    radial-gradient(820px 520px at 88% 20%, rgba(255,0,153,.14), transparent 58%),
    linear-gradient(180deg, rgba(94,53,177,.22), rgba(11,11,18,1) 62%);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

.sg-explore__head{ margin-bottom: 14px; }
.sg-explore__title{
  margin: 0;
  font-size: 22px;
  line-height: 1.1;
  color: rgba(255,255,255,.96);
}
.sg-explore__sub{
  margin: 6px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.68);
}

/* grid */
.sg-explore__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-top: 10px;
}

/* cards */
.sg-card{
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 12px 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(164, 94, 255, .55);
  background: rgba(255,255,255,.03);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
  min-height: 116px;
  position: relative;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.sg-card:hover{
  transform: translateY(-1px);
  border-color: rgba(190, 140, 255, .85);
  box-shadow: 0 0 0 1px rgba(190,140,255,.25), 0 10px 30px rgba(0,0,0,.35);
}

.sg-pill{
  display: inline-block;
  padding: 3px 8px;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.86);
  margin-bottom: 8px;
}

.sg-card__title{
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.2;
  color: rgba(255,255,255,.95);
}

.sg-card__text{
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(255,255,255,.70);
}

/* Coming soon styling */
.sg-card--soon{
  cursor: default;
  pointer-events: none;
  opacity: .92;
}

.sg-card__soon{
  margin-top: 10px;
  font-weight: 700;
  letter-spacing: .02em;
  color: rgba(255,255,255,.90);
}

/* bottom links inside box */
.sg-explore__links{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sg-explore__links a{
  font-size: 12px;
  color: rgba(255,255,255,.80);
  text-decoration: none;
}

.sg-explore__links a:hover{
  color: #fff;
  text-decoration: underline;
}

/* legal line below box */
.sg-explore__legal{
  max-width: 1060px;
  margin: 14px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 0 10px;
}

.sg-explore__legal a{
  font-size: 12px;
  color: rgba(255,255,255,.70);
  text-decoration: none;
}

.sg-explore__legal a:hover{
  color: #fff;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 980px){
  .sg-explore__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .sg-explore__grid{ grid-template-columns: 1fr; }
  .sg-explore__box{ padding: 18px 14px 14px; }
}
/* --- CSS Custom Properties (Variables) for the SpritGlo Theme --- */
:root {
    --sg-bg-dark: #0a0514; /* Deep dark purple/black background */
    --sg-bg-gradient: linear-gradient(135deg, #0f0821 0%, #1a0e33 100%);
    --sg-neon: #9d65ff; /* The main bright purple neon color */
    --sg-neon-glow: rgba(157, 101, 255, 0.5); /* Outer glow */
    --sg-neon-dim: rgba(157, 101, 255, 0.15); /* Inner box fill/glow */
    --sg-text-white: #ffffff;
    --sg-text-light: #dcdcdc; /* Slightly muted white for body text */
    /* Using a generic serif stack to match the image's elegant feel */
    --sg-font-serif: "Georgia", "Times New Roman", serif;
}

/* Ensure box-sizing is handled correctly */
.sg-footer, .sg-footer *, .sg-footer *::before, .sg-footer *::after {
    box-sizing: border-box;
}

/* --- Main Footer Container --- */
.sg-footer {
    background: var(--sg-bg-dark);
    background-image: var(--sg-bg-gradient);
    color: var(--sg-text-light);
    font-family: var(--sg-font-serif);
    padding: 60px 20px;
    line-height: 1.5;
}

.sg-footer__inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* --- Brand Section (Logo & Tagline) --- */
.sg-footer__brand {
    margin-bottom: 40px;
    text-align: left;
}

.sg-footer__logo {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--sg-text-white);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* Adding a subtle text glow to the logo */
    text-shadow: 0 0 10px var(--sg-neon-glow);
    display: inline-block;
    margin-bottom: 10px;
}

.sg-footer__tagline {
    font-size: 1.1rem;
    color: var(--sg-neon);
    margin: 0;
    font-style: italic;
}

/* --- The Grid Layout --- */
.sg-footer__grid {
    display: grid;
    /* Create a 4-column grid on large screens */
    grid-template-columns: repeat(4, 1fr);
    gap: 24px; /* Spacing between the glowing boxes */
    margin-bottom: 50px;
    align-items: start; /* Aligns boxes to the top */
}

/* --- The Columns (Styled as Glowing Boxes) --- */
.sg-footer__col {
    /* This is the core styling to match the reference image boxes */
    background-color: var(--sg-neon-dim); /* Subtle see-through purple tint */
    border: 1px solid var(--sg-neon); /* Thin neon border */
    border-radius: 16px; /* Rounded corners */
    padding: 30px; /* Generous internal spacing */
    height: 100%; /* Makes columns in the same row same height */
    /* The Glow Effect: Outer shadow + subtle inset shadow */
    box-shadow: 0 4px 15px -5px var(--sg-neon-glow), inset 0 0 15px -10px var(--sg-neon);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Optional hover effect for the boxes */
.sg-footer__col:hover {
    box-shadow: 0 8px 25px -5px var(--sg-neon-glow), inset 0 0 20px -10px var(--sg-neon);
    transform: translateY(-3px);
}

/* --- Typography within columns --- */
.sg-footer__heading {
    font-size: 1.25rem;
    color: var(--sg-text-white);
    margin: 0 0 20px 0;
    font-weight: 600;
    letter-spacing: 0.5px;
    /* A tiny underline element to match the "pill" aesthetic loosely */
    position: relative;
    display: inline-block;
}

/* Adding a small glowing underline to headings */
.sg-footer__heading::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: var(--sg-neon);
    box-shadow: 0 0 8px var(--sg-neon);
    margin-top: 8px;
    border-radius: 2px;
}

/* Spacing for secondary headings in the same column (e.g., Policies) */
.sg-footer__heading--spaced {
    margin-top: 30px;
}

/* --- Links List --- */
.sg-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sg-footer__list li {
    margin-bottom: 12px;
}

.sg-footer__list a {
    color: var(--sg-text-light);
    text-decoration: none;
    font-size: 0.95rem;
    transition: color 0.3s ease, text-shadow 0.3s ease;
    display: block; /* Makes the whole area clickable */
}

.sg-footer__list a:hover {
    color: var(--sg-text-white);
    /* Makes the link glow on hover */
    text-shadow: 0 0 8px var(--sg-neon-glow);
}

/* --- Footer Bottom (Copyright) --- */
.sg-footer__bottom {
    border-top: 1px solid rgba(157, 101, 255, 0.3); /* Dim neon divider */
    padding-top: 30px;
    text-align: center;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
}

/* --- Responsive Design (Tablets and Mobiles) --- */

/* Tablet (2 columns) */
@media (max-width: 900px) {
    .sg-footer__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile (1 column stacked) */
@media (max-width: 600px) {
    .sg-footer__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sg-footer__brand {
        text-align: center;
    }

    .sg-footer__col {
        padding: 25px; /* Slightly less padding on mobile */
    }
}
	/* Customily page polish */
.sg-card {
  border-radius: 18px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(10px);
}

.sg-card--soft {
  background: rgba(255,255,255,0.06);
}

.sg-cta-bar {
  border-radius: 22px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,0.14);
}

.sg-fineprint {
  font-size: 0.92rem;
  opacity: 0.85;
  line-height: 1.35;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    background-color: #1a1a1a;
    color: #ffffff !important;
    border-color: #a855f7;
}

.woocommerce-info a,
.woocommerce-message a {
    color: #a855f7 !important;
}
	/* Empty cart / Woo notices: force readable text */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  color: #111111 !important;
}

.woocommerce-info *,
.woocommerce-message *,
.woocommerce-error * {
  color: #111111 !important;
  opacity: 1 !important;
}
	/* Fix dark text in WooCommerce cart */
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-cart .cart_totals td,
.woocommerce-cart .cart_totals th,
.woocommerce-cart .product-name,
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal,
.woocommerce-cart .product-quantity input,
.woocommerce-cart .cart_totals .order-total td,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  color: #ffffff !important;
}

/* Fix quantity input */
.woocommerce .quantity .qty {
  background-color: #1a1a2e !important;
  color: #ffffff !important;
  border-color: #A51BE3 !important;
}

/* Fix cart totals section */
.woocommerce-cart .cart_totals h2,
.woocommerce .cart-collaterals h2 {
  color: #ffffff !important;
}

/* Style update cart & coupon buttons */
.woocommerce button[name="update_cart"],
.woocommerce .coupon button {
  background: linear-gradient(to right, #E52FB3, #A51BE3) !important;
  color: #ffffff !important;
  border: none !important;
}
/* Fix cart empty notice visibility */
.woocommerce-info {
  background-color: #1a1a2e !important;
  color: #ffffff !important;
  border-top-color: #E52FB3 !important;
}
.woocommerce-info::before {
  color: #E52FB3 !important;
}

/* Return to shop button */
.woocommerce .return-to-shop a.button,
.woocommerce .wc-forward {
  background: linear-gradient(135deg, #E52FB3, #A51BE3) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* Cart table text */
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-cart .cart_totals td,
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals h2,
.woocommerce table.cart .product-name a {
  color: #ffffff !important;
}

/* Quantity input */
.woocommerce .quantity .qty {
  background-color: #1a1a2e !important;
  color: #ffffff !important;
  border-color: #E52FB3 !important;
}

/* Update cart / coupon buttons */
.woocommerce button[name="update_cart"],
.woocommerce .coupon button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce input.button {
  background: linear-gradient(135deg, #E52FB3, #A51BE3) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
}

/* Remove link */
.woocommerce a.remove {
  color: #E52FB3 !important;
}
/* Dark background for WooCommerce cart empty notice */
.woocommerce-info,
.woocommerce .cart-empty,
.woocommerce .wc-empty-cart-message,
.woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info {
  background-color: #121419 !important;
  color: #C9B6E4 !important;
  border-color: rgba(229, 47, 179, 0.3) !important;
  border-top-color: #E52FB3 !important;
}

/* Return to shop button */
.woocommerce .cart-empty ~ .return-to-shop a.button,
.wc-backward {
  background: linear-gradient(135deg, #E52FB3, #A51BE3) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem 2rem !important;
  font-weight: 600 !important;
}

/* General WooCommerce cart/table area */
.woocommerce-cart .woocommerce,
.woocommerce table.shop_table {
  background-color: #0E0E11 !important;
  color: #fff !important;
}
/* =========================================== 
   FULL FIX — NO MORE WHITE BOXES 
=========================================== */

/* Shop By Mood section wrapper */
#humor-categories {
  background: #0c0a12 !important;
  border: 1px solid rgba(255,185,255,0.22) !important;
  color: #fff !important;
}

/* Category cards — turn dark */
#humor-categories .hc-card {
  background: #2E1A47 !important;
  color: #F7EBFF !important;
  border: 1px solid rgba(255,185,255,0.45) !important;
  box-shadow: 0 0 25px rgba(255,185,255,0.15) !important;
  border-radius: 16px;
  padding: 1.5rem 1.25rem;
  text-align: left;
}

/* Fix text inside cards */
#humor-categories .hc-card h3,
#humor-categories .hc-card p,
#humor-categories .hc-card a {
  color: #ffffff !important;
}

#humor-categories .hc-
.sa-card {
  position: relative;
  overflow: hidden;
  transition: all .35s ease;
}

.sa-card:hover {
  transform: translateY(-8px) scale(1.02);
  border-color: rgba(255,185,255,0.7) !important;
  box-shadow:
    0 0 18px rgba(255,0,255,0.4),
    0 0 40px rgba(120,50,180,0.35),
    0 0 0 1px rgba(255,0,255,0.15) inset !important;
}
	.single-product .product_title,
.single-product .product_title a,
.woocommerce div.product .product_title,
h1.product_title {
  color: #FFFFFF !important;
}
.single-product .product_title,
.single-product h1,
.single-product h2,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-woocommerce-product-title h1,
body .elementor a,
body .elementor h1,
body .elementor h2 {
  color: #FFFFFF !important;
}
	.elementor-widget-loop-grid .woocommerce-loop-product__title, .elementor-widget-loop-grid .woocommerce-loop-product__title a, .woocommerce ul.products li.product .woocommerce-loop-product__title { color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; }
selector {
  box-shadow: 0 0 15px #FF00FF, 0 0 30px #FF00FF;
  transform: scale(1.05);
}
	selector:hover {
  transform: scale(1.08);
}align-content
	selector {
  transition: all 0.3s ease;
}

selector:hover {
  transform: translateY(-8px) scale(1.03);
}
	.woocommerce-loop-product__title {
  color: #F7EBFF !important;
}
	.elementor-widget-theme-post-title a,
.elementor-widget-woocommerce-product-title a,
.woocommerce-loop-product__title,
.woocommerce-loop-product__title a {
  color: #F7EBFF !important;
}

.elementor-widget-theme-post-title a:hover,
.elementor-widget-woocommerce-product-title a:hover,
.woocommerce-loop-product__title a:hover {
  color: #FFFFFF !important;
}
	padding-top: 70px;
padding-bottom: 7/* === SpritGlo About Page Header Restyle === */

/* Wordmark: gradient pink → purple fill + neon glow (keeps original size) */
.page-id-about h1,
.entry-title,
h1.elementor-heading-title:first-of-type {
  background: linear-gradient(135deg, #E52FB3 0%, #BA3CB6 50%, #A51BE3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 30px rgba(229, 47, 179, 0.35);
  filter: drop-shadow(0 0 12px rgba(165, 27, 227, 0.25));
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 0.04em;
}

/* Hot pink ™ accent */
.entry-title::after,
h1.elementor-heading-title:first-of-type::after {
  content: "™";
  color: #E52FB3;
  -webkit-text-fill-color: #E52FB3;
  font-size: 0.5em;
  vertical-align: super;
  margin-left: 0.15em;
  text-shadow: 0 0 10px rgba(229, 47, 179, 0.6);
}

/* Tagline restyle: Bebas Neue, uppercase, wide tracking (same font-size) */
.entry-title + p,
h1.elementor-heading-title + .elementor-widget-text-editor p:first-child {
  font-family: 'Bebas Neue', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: #C9B6E4;
  opacity: 0.9;
}

/* Thin gradient divider under header block */
.entry-header,
.elementor-section:first-of-type {
  position: relative;
  padding-bottom: 1.5rem;
}
.entry-header::after,
.elementor-section:first-of-type::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    #E52FB3 30%,
    #A51BE3 70%,
    transparent 100%);
  opacity: 0.6;
}
0px;
	
	/* Whimsical Glo - make Regular Whimsy writing green */

/* Regular / Bright Whimsy labels and text */
.page-id-XXXX [class*="regular"],
.page-id-XXXX [class*="Regular"],
.page-id-XXXX [class*="bright"],
.page-id-XXXX [class*="Bright"] {
  color: #245c3a !important;
}

/* Headings inside Regular / Bright Whimsy areas */
.page-id-XXXX [class*="regular"] h1,
.page-id-XXXX [class*="regular"] h2,
.page-id-XXXX [class*="regular"] h3,
.page-id-XXXX [class*="Regular"] h1,
.page-id-XXXX [class*="Regular"] h2,
.page-id-XXXX [class*="Regular"] h3,
.page-id-XXXX [class*="bright"] h1,
.page-id-XXXX [class*="bright"] h2,
.page-id-XXXX [class*="bright"] h3,
.page-id-XXXX [class*="Bright"] h1,
.page-id-XXXX [class*="Bright"] h2,
.page-id-XXXX [class*="Bright"] h3 {
  color: #1f6f43 !important;
}

/* Paragraph text inside Regular / Bright Whimsy areas */
.page-id-XXXX [class*="regular"] p,
.page-id-XXXX [class*="Regular"] p,
.page-id-XXXX [class*="bright"] p,
.page-id-XXXX [class*="Bright"] p {
  color: #245c3a !important;
}

/* Regular Whimsy quote cards */
.page-id-XXXX [class*="regular"] blockquote,
.page-id-XXXX [class*="regular"] .quote,
.page-id-XXXX [class*="regular"] [class*="quote"],
.page-id-XXXX [class*="regular"] [class*="phrase"] {
  color: #245c3a !important;
}
	/* Change sidebar text color to green */
#secondary, 
.sidebar, 
.widget-area {
    color: #00FF00; /* Neon Green */
}

/* Change sidebar links to green */
#secondary a, 
.sidebar a {
    color: #00FF00;
}