#fw-section-hero-1fccd494-2eb9-4159-8f22-c930ae800efa {

/* R03 · Image banner — Slim
   Sub-page hero · race-footage backdrop · ~220px tall */

section {
  min-height: 220px !important;
  padding: 48px 32px !important;
}
.kz-eyebrow {
  display: block;
  font-family: "Racing Sans One", sans-serif !important;
  font-style: italic;
  font-size: 14px;
  color: var(--kz-yellow);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(32px, 4vw, 56px) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em;
  color: var(--kz-white);
  margin-bottom: 10px;
}
.kz-grad {
  background: var(--kz-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1 + p {
  font-size: 15px !important;
  color: rgba(245,247,250,0.7);
  max-width: 520px;
}
/* Hide CTAs on the slim variant — leave them empty in the editor */
a[class*="primary"], a[class*="secondary"] { display: none !important; }
}
#fw-section-image-with-text-9875d193-bcea-481e-97f5-ec73ed27639f {

/* R06 · Image with text
   Side-by-side · charcoal interior · CTA in cyan */

section {
  background: var(--kz-charcoal);
  padding: 96px 32px;
}

img {
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(4,25,47,0.5);
}

/* Section title — Poppins Bold, Title Case */
h2, h3 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  letter-spacing: -0.015em;
  line-height: 1.05;
  color: var(--kz-white);
  margin-bottom: 18px;
  text-wrap: balance;
}

/* Body paragraphs */
p {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.65;
  color: rgba(245,247,250,0.78);
  max-width: 52ch;
  text-wrap: pretty;
}
p + p { margin-top: 14px; }

/* CTA — cyan underline-style, never a heavy button */
a:not([class*="button"]) {
  display: inline-block;
  margin-top: 22px;
  color: var(--kz-cyan) !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--kz-cyan);
  padding-bottom: 2px;
}
a:not([class*="button"]):hover { color: var(--kz-yellow) !important; border-color: var(--kz-yellow); }

/* Discord-CTA variant — when used on Home section 07
   add class="kz-cta-strong" in the heading editor */
section:has(.kz-cta-strong) {
  background: var(--kz-navy);
}
.kz-cta-strong + p + a {
  background: var(--kz-purple) !important;
  color: var(--kz-white) !important;
  border-bottom: none !important;
  padding: 14px 24px;
  border-radius: 8px;
}
}
#fw-section-video-064a442e-fb1f-47cc-bbc8-2885d5caa88f {

/* R07 · Video banner
   Broadcast feel · cyan play glyph · captions burnt in */

section {
  background: var(--kz-near-black, #020a14);
  padding: 96px 32px;
}
video, iframe {
  border-radius: 12px !important;
  box-shadow: 0 24px 80px rgba(0,213,255,0.12), 0 0 0 1px rgba(0,213,255,0.18);
}

/* Play button overlay (Lively Classic's native glyph) */
[class*="play"], button[aria-label*="play"] {
  background: var(--kz-red) !important;
  color: var(--kz-white) !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(255,65,61,0.2), 0 0 32px rgba(255,65,61,0.5);
  transition: transform 200ms ease;
}
[class*="play"]:hover { transform: scale(1.05); }

/* Caption block — UNDER the video, not over it */
h2, h3 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  letter-spacing: -0.015em;
  line-height: 1.05;
  color: var(--kz-white);
  margin-top: 36px;
  text-align: center;
}
h2 + p, h3 + p {
  color: rgba(245,247,250,0.65);
  font-size: 15px;
  max-width: 560px;
  margin: 8px auto 0;
  text-align: center;
  line-height: 1.55;
}
}
#fw-section-links-list-262c5d8a-11f3-4172-b129-5ffb2d20c005 {

/* R11 · Links list
   Iconic link grid · sits below About / inside Contact */

section {
  background: var(--kz-charcoal);
  padding: 72px 32px;
}
section > h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  color: var(--kz-white);
  letter-spacing: -0.015em;
  margin-bottom: 32px;
}

/* Each link is a card */
a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 22px !important;
  background: var(--kz-navy) !important;
  border: 1px solid rgba(245,247,250,0.08);
  border-radius: 10px !important;
  color: var(--kz-white) !important;
  text-decoration: none !important;
  transition: all 200ms ease;
}
a:hover {
  border-color: var(--kz-cyan);
  transform: translateX(4px);
}
a::after {
  content: "→";
  margin-left: auto;
  color: var(--kz-cyan);
  font-size: 18px;
  transition: transform 200ms ease;
}
a:hover::after { transform: translateX(4px); }

