/** Shopify CDN: Minification failed

Line 13:18 Unexpected "{"
Line 13:27 Expected ":"
Line 16:20 Unexpected "{"
Line 16:29 Expected ":"
Line 31:20 Unexpected "{"
Line 31:29 Expected ":"
Line 35:2 Unexpected "}"

**/
/* START_SECTION:shoppable-hero (INDEX:49) */
#shopify-section-{{ section.id }} .hero__link {
    margin-top: auto
  }
  #shopify-section-{{ section.id }} .hero__link .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #ffb238, #f28b1f) !important;
    color: #20242b !important;
    font-weight: 700;
    font-size: 17px;
    text-transform: none;
    letter-spacing: normal;
    padding: 16px 30px;
    border-radius: 12px;
    border: none;
    box-shadow: 0 10px 24px rgba(242, 139, 31, 0.35);
  }
  #shopify-section-{{ section.id }} .hero__link .btn::after {
    content: "→";
    font-size: 19px;
  }
  }
  .kit-shoppable-hero__hotspots {
    position: relative;
    pointer-events: none;
    z-index: 3;
  }

  .kit-shoppable-hero__hotspot {
    position: absolute;
    top: var(--hotspot-top-mobile, var(--hotspot-top));
    left: var(--hotspot-left-mobile, var(--hotspot-left));
    transform: translate(-50%, -50%);
    pointer-events: auto;
  }

  .kit-shoppable-hero__product-card {
    color: inherit;
    text-decoration: inherit;
    display: block;
    min-width: calc(2rem * 4.2360679775); /* 4.2360679775 = φ^3 */
  }

  @media (min-width: 700px) {
    .kit-shoppable-hero__hotspot {
      top: var(--hotspot-top);
      left: var(--hotspot-left);
    }

    .kit-content-over-media__content {
      max-width: calc(61.803% + (var(--kit-section-gutter) * 2)); /* 61.803% = 100% - 1/φ, compensate for padding */
    }

    .kit-shoppable-hero__content .kit-text {
      color: var(--colorHeroText);
      pointer-events: none;
    }
  }

  @media (min-width: 1024px) {
    .kit-content-over-media__content {
      max-width: calc(50% + (var(--kit-section-gutter) * 2));
    }
  }
