#fw-section-donations-89b191b5-735e-42aa-8876-da4b32aa52c6 {
--color-primary: #206b09;
--color-primary-rgb: 32, 107, 9;
--color-background: #ebf0ca;
--color-background-rgb: 235, 240, 202;
--color-on-primary: #f5eaa1;
--color-on-primary-rgb: 245, 234, 161;
--color-on-background: #097b03;
--color-on-background-rgb: 9, 123, 3;
--color-product-image-background: #fff8dc;
--color-background-brightness: 234;
background-color: var(--color-background);
color: var(--color-on-background);

}
















#fw-section-rich-text-175745043417842 {

/* ===== Atomic Mid Century Modern Font ===== */

/* Apply Atomic Age font globally */
body {
  font-family: 'Atomic Age', cursive;
}

/* Headings with atomic flair */
h1, h2, h3 {
  font-family: 'Atomic Age', cursive;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #b8001f; /* classic Christmas red */
  text-shadow: 2px 2px #ffd66b; /* gold shimmer */
}

/* Paragraphs with clean retro readability */
p {
  font-family: 'Atomic Age', cursive;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #1b2a41; /* navy for contrast */
}

/* Buttons styled with atomic font */
.button {
  font-family: 'Atomic Age', cursive;
  font-weight: 700;
  letter-spacing: 1px;
}

}


#fw-section-rich-text-1ffcd344-df48-4eea-8f49-ffe1db5718ea {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #f2774f;
--color-background-rgb: 242, 119, 79;
--color-on-primary: #f5eaa1;
--color-on-primary-rgb: 245, 234, 161;
--color-on-background: #333333;
--color-on-background-rgb: 51, 51, 51;
--color-product-image-background: #fff8dc;
--color-background-brightness: 151;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-featured-collection-dabde295-894a-4e06-b336-3d8530017508 {

/* Gentle Giant Club — Section Wrapper */
.gentle-giant-club {
  padding: 60px 20px;
  text-align: center;
  background: #DFF7E8; /* Soft mint */
  border-top: 3px solid #003F4F; /* Deep Space Teal */
  border-bottom: 3px solid #003F4F;
  border-radius: 8px;
}

/* Section Title */
.gentle-giant-club h2 {
  font-family: 'Atomic Age', sans-serif;
  font-size: 2.4rem;
  color: #E63946; /* Atomic Red */
  margin-bottom: 10px;
  letter-spacing: 1px;
}

/* Section Subhead */
.gentle-giant-club p {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 1.25rem;
  color: #003F4F;
  max-width: 700px;
  margin: 0 auto 40px auto;
  line-height: 1.5;
}

/* Product Grid (optional) */
.gentle-giant-club .product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin-bottom: 40px;
}

/* Product Cards */
.gentle-giant-club .product-card {
  background: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover Effect */
.gentle-giant-club .product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* CTA Button */
.gentle-giant-club .button {
  background-color: #E63946;
  color: white;
  padding: 14px 28px;
  border-radius: 6px;
  font-family: 'Atomic Age', sans-serif;
  font-size: 1.2rem;
  display: inline-block;
  margin-top: 10px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .gentle-giant-club .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .gentle-giant-club .product-grid {
    grid-template-columns: 1fr;
  }
}

}
#fw-section-rich-text-36e4fc2f-e76d-4ef0-ae1d-6e00fd76c5ba {

@font-face {
  font-family: 'Space Patrol';
  src: url('https://atomichound-shop.fourthwall.com/assets/spacepatrol.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

h2 {
  font-family: 'Space Patrol', sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #FF5E5B;
  text-shadow: 2px 2px #FEEFC3;
}

}


#fw-section-text-carousel-e733857c-2804-46f7-ab5f-4895a6bedd37 {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #fdf7ec;
--color-background-rgb: 253, 247, 236;
--color-on-primary: #f5eaa1;
--color-on-primary-rgb: 245, 234, 161;
--color-on-background: #333333;
--color-on-background-rgb: 51, 51, 51;
--color-product-image-background: #fff8dc;
--color-background-brightness: 248;
background-color: var(--color-background);
color: var(--color-on-background);

}
#fw-section-header {

/* ---------------------------------------------------------
   GENTLE GIANT CLUB — ATOMIC-ERA STYLING KIT
   --------------------------------------------------------- */