/* Icon */
a svg, a [class*="icon"] {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 2;
  color: var(--kz-cyan);
  flex-shrink: 0;
}

/* Label */
a [class*="title"], a [class*="label"], a span {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.005em;
}
}
#fw-section-hero-055dd3a2-da02-4beb-8b17-71cf246d718d {

/* R03 · Image banner — Slim
   Sub-page hero · race-footage backdrop · ~220px tall */

section {
  min-height: 220px !important;
  padding: 48px 32px !important;
}
.kz-eyebrow {
  display: block;
  font-family: "Racing Sans One", sans-serif !important;
  font-style: italic;
  font-size: 14px;
  color: var(--kz-yellow);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(32px, 4vw, 56px) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em;
  color: var(--kz-white);
  margin-bottom: 10px;
}
.kz-grad {
  background: var(--kz-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1 + p {
  font-size: 15px !important;
  color: rgba(245,247,250,0.7);
  max-width: 520px;
}
/* Hide CTAs on the slim variant — leave them empty in the editor */
a[class*="primary"], a[class*="secondary"] { display: none !important; }
}
#fw-section-featured-collection-f301dc7f-575b-47c6-84b5-906da81b017e {

/* R05 · Featured collection
   Product grid · 4-up desktop, 2-up mobile · navy ground */

section {
  background: var(--kz-navy);
  padding: 96px 32px;
}
h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--kz-white);
  margin-bottom: 10px;
}
h2 + p {
  color: rgba(245,247,250,0.6);
  font-size: 15px;
  margin-bottom: 40px;
}

/* Product tile — gradient edge on hover */
[class*="product-card"], [class*="product-tile"] {
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease;
}
[class*="product-card"]:hover,
[class*="product-tile"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(0,213,255,0.15), 0 0 0 1.5px var(--kz-cyan);
}

/* Product title — Poppins SemiBold */
[class*="product"] h3, [class*="product"] [class*="title"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: -0.005em;
  color: var(--kz-white);
  margin-top: 14px;
}
/* Price — tabular-nums */
[class*="price"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  font-size: 15px;
  color: var(--kz-cyan) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  margin-top: 2px;
}

/* Promotion badge — red, top-left */
[class*="badge"], [class*="promotion"] {
  background: var(--kz-red) !important;
  color: var(--kz-white) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 8px !important;
  border-radius: 3px !important;
}

/* "View drop →" link, top-right corner */
section > a {
  color: var(--kz-cyan) !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
}
#fw-section-hero-267703f4-3f91-433d-b230-c4b6443ceec0 {

/* R03 · Image banner — Slim
   Sub-page hero · race-footage backdrop · ~220px tall */

