/** Shopify CDN: Minification failed

Line 158:0 Unexpected "{"
Line 159:2 Expected identifier but found "\"type\""

**/
/**
 * Section colour schemes.
 *
 * Each scheme reassigns the semantic colour tokens inside its own subtree, so
 * a card, button, input or icon placed in a dark section flips automatically
 * without needing a dark-mode variant written for it. This is why the base
 * tokens (--color-ink-base etc.) exist and must never be reassigned here.
 *
 * Page-rhythm principle: adjacent full-bleed sections should not share the
 * same scheme, or they visually merge into one oversized block and the page
 * loses the vertical cadence that tells a scanning eye where one idea ends and
 * the next begins.
 */

.scheme {
  position: relative;
}

.scheme--surface {
  background: var(--color-surface-base);
}

.scheme--paper {
  background: var(--color-paper-base);
}

/* Warm cream. Reads friendly and domestic rather than clinical — suited to
   family, gifting and kids categories where a pure-white grid feels cold.
   Cards inside stay pure white so products still pop off the background. */
.scheme--cream {
  background: var(--color-cream);
  --color-paper: var(--color-cream);
  --color-surface: #fff;
  --color-border: color-mix(in srgb, var(--color-ink-base) 10%, transparent);
}

/* Ink. The editorial/premium moment. Use sparingly — at most one or two
   full-bleed ink sections per page, never two adjacent. */
.scheme--ink {
  background: var(--color-ink-base);
  color: var(--color-paper-base);
  --color-ink: var(--color-paper-base);
  --color-ink-soft: color-mix(in srgb, var(--color-paper-base) 72%, transparent);
  --color-paper: color-mix(in srgb, var(--color-paper-base) 8%, var(--color-ink-base));
  --color-surface: color-mix(in srgb, var(--color-paper-base) 8%, var(--color-ink-base));
  --color-border: color-mix(in srgb, var(--color-paper-base) 20%, transparent);
  --color-border-strong: color-mix(in srgb, var(--color-paper-base) 45%, transparent);
}

/* Trust blue. The belonging/community register — calm, dependable, social.
   Also the most useful scheme for breaking up a run of dark sections. */
.scheme--trust {
  background: var(--color-accent);
  color: #fff;
  --color-ink: #fff;
  --color-ink-soft: color-mix(in srgb, #fff 78%, transparent);
  --color-paper: color-mix(in srgb, #fff 12%, var(--color-accent));
  --color-surface: color-mix(in srgb, #fff 12%, var(--color-accent));
  --color-border: color-mix(in srgb, #fff 28%, transparent);
  --color-border-strong: color-mix(in srgb, #fff 55%, transparent);
}

/* Brand orange. Available, but a full-bleed orange band competes with every
   primary button on the page — keep it for a single promotional moment. */
.scheme--primary {
  background: var(--color-primary-strong);
  color: var(--color-primary-ink);
  --color-ink: var(--color-primary-ink);
  --color-ink-soft: color-mix(in srgb, var(--color-primary-ink) 80%, transparent);
  --color-paper: color-mix(in srgb, #000 10%, var(--color-primary-strong));
  --color-surface: color-mix(in srgb, #000 10%, var(--color-primary-strong));
  --color-border: color-mix(in srgb, var(--color-primary-ink) 30%, transparent);
  --color-border-strong: color-mix(in srgb, var(--color-primary-ink) 55%, transparent);
}

/* ---- Cross-scheme component corrections ---- */

/* Headings inherit rather than being pinned to the light-mode ink. */
.scheme--ink h1, .scheme--ink h2, .scheme--ink h3, .scheme--ink h4,
.scheme--trust h1, .scheme--trust h2, .scheme--trust h3, .scheme--trust h4,
.scheme--primary h1, .scheme--primary h2, .scheme--primary h3, .scheme--primary h4 {
  color: inherit;
}

/* The eyebrow label is normally the darkened orange, which falls below AA on
   both ink and blue. Lightened variants restore legibility while keeping the
   colour family intact. */
.scheme--ink .eyebrow {
  color: var(--color-primary-on-dark);
}
.scheme--trust .eyebrow,
.scheme--primary .eyebrow {
  color: color-mix(in srgb, #fff 85%, transparent);
}

/* Secondary button hover swaps to the section background colour for its text.
   Without this the flipped --color-paper makes hover text match hover fill. */
.scheme--ink .btn--secondary:hover {
  background: var(--color-paper-base);
  border-color: var(--color-paper-base);
  color: var(--color-ink-base);
}
.scheme--trust .btn--secondary:hover,
.scheme--primary .btn--secondary:hover {
  background: #fff;
  border-color: #fff;
  color: var(--color-ink-base);
}

/* The trust blue and the accent button fill are the same colour, so an accent
   button inside a trust section would disappear. Fall back to solid white. */
.scheme--trust .btn--accent {
  background: #fff;
  color: var(--color-accent);
}
.scheme--trust .btn--accent:hover {
  background: color-mix(in srgb, #fff 88%, var(--color-ink-base));
}

/* Same collision for the primary button inside an orange section. */
.scheme--primary .btn--primary {
  background: var(--color-ink-base);
  color: var(--color-paper-base);
}
.scheme--primary .btn--primary:hover {
  background: color-mix(in srgb, var(--color-ink-base) 85%, #fff);
}

/* Focus ring needs to clear a dark or saturated background. */
.scheme--ink :focus-visible,
.scheme--trust :focus-visible,
.scheme--primary :focus-visible {
  outline-color: #fff;
}
#shopify-section-sections--27037106110771__custom_section_Pymn7w {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#shopify-section-sections--27037106110771__custom_section_Pymn7w > * {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
{
  "type": "color",
  "id": "heading_color",
  "label": "Heading color",
  "default": "#000000"
}
[data-block-id="ai_gen_block_9d99dd6_fhqjPn"] h1,
[data-block-id="ai_gen_block_9d99dd6_fhqjPn"] h2,
[data-block-id="ai_gen_block_9d99dd6_fhqjPn"] h3,
[data-block-id="ai_gen_block_9d99dd6_fhqjPn"] h4,
[data-block-id="ai_gen_block_9d99dd6_fhqjPn"] p {
  color: #ffffff !important;
}