/* 1. COLOR SYSTEM (Warm, Creamy, Gentle Giant Palette) */
:root {
  --gg-cream: #FDF7EC;
  --gg-brown: #5A4632;
  --gg-soft-gold: #E8CFAE;
  --gg-red: #D94A38;
  --gg-teal: #3BB6A0;
  --gg-aqua: #A7D8C7;
}

/* 2. SECTION CONTAINER (Soft, Premium, Warm) */
.section {
  background: var(--gg-soft-gold);
  padding: 48px 28px;
  border-radius: 32px;
  border: 3px solid var(--gg-cream);
  box-shadow: 0 0 24px rgba(0,0,0,0.08);
}

/* 3. HERO HEADINGS (Atomic Era Typography) */
.section h1,
.section h2 {
  font-family: 'Atomic Age', sans-serif;
  color: var(--gg-brown);
  text-transform: uppercase;
  letter-spacing: 3px;
  text-shadow: 2px 2px 0 var(--gg-cream);
  margin-bottom: 12px;
}

/* 4. SUBHEADINGS (Soft, Emotional, Gentle) */
.section h3 {
  font-family: 'Poiret One', sans-serif;
  color: var(--gg-red);
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

/* 5. BODY TEXT (Warm + Readable) */
.section p {
  font-family: 'Josefin Sans', sans-serif;
  color: var(--gg-brown);
  line-height: 1.7;
  font-size: 1.05rem;
}

/* 6. ATOMIC STARBURST DIVIDER */
.section .gg-divider {
  width: 100%;
  height: 40px;
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3e/Atomic_Starburst.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55px;
  margin: 24px 0;
  opacity: 0.7;
}

/* 7. GENTLE GIANT BUTTON (Soft, Noble, Atomic) */
.section a.button,
.section button {
  background: var(--gg-brown);
  color: var(--gg-cream);
  padding: 14px 28px;
  border-radius: 10px;
  font-family: 'Atomic Age', sans-serif;
  letter-spacing: 1px;
  border: 2px solid var(--gg-cream);
  box-shadow: 3px 3px 0 var(--gg-red);
  transition: all 0.2s ease-out;
}

.section a.button:hover,
.section button:hover {
  background: var(--gg-red);
  box-shadow: 4px 4px 0 var(--gg-soft-gold);
  transform: translate(-2px, -2px);
}

/* 8. OPTIONAL — BOOMERANG CORNERS (Very Atomic) */
.section {
  border-radius: 40px 6px 40px 6px;
}

}









#fw-section-password {

/* 🌟 Gentle Giant Club — Guaranteed Background Override */
body,
html,
#app,
#app > div,
#app > div > div,
.layout,
.layout__content,
.layout__content > div,
.layout__content > section,
.password,
.password-container,
.coming-soon,
.coming-soon__container {
  background: #f7f3ec !important;
  background-image:
    radial-gradient(circle at 50% 20%, rgba(255, 210, 180, 0.55) 0%, transparent 60%),
    radial-gradient(circle at 20% 75%, rgba(139, 61, 61, 0.35) 0%, transparent 65%),
    radial-gradient(circle at 80% 40%, rgba(180, 220, 255, 0.35) 0%, transparent 60%),
    radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.4) 0%, transparent 70%),
    radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.35) 0%, transparent 75%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}


/* ---------------------------------------------------------
   🌟 Gentle Giant Appreciation Club — Starburst Background
   Warm atomic glow + gentle giant mythic energy
--------------------------------------------------------- */

.password-page,
.coming-soon,
body {
  background-color: #f7f3ec; /* warm cream base */
  background-image:
    /* Large soft starburst behind heading */
    radial-gradient(circle at 50% 20%, rgba(255, 210, 180, 0.55) 0%, transparent 60%),

    /* Gentle Giant red starburst */
    radial-gradient(circle at 20% 75%, rgba(139, 61, 61, 0.35) 0%, transparent 65%),

    /* Soft blue atomic glow */
    radial-gradient(circle at 80% 40%, rgba(180, 220, 255, 0.35) 0%, transparent 60%),

    /* Tiny sparkle clusters */
    radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.4) 0%, transparent 70%),
    radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.35) 0%, transparent 75%);

  background-repeat: no-repeat;
  background-size: cover;
  color: #3a2f2f;
  font-family: "Inter", sans-serif;
  padding: 40px 20px;
}

}