section {
  min-height: 220px !important;
  padding: 48px 32px !important;
}
.kz-eyebrow {
  display: block;
  font-family: "Racing Sans One", sans-serif !important;
  font-style: italic;
  font-size: 14px;
  color: var(--kz-yellow);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(32px, 4vw, 56px) !important;
  line-height: 1 !important;
  letter-spacing: -0.02em;
  color: var(--kz-white);
  margin-bottom: 10px;
}
.kz-grad {
  background: var(--kz-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1 + p {
  font-size: 15px !important;
  color: rgba(245,247,250,0.7);
  max-width: 520px;
}
/* Hide CTAs on the slim variant — leave them empty in the editor */
a[class*="primary"], a[class*="secondary"] { display: none !important; }

/* R14 · Pillar accent — pick ONE block per pillar */

/* ── Race Stories ── */
.kz-eyebrow { color: var(--kz-red) !important; }
.kz-grad { background: linear-gradient(90deg, var(--kz-red) 0%, var(--kz-yellow) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
a[class*="primary"] { background: var(--kz-red) !important; }

/* ── Get Faster ── */
.kz-eyebrow { color: var(--gain, #44d27e) !important; }
.kz-grad { background: linear-gradient(90deg, var(--gain, #44d27e) 0%, var(--kz-cyan) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
a[class*="primary"] { background: var(--gain, #44d27e) !important; color: var(--kz-navy) !important; }

/* ── Telemetry ── */
.kz-eyebrow { color: var(--kz-cyan) !important; }
.kz-grad { background: linear-gradient(90deg, var(--kz-cyan) 0%, var(--kz-blue) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
a[class*="primary"] { background: var(--kz-cyan) !important; color: var(--kz-navy) !important; }

/* ── Seat Talks ── (locked per DS §26) */
.kz-eyebrow { color: var(--kz-purple) !important; }
.kz-grad { background: linear-gradient(90deg, var(--kz-purple) 0%, var(--kz-magenta) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
a[class*="primary"] { background: var(--kz-purple) !important; }

/* ── Race Day Kit ── */
.kz-eyebrow { color: var(--kz-yellow) !important; }
.kz-grad { background: linear-gradient(90deg, var(--kz-yellow) 0%, var(--kz-red) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
a[class*="primary"] { background: var(--kz-yellow) !important; color: var(--kz-navy) !important; }

/* ── Limited Drops ── */
.kz-eyebrow { color: var(--kz-magenta) !important; }
.kz-grad { background: linear-gradient(90deg, var(--kz-magenta) 0%, var(--kz-purple) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
a[class*="primary"] { background: var(--kz-magenta) !important; }
}
#fw-section-collection-template-collection-default {

/* R05 · Featured collection
   Product grid · 4-up desktop, 2-up mobile · navy ground */

section {
  background: var(--kz-navy);
  padding: 96px 32px;
}
h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--kz-white);
  margin-bottom: 10px;
}
h2 + p {
  color: rgba(245,247,250,0.6);
  font-size: 15px;
  margin-bottom: 40px;
}

/* Product tile — gradient edge on hover */
[class*="product-card"], [class*="product-tile"] {
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease;
}
[class*="product-card"]:hover,
[class*="product-tile"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(0,213,255,0.15), 0 0 0 1.5px var(--kz-cyan);
}

/* Product title — Poppins SemiBold */
[class*="product"] h3, [class*="product"] [class*="title"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: -0.005em;
  color: var(--kz-white);
  margin-top: 14px;
}
/* Price — tabular-nums */
[class*="price"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  font-size: 15px;
  color: var(--kz-cyan) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  margin-top: 2px;
}

/* Promotion badge — red, top-left */
[class*="badge"], [class*="promotion"] {
  background: var(--kz-red) !important;
  color: var(--kz-white) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 8px !important;
  border-radius: 3px !important;
}

/* "View drop →" link, top-right corner */
section > a {
  color: var(--kz-cyan) !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
}
#fw-section-recent-videos-12129335-c15e-4786-880e-fdcc19776870 {

/* R08 · YouTube feed
   4-up grid · live pill on heading · channel-feel */

section {
  background: var(--kz-navy);
  padding: 96px 32px;
}
h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  letter-spacing: -0.02em;
  color: var(--kz-white);
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
/* The live pill — wrap text in <span class="kz-live"> */
.kz-live {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: var(--kz-red);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: rgba(255,65,61,0.12);
  border: 1px solid rgba(255,65,61,0.4);
  padding: 4px 10px;
  border-radius: 999px;
}
.kz-live::before {
  content: "● ";
  animation: kz-pulse 1.2s ease-in-out infinite;
}

/* Sub-line — "From the channel" lede */
h2 + p {
  color: rgba(245,247,250,0.6);
  font-size: 15px;
  margin: 8px 0 40px;
}

/* Video tile — gradient hover edge, like product cards */
[class*="video-card"], [class*="youtube"] a {
  border-radius: 12px !important;
  overflow: hidden;
  transition: all 220ms ease;
}
[class*="video-card"]:hover, [class*="youtube"] a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 1.5px var(--kz-cyan), 0 12px 36px rgba(0,213,255,0.15);
}

/* Video title — Poppins SemiBold */
[class*="video-card"] h3, [class*="video-card"] [class*="title"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.3;
  color: var(--kz-white);
}
/* View count / meta */
[class*="video-card"] [class*="meta"], [class*="video-card"] small {
  color: rgba(245,247,250,0.45);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
}
#fw-section-hero-0 {
--font-heading-scale: 1.66;
--font-body-scale: 1.01;
}
#fw-section-collections-list-929cca95-507b-40dd-9939-12635cf84335 {
--font-heading-scale: 2.0;
--font-body-scale: 1.46;
}
#fw-section-collections-list-929cca95-507b-40dd-9939-12635cf84335 {

/* R04 · Collections list — Pillars
   FINAL: pseudo-elements scoped tight to actual tile children */

section {
  background: var(--kz-navy);
  padding: 96px 32px;
}

/* Break out of Fourthwall's inner max-width wrapper */
section > *,
section > div,
section > div > div {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Section title */
section h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(34px, 4.5vw, 56px) !important;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--kz-white);
  text-align: left !important;
  text-transform: none !important;
  margin: 0 0 48px 0 !important;
  padding: 0 !important;
  position: static !important;
}

/* Grid container — these classes are layout-only, never pseudo-element targets */
section ul,
section ol,
section [class*="grid"],
section [class*="Grid"],
section [class*="collections"],
section [class*="Collections"] {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 720px) {
  section ul,
  section ol,
  section [class*="grid"],
  section [class*="Grid"],
  section [class*="collections"],
  section [class*="Collections"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* TILE CELL — only the direct children of the actual grid, NOT of "collections" wrappers */
section li,
section ul > *,
section ol > *,
section [class*="grid"] > *,
section [class*="Grid"] > * {
  list-style: none !important;
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

/* Anchor fills the cell */
section li a,
section ul > * a,
section ol > * a,
section [class*="grid"] > * a,
section [class*="Grid"] > * a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  border-radius: 12px !important;
}

/* Images fill the tile */
section img,
section picture,
section picture > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
  z-index: 0 !important;
}

/* Scrim — ONLY on tile children of the grid, never on grid container itself */
section li::before,
section ul > li::before,
section ol > li::before,
section [class*="grid"] > div::before,
section [class*="Grid"] > div::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4,25,47,0) 35%, rgba(4,25,47,0.92) 100%);
  pointer-events: none;
  z-index: 1;
  border-radius: 12px;
}

/* LABELS — same tight scope */
section li:nth-child(1)::after,
section ul > li:nth-child(1)::after,
section ol > li:nth-child(1)::after,
section [class*="grid"] > div:nth-child(1)::after,
section [class*="Grid"] > div:nth-child(1)::after { content: "APPAREL"; }

section li:nth-child(2)::after,
section ul > li:nth-child(2)::after,
section ol > li:nth-child(2)::after,
section [class*="grid"] > div:nth-child(2)::after,
section [class*="Grid"] > div:nth-child(2)::after { content: "ACCESSORIES"; }

section li:nth-child(3)::after,
section ul > li:nth-child(3)::after,
section ol > li:nth-child(3)::after,
section [class*="grid"] > div:nth-child(3)::after,
section [class*="Grid"] > div:nth-child(3)::after { content: "DRINKWARE"; }

section li::after,
section ul > li::after,
section ol > li::after,
section [class*="grid"] > div::after,
section [class*="Grid"] > div::after {
  position: absolute;
  bottom: 22px;
  left: 22px;
  right: 22px;
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: var(--kz-white);
  text-align: left;
  pointer-events: none;
  z-index: 2;
}

/* Hover — lift + gradient HUD edge */
section li:hover,
section ul > *:hover,
section ol > *:hover,
section [class*="grid"] > *:hover,
section [class*="Grid"] > *:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(0,213,255,0.18);
}

section li:hover a::before,
section [class*="grid"] > *:hover a::before,
section [class*="Grid"] > *:hover a::before {
  content: "";
  position: absolute;
  inset: -1.5px;
  border-radius: 14px;
  padding: 1.5px;
  background: var(--kz-gradient);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 3;
}
}
#fw-section-featured-collection-0 {

/* R05 · Featured collection
   Product grid · 4-up desktop, 2-up mobile · navy ground */

section {
  background: var(--kz-navy);
  padding: 96px 32px;
}
h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--kz-white);
  margin-bottom: 10px;
}
h2 + p {
  color: rgba(245,247,250,0.6);
  font-size: 15px;
  margin-bottom: 40px;
}

/* Product tile — gradient edge on hover */
[class*="product-card"], [class*="product-tile"] {
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 220ms ease, box-shadow 220ms ease;
}
[class*="product-card"]:hover,
[class*="product-tile"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(0,213,255,0.15), 0 0 0 1.5px var(--kz-cyan);
}

/* Product title — Poppins SemiBold */
[class*="product"] h3, [class*="product"] [class*="title"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: -0.005em;
  color: var(--kz-white);
  margin-top: 14px;
}
/* Price — tabular-nums */
[class*="price"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  font-size: 15px;
  color: var(--kz-cyan) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  margin-top: 2px;
}

/* Promotion badge — red, top-left */
[class*="badge"], [class*="promotion"] {
  background: var(--kz-red) !important;
  color: var(--kz-white) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 8px !important;
  border-radius: 3px !important;
}

/* "View drop →" link, top-right corner */
section > a {
  color: var(--kz-cyan) !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
}
#fw-section-image-with-text-0 {
--font-heading-scale: 1.8;
--font-body-scale: 1.0;
}
#fw-section-image-with-text-0 {

/* R06 · Image with text
   Side-by-side · charcoal interior · CTA in cyan */

section {
  background: var(--kz-charcoal);
  padding: 96px 32px;
}

img {
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(4,25,47,0.5);
}

/* Section title — Poppins Bold, Title Case */
h2, h3 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  letter-spacing: -0.015em;
  line-height: 1.05;
  color: var(--kz-white);
  margin-bottom: 18px;
  text-wrap: balance;
}

/* Body paragraphs */
p {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.65;
  color: rgba(245,247,250,0.78);
  max-width: 52ch;
  text-wrap: pretty;
}
p + p { margin-top: 14px; }

/* CTA — cyan underline-style, never a heavy button */
a:not([class*="button"]) {
  display: inline-block;
  margin-top: 22px;
  color: var(--kz-cyan) !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--kz-cyan);
  padding-bottom: 2px;
}
a:not([class*="button"]):hover { color: var(--kz-yellow) !important; border-color: var(--kz-yellow); }

/* Discord-CTA variant — when used on Home section 07
   add class="kz-cta-strong" in the heading editor */
section:has(.kz-cta-strong) {
  background: var(--kz-navy);
}
.kz-cta-strong + p + a {
  background: var(--kz-purple) !important;
  color: var(--kz-white) !important;
  border-bottom: none !important;
  padding: 14px 24px;
  border-radius: 8px;
}
}
#fw-section-recent-videos-f48f194c-6a21-40c9-9452-a34328eb304d {

/* R08 · YouTube feed
   4-up grid · live pill on heading · channel-feel */

section {
  background: var(--kz-navy);
  padding: 96px 32px;
}
h2 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 3.4vw, 44px) !important;
  letter-spacing: -0.02em;
  color: var(--kz-white);
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
/* The live pill — wrap text in <span class="kz-live"> */
.kz-live {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: var(--kz-red);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: rgba(255,65,61,0.12);
  border: 1px solid rgba(255,65,61,0.4);
  padding: 4px 10px;
  border-radius: 999px;
}
.kz-live::before {
  content: "● ";
  animation: kz-pulse 1.2s ease-in-out infinite;
}

/* Sub-line — "From the channel" lede */
h2 + p {
  color: rgba(245,247,250,0.6);
  font-size: 15px;
  margin: 8px 0 40px;
}

/* Video tile — gradient hover edge, like product cards */
[class*="video-card"], [class*="youtube"] a {
  border-radius: 12px !important;
  overflow: hidden;
  transition: all 220ms ease;
}
[class*="video-card"]:hover, [class*="youtube"] a:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 0 1.5px var(--kz-cyan), 0 12px 36px rgba(0,213,255,0.15);
}