/* END_SECTION:shoppable-hero */
/* START_SNIPPET:kit.content-over-media (INDEX:128) */
.kit-content-over-media {
    display: grid;
    overflow: hidden;
    position: relative;

    /* Layout state — default: overlay */
    --_cols: 1fr min(var(--kit-page-width), 100%) 1fr;
    --_rows: 1fr;
    --_content-col: 2;
    --_content-row: 1;
    --_content-place: var(--com-place);
    --_content-align: var(--com-text-align);
    --_media-row: 1;
    --_overlay: '';

    grid-template-columns: var(--_cols);
    grid-template-rows: var(--_rows);

    /* Break inheritance chain for nested instances */
    --com-layout: initial;
    --com-layout-md: initial;
    --com-layout-lg: initial;
    --com-layout-xl: initial;
    --com-place: initial;
    --com-place-md: initial;
    --com-place-lg: initial;
    --com-place-xl: initial;
    --com-text-align: initial;
    --com-text-align-md: initial;
    --com-text-align-lg: initial;
    --com-text-align-xl: initial;
  }

  .kit-content-over-media__media {
    grid-column: 1 / -1;
    grid-row: var(--_media-row);
    display: grid;
  }

  .kit-content-over-media > .kit-content-over-media__media > *,
  .kit-content-over-media__media > picture > img {
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
  }

  .kit-content-over-media--overlay::after {
    content: var(--_overlay);
    grid-column: 1 / -1;
    grid-row: var(--_media-row);
    background: color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-overlay), transparent);
    z-index: 1;
    pointer-events: none;
  }

  .kit-content-over-media__content {
    grid-column: var(--_content-col);
    grid-row: var(--_content-row);
    z-index: 2;
    padding: var(--kit-section-gutter);
    place-self: var(--_content-place);
    text-align: var(--_content-align);
  }

  /* Stacking — base */
  .kit-content-over-media[style*='--com-layout: stack-below'],
  .kit-content-over-media[style*='--com-layout: stack-above'] {
    --_cols: 1fr;
    --_rows: auto auto;
    --_content-col: 1;
    --_content-row: 2;
    --_content-place: auto;
    --_media-row: 1;
    --_overlay: none;
  }

  .kit-content-over-media[style*='--com-layout: stack-above'] {
    --_content-row: 1;
    --_media-row: 2;
  }

  @media (min-width: 700px) {
    .kit-content-over-media[style*='--com-layout-md: overlay'] {
      --_cols: 1fr min(var(--kit-page-width), 100%) 1fr;
      --_rows: 1fr;
      --_content-col: 2;
      --_content-row: 1;
      --_content-place: var(--com-place);
      --_content-align: var(--com-text-align);
      --_media-row: 1;
      --_overlay: '';
    }

    .kit-content-over-media[style*='--com-layout-md: stack-below'],
    .kit-content-over-media[style*='--com-layout-md: stack-above'] {
      --_cols: 1fr;
      --_rows: auto auto;
      --_content-col: 1;
      --_content-row: 2;
      --_content-place: auto;
      --_media-row: 1;
      --_overlay: none;
    }

    .kit-content-over-media[style*='--com-layout-md: stack-above'] {
      --_content-row: 1;
      --_media-row: 2;
    }

    .kit-content-over-media[style*='--com-place-md'] {
      --_content-place: var(--com-place-md);
      --_content-align: var(--com-text-align-md);
    }
  }

  @media (min-width: 1024px) {
    .kit-content-over-media[style*='--com-layout-lg: overlay'] {
      --_cols: 1fr min(var(--kit-page-width), 100%) 1fr;
      --_rows: 1fr;
      --_content-col: 2;
      --_content-row: 1;
      --_content-place: var(--com-place);
      --_content-align: var(--com-text-align);
      --_media-row: 1;
      --_overlay: '';
    }

    .kit-content-over-media[style*='--com-layout-lg: stack-below'],
    .kit-content-over-media[style*='--com-layout-lg: stack-above'] {
      --_cols: 1fr;
      --_rows: auto auto;
      --_content-col: 1;
      --_content-row: 2;
      --_content-place: auto;
      --_media-row: 1;
      --_overlay: none;
    }

    .kit-content-over-media[style*='--com-layout-lg: stack-above'] {
      --_content-row: 1;
      --_media-row: 2;
    }

    .kit-content-over-media[style*='--com-place-lg'] {
      --_content-place: var(--com-place-lg);
      --_content-align: var(--com-text-align-lg);
    }
  }

  @media (min-width: 1200px) {
    .kit-content-over-media[style*='--com-layout-xl: overlay'] {
      --_cols: 1fr min(var(--kit-page-width), 100%) 1fr;
      --_rows: 1fr;
      --_content-col: 2;
      --_content-row: 1;
      --_content-place: var(--com-place);
      --_content-align: var(--com-text-align);
      --_media-row: 1;
      --_overlay: '';
    }

    .kit-content-over-media[style*='--com-layout-xl: stack-below'],
    .kit-content-over-media[style*='--com-layout-xl: stack-above'] {
      --_cols: 1fr;
      --_rows: auto auto;
      --_content-col: 1;
      --_content-row: 2;
      --_content-place: auto;
      --_media-row: 1;
      --_overlay: none;
    }

    .kit-content-over-media[style*='--com-layout-xl: stack-above'] {
      --_content-row: 1;
      --_media-row: 2;
    }

    .kit-content-over-media[style*='--com-place-xl'] {
      --_content-place: var(--com-place-xl);
      --_content-align: var(--com-text-align-xl);
    }
  }