/* Video title — Poppins SemiBold */
[class*="video-card"] h3, [class*="video-card"] [class*="title"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.3;
  color: var(--kz-white);
}
/* View count / meta */
[class*="video-card"] [class*="meta"], [class*="video-card"] small {
  color: rgba(245,247,250,0.45);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
}


#fw-section-newsletter-c6475cf0-84b9-4cb0-8b4e-00a9a8311e3e {

/* R12 · Newsletter
   Tight single-input form · charcoal close · red button */

section {
  background: var(--kz-charcoal);
  padding: 80px 32px;
  text-align: center;
}
h2, h3 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(26px, 2.8vw, 38px) !important;
  letter-spacing: -0.02em;
  color: var(--kz-white);
  margin-bottom: 12px;
}
section > p {
  color: rgba(245,247,250,0.6);
  font-size: 15px;
  max-width: 520px;
  margin: 0 auto 28px;
}

/* Form layout — pill at desktop, stacked at mobile */
form {
  display: flex;
  gap: 8px;
  max-width: 480px;
  margin: 0 auto;
}
input[type="email"] {
  flex: 1;
  background: var(--kz-navy) !important;
  border: 1px solid rgba(245,247,250,0.12) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  min-height: 48px;
  color: var(--kz-white);
  font-family: "Poppins", sans-serif !important;
  font-size: 14px;
}
input[type="email"]:focus {
  outline: none;
  border-color: var(--kz-cyan) !important;
  box-shadow: 0 0 0 3px rgba(0,213,255,0.18);
}
input::placeholder { color: rgba(245,247,250,0.35); }

/* Submit button — same red CTA as the hero */
button[type="submit"] {
  background: var(--kz-red) !important;
  color: var(--kz-white) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 13px !important;
  padding: 14px 24px !important;
  border: none;
  border-radius: 8px !important;
  min-height: 48px;
  cursor: pointer;
}
button[type="submit"]:hover {
  box-shadow: 0 0 0 2px var(--kz-yellow), 0 0 16px rgba(255,65,61,0.4);
}

/* Mobile: stack form */
@media (max-width: 540px) {
  form { flex-direction: column; }
}
}
#fw-section-footer {

/* R15 · Footer brand image
   Per-page footer slot · brand poster above locked site footer
   Upload kizzi-wordmark.png at 1280×360 on a #020F1E ground */

section {
  background: #020F1E;
  padding: 56px 32px 40px;
  position: relative;
  text-align: center;
}
/* Gradient HUD edge — top of the section */
section::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--kz-gradient);
}

/* Wordmark image — moderate size, centred */
img {
  max-width: 320px !important;
  height: auto;
  margin: 0 auto 18px;
  display: block;
  filter: drop-shadow(0 0 32px rgba(0,213,255,0.18));
}

/* Optional caption beneath the wordmark
   (use the Image section's "caption" field — Lively Classic renders it as a paragraph) */