/* END_SNIPPET:kit.content-over-media */
/* START_SNIPPET:kit.image (INDEX:129) */
.kit-image {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .kit-image--ratio {
    width: 100%;
  }

  .kit-image--fill {
    width: 100%;
    height: 100%;
  }
/* END_SNIPPET:kit.image */
/* START_SNIPPET:kit.section (INDEX:133) */
.kit-section {
    width: 100%;
  }

  .kit-section__content {
    max-width: var(--kit-page-width);
    margin-inline: auto;
    padding-inline: var(--kit-section-gutter);
  }

  .kit-section--full-width > .kit-section__content {
    max-width: none;
    padding-inline: 0;
  }

  .kit-section--padding-top {
    padding-top: var(--kit-section-spacing);
  }

  .kit-section--padding-bottom {
    padding-bottom: var(--kit-section-spacing);
  }
/* END_SNIPPET:kit.section */
/* START_SNIPPET:kit.stack (INDEX:134) */
.kit-stack {
    display: flex;
    flex-direction: var(--stack-direction, column);
    gap: var(--stack-gap, 0);
    margin: 0;
    padding: 0;

    /* Break inheritance chain for nested stacks */
    --stack-direction: initial;
    --stack-direction-md: initial;
    --stack-direction-lg: initial;
    --stack-direction-xl: initial;
    --stack-gap: initial;
    --stack-gap-md: initial;
    --stack-gap-lg: initial;
    --stack-gap-xl: initial;
  }

  /* Wrap */
  .kit-stack--wrap {
    flex-wrap: wrap;
  }

  /* Align (cross-axis) */
  .kit-stack--align-start {
    align-items: flex-start;
  }

  .kit-stack--align-center {
    align-items: center;
  }

  .kit-stack--align-end {
    align-items: flex-end;
  }

  .kit-stack--align-stretch {
    align-items: stretch;
  }

  .kit-stack--align-baseline {
    align-items: baseline;
  }

  /* Justify (main-axis) */
  .kit-stack--justify-start {
    justify-content: flex-start;
  }

  .kit-stack--justify-center {
    justify-content: center;
  }

  .kit-stack--justify-end {
    justify-content: flex-end;
  }

  .kit-stack--justify-between {
    justify-content: space-between;
  }

  /* Responsive */
  @media (min-width: 700px) {
    .kit-stack[style*='--stack-direction-md'] {
      flex-direction: var(--stack-direction-md);
    }

    .kit-stack[style*='--stack-gap-md'] {
      gap: var(--stack-gap-md);
    }
  }

  @media (min-width: 1024px) {
    .kit-stack[style*='--stack-direction-lg'] {
      flex-direction: var(--stack-direction-lg);
    }

    .kit-stack[style*='--stack-gap-lg'] {
      gap: var(--stack-gap-lg);
    }
  }

  @media (min-width: 1200px) {
    .kit-stack[style*='--stack-direction-xl'] {
      flex-direction: var(--stack-direction-xl);
    }

    .kit-stack[style*='--stack-gap-xl'] {
      gap: var(--stack-gap-xl);
    }
  }
/* END_SNIPPET:kit.stack */
/* START_SNIPPET:kit.tokens (INDEX:136) */
@layer kit {
    :root {
      /* Base colors */
      --kit-color-primary: #000;
      --kit-color-secondary: #fff;
      --kit-color-tint: #000; /* for shadows, overlays, etc. */

      /* Absolute colors */
      --kit-color-focus: #4a9afc;
      --kit-color-border: initial; /* takes precedence over --kit-color-mix-border when set */
      --kit-color-links: currentColor;
      --kit-color-icons: currentColor;
      --kit-color-success: #16a34a;
      --kit-color-error: #dc2626;
      --kit-color-info: #3b82f6;
      --kit-color-warning: #f59e0b;
      --kit-color-sale: #980606;
      --kit-color-sale-contrast: #fff;
      --kit-color-sold-out: #000;
      --kit-color-sold-out-contrast: #fff;

      /* Primary/secondary: for color-mix(in srgb, var(--kit-color-primary) [%], var(--kit-color-secondary)); */
      --kit-color-mix-off-background: 4%;
      --kit-color-mix-border: 16%;
      --kit-color-mix-text-subdued: 60%;
      --kit-color-mix-hover: 12%;
      --kit-color-mix-active: 16%;
      --kit-color-mix-disabled: 8%;
      --kit-color-mix-on-disabled: 30%;

      /* Tint: for color-mix(in srgb, var(--kit-color-tint) [%], transparent) */
      --kit-color-mix-tint-shadow: 8%;
      --kit-color-mix-tint-overlay-light: 15%;
      --kit-color-mix-tint-overlay: 50%;

      /* Opacity */
      --kit-opacity-disabled: 0.5;

      /* Typography — Families */
      --kit-font-family-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      --kit-font-family-heading: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

      /* Typography — Sizes (mobile-first) */
      --kit-font-size-xs: 0.75rem;
      --kit-font-size-sm: 0.75rem;
      --kit-font-size-base: 0.875rem;
      --kit-font-size-lg: 1rem;
      --kit-font-size-xl: 1.125rem;
      --kit-font-size-2xl: 1.25rem;
      --kit-font-size-3xl: 1.5rem;

      /* Typography — Weights */
      --kit-font-weight-normal: 400;
      --kit-font-weight-semibold: 600;
      --kit-font-weight-bold: 700;

      /* Typography — Heading sizes (mobile-first, independent from shared scale) */
      --kit-heading-font-size-sm: 1rem;
      --kit-heading-font-size-md: 1.125rem;
      --kit-heading-font-size-lg: 1.25rem;
      --kit-heading-font-size-xl: 1.5rem;

      /* Typography — Headings */
      --kit-heading-font-weight: 700;
      --kit-heading-line-height: 1.2;
      --kit-heading-letter-spacing: -0.025em;
      --kit-heading-text-transform: none;

      /* Typography — Body */
      --kit-body-font-style: normal;
      --kit-body-line-height: 1.5;
      --kit-body-letter-spacing: normal;

      /* Spacing */
      --kit-space-2xs: 0.25rem;
      --kit-space-xs: 0.5rem;
      --kit-space-sm: 0.75rem;
      --kit-space-md: 1rem;
      --kit-space-lg: 1.5rem;
      --kit-space-xl: 2rem;
      --kit-space-2xl: 3rem;

      /* Border radius */
      --kit-radius-sm: 0.25rem;
      --kit-radius-md: 0.5rem;
      --kit-radius-lg: 1rem;
      --kit-radius-full: 9999px;

      /* Shadows */
      --kit-shadow-inner: inset 0 0 0 1px
        color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-overlay-light), transparent);
      --kit-shadow-xs: 0 0.5px 0.5px 3px
        color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-shadow), transparent);
      --kit-shadow-sm: 0 1px 2px 0
        color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-shadow), transparent);
      --kit-shadow-md: 0 2px 4px -1px color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-shadow), transparent);
      --kit-shadow-lg: 0 8px 16px -4px color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-shadow), transparent);

      /* Transitions */
      --kit-transition-fast: 75ms ease;
      --kit-transition-normal: 150ms ease;
      --kit-transition-slow: 300ms ease;

      /* Focus */
      --kit-focus-ring: 2px solid var(--kit-color-focus);
      --kit-focus-ring-offset: 0;

      /* Icons */
      --kit-icon-stroke-width: 1px;

      /* Layout */
      --kit-page-width: 1500px;
      --kit-section-spacing: 2rem;
      --kit-section-gutter: var(--kit-space-md);
    }

    @media (min-width: 700px) {
      :root {
        --kit-font-size-sm: 0.875rem;
        --kit-font-size-base: 1rem;
        --kit-font-size-lg: 1.125rem;
        --kit-font-size-xl: 1.25rem;
        --kit-font-size-2xl: 1.5rem;
        --kit-font-size-3xl: 1.875rem;

        --kit-heading-font-size-sm: 1.125rem;
        --kit-heading-font-size-md: 1.25rem;
        --kit-heading-font-size-lg: 1.5rem;
        --kit-heading-font-size-xl: 1.875rem;
      }
    }

    /* Global focus style for kit interactive elements */
    [class^='kit-']:focus-visible,
    [class*=' kit-']:focus-visible {
      outline: var(--kit-focus-ring);
      outline-offset: var(--kit-focus-ring-offset);
    }
  }
/* END_SNIPPET:kit.tokens */