p {
  font-family: "Racing Sans One", sans-serif !important;
  font-style: italic;
  color: var(--kz-yellow);
  font-size: 14px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0;
}

/* Mobile: shrink wordmark slightly */
@media (max-width: 640px) {
  section { padding: 40px 24px 28px; }
  img { max-width: 220px !important; }
}
}
#fw-section-header {
--color-primary: #ff413d;
--color-primary-rgb: 255, 65, 61;
--color-background: #f5f7fa;
--color-background-rgb: 245, 247, 250;
--color-on-background: #04192f;
--color-on-background-rgb: 4, 25, 47;
--color-on-primary: #f5f7fa;
--color-on-primary-rgb: 245, 247, 250;
--color-product-image-background: #04192f;
--color-background-brightness: 247;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff413d;
--primary-btn-text: #f5f7fa;
--primary-btn-border-color: #04192f;
--secondary-btn-bg: transparent;
--secondary-btn-text: #04192f;
--secondary-btn-border-color: #04192f;

}
#fw-section-announcement-bar-fc983887-7f4d-4b84-9cc3-d93497773c16 {

/* R01 · Announcement bar
   Top strip · navy ground · yellow Racing-Sans accents */

section {
  background: var(--kz-navy) !important;
  border-bottom: 1px solid rgba(245,247,250,0.06);
  padding: 11px 24px !important;
}
p {
  font-family: "Poppins", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--kz-white);
  text-align: center;
  margin: 0;
}
/* Yellow Racing-Sans accent on words wrapped in <em> */
p em {
  font-family: "Racing Sans One", sans-serif !important;
  font-style: italic;
  color: var(--kz-yellow);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0 4px;
}
/* Pulsing red dot on a span with class "kz-live" */
.kz-live::before {
  content: "● ";
  color: var(--kz-red);
  animation: kz-pulse 1.2s ease-in-out infinite;
}
/* Mobile: tighten padding, shrink type */
@media (max-width: 640px) {
  section { padding: 10px 16px !important; }
  p { font-size: 12px !important; }
}
}