/** Shopify CDN: Minification failed

Line 1733:26 Unexpected "{"
Line 3469:34 Expected identifier but found "["

**/
@layer theme, base, app, layout, view, function;

@layer base {
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('inter-300.woff2') format('woff2');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('inter-400.woff2') format('woff2');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('inter-500.woff2') format('woff2');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('inter-600.woff2') format('woff2');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('inter-700.woff2') format('woff2');
  }
}

@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    scroll-behavior: smooth;
    overflow-x: hidden;
    interpolate-size: allow-keywords;
    scrollbar-gutter: stable;
  }

  html:has(dialog[open]) {
    overflow: hidden;
  }

  body {
    display: flex;
    flex-direction: column;
    font-family: var(--font-sans);
    /* font-size: var(--text-xs); */
    container-type: inline-size;
    line-height: var(--leading-md);
    text-rendering: optimizeSpeed;
  }

  dialog {
    border: 0;
    max-width: none;
    max-height: none;
  }

  ol[role=list],
  ul[role=list] {
    list-style: none;
  }

  ol:not([role=list]),
  ul:not([role=list]) {
    padding-inline-start: 1.125rem;
  }

  :where(html[data-js="true"] img[loading="lazy"]) {
    opacity: 0;
  }

  :where(img[loading="lazy"][data-animation="loaded"]) {
    --fadein-animation-ease: ease-out;
    --fadein-animation-duration: 600ms;
    --fadein-animation-delay: 0ms;
 
    animation: fadeIn var(--fadein-animation-ease) var(--fadein-animation-duration) var(--fadein-animation-delay) forwards;
  }

  @keyframes fadeIn {
    from {
      opacity: var(--from-opacity, 0);
    }

    to {
      opacity: var(--to-opacity, 1);
    }
  }

  img,
  picture,
  canvas,
  video {
    display: block;
    max-width: 100%;
    height: auto;
  }

  iframe {
    border: 0;
  }

  main[id="main"] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }

  main[id="main"] > footer {
    margin-block-start: auto;
  }

  table {
    --table-cell-padding-block: var(--space-sm);
    --table-cell-padding-inline: var(--space-sm);
    --table-foot-cell-padding-block: var(--space-sm);
    --table-foot-cell-padding-inline: var(--space-sm);

    width: 100%;
  }


  /* @media (min-width: 700px) {
    table {
    --table-cell-padding-block: var(--space-sm);
    --table-cell-padding-inline: var(--space-sm);
    --table-foot-cell-padding-block: var(--space-sm);
    --table-foot-cell-padding-inline: var(--space-sm);
    }
  } */

  th, td {
    padding: var(--table-cell-padding-block) 0;
  }

  tfoot td {
    padding: var(--table-foot-cell-padding-block) var(--table-foot-cell-padding-inline);
  }

  td:not(:empty) + td {
    border-inline-start-width: 0;
    padding-inline-start: 0.5rem;
  }

  th {
    font-size: var(--text-xs);
    opacity: 1;
    padding-block: 0 var(--space-sm);
  }
}

@layer base {
  :root {
    /* Colors */
    --color-blue: #428FFC;
    --color-accent: var(--color-blue);
    --color-white: #FDFDFD;
    --color-gray-light: #F2F2F2;
    --color-gray: #A0A0A0;
    --color-gray-dark: #636363;
    --color-black: #0F0F0F;
    --color-red: #FC5442;

    /* Font size */
    --text-2xs: 0.75rem;
    --text-xs: 0.875rem;
    --text-sm: 1rem;
    --text-md: 1.125rem;
    --text-lg: 1.25rem;
    --text-xl: clamp(1.25rem, 0.625vw + 0.75rem, 1.5rem);
    --text-2xl: clamp(1.5rem, 1.25vw + 0.5rem, 2rem);
    --text-3xl: clamp(2rem, 2.5vw + 0rem, 3rem);

    /* Font family */
    --font-sans: 'Inter', system-ui, sans-serif;
    --font-serif: serif;
    --font-mono: monospace;

    /* Font weight */
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Letter spacing */
    --tracking-xs: -0.04em;
    --tracking-sm: -0.02em;
    --tracking-init: initial;
    --tracking-lg: 0.02em;
    --tracking-xl: 0.04em;

    /* Line height */
    --leading-reset: 1;
    --leading-xs: 1.1;
    --leading-sm: 1.3;
    --leading-md: 1.4;
    --leading-lg: 1.6;

    /* Spacing */
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: clamp(0.75rem, 0.625vw + 0.25rem, 1rem);
    --space-md: clamp(1rem, 0.625vw + 0.5rem, 1.25rem);
    --space-lg: clamp(1.25rem, 0.625vw + 0.75rem, 1.5rem);
    --space-xl: clamp(1.5rem, 1.25vw + 0.5rem, 2rem);
    --space-2xl: clamp(2rem, 2.5vw + 0rem, 3rem);
    --space-3xl: clamp(3rem, 7.5vw + -3rem, 6rem);

    /* Global view settings */
    --header-height: 3rem;

    /* Base settings */
    --base-gap: clamp(1rem, 1.6666666667vw + 0rem, 1.5rem);
    --base-grid: 12;
    --base-radius: 0.5rem;
    --base-radius-sm: 0.25rem;
    --base-radius-xs: 0.125rem;
  }

  /* Text Styles */
  h1 {
    font-size: var(--text-3xl);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
    /* text-transform: uppercase; */
  }

  h2 {
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  h3 {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  h4 {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  h5 {
    font-size: var(--text-md);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  h6 {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  [data-base~=text-h1] {
    font-size: var(--text-2xl);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
  }

  [data-base~=text-h2] {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  [data-base~=text-h3] {
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  [data-base~=text-h4] {
    font-size: var(--text-md);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  [data-base~=text-h5] {
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  [data-base~=text-h6] {
    font-size: var(--text-sm);
    font-weight: var(--font-regular);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  [data-base~=text-label] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
  }

  [data-base~=text-label] strong {
    font-weight: var(--font-semibold);
  }

  [data-base~="text-body"] {
    font-size: var(--text-sm);
    font-weight: var(--font-regular);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-md);
  }

  [data-base~="text-caption"] {
    font-size: var(--text-xs);
    font-weight: var(--font-regular);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  [data-base~="text-link"] {
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
    white-space: nowrap;
  }

  [data-base~="text-link"]:before {
    content: '[';
    font-size: var(--text-sm);
    padding-inline-end: 0.125em;
    transition: padding 200ms ease-out;
  }

  [data-base~="text-link"]:after {
    content: ']';
    font-size: var(--text-sm);
    padding-inline-start: 0.125em;
    transition: padding 200ms ease-out;
  }

  [data-base~="text-link"]:hover:before {
    padding-inline-end: 0.375em;
  }

  [data-base~="text-link"]:hover:after {
    padding-inline-start: 0.375em;
  }

  [data-base~="rich-text"] > ul > li + li {
    padding-block-start: var(--space-2xs);
  }

  [data-base~="rich-text"] > * + * {
    --flow-space: 1.5em;
  }

  [data-base~="rich-text"] > * + p:has(img) {
    --flow-space: 2em;
  }

  [data-base~="rich-text"] > blockquote {
    padding: 1.25em 1.5em;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }

  [data-base~="rich-text"] a {
    text-decoration: underline;
  }
}

@layer function {
  /* Font Weight */
  [data-function~="font-regular"] {
    font-weight: var(--font-regular);
  }

  [data-function~="font-semibold"] {
    font-weight: var(--font-semibold);
  }

  /* Font Size */
  [data-function~="text-2xs"] {
    font-size: var(--text-2xs);
  }

  [data-function~="text-xs"] {
    font-size: var(--text-xs);
  }

  [data-function~="text-sm"] {
    font-size: var(--text-sm);
  }

  [data-function~="text-md"] {
    font-size: var(--text-md);
  }

  [data-function~="text-lg"] {
    font-size: var(--text-lg);
  }

  [data-function~="text-xl"] {
    font-size: var(--text-xl);
  }

  [data-function~="text-2xl"] {
    font-size: var(--text-2xl);
  }

  [data-function~="color-gray"] {
    color: var(--color-gray);
  }

}

@layer layout {
  [data-layout~=auto-grid] {
    --auto-grid-columns: auto-fill;
    --auto-grid-column-size: 20rem;
    --auto-grid-gap: 0;
    --auto-grid-items: normal;
    --auto-grid-content: normal;

    display: grid;
    grid-template-columns: repeat(var(--auto-grid-columns), minmax(min(100%, var(--auto-grid-column-size)), 1fr));
    gap: var(--auto-grid-gap);
    place-items: var(--auto-grid-items);
    place-content: var(--auto-grid-content);
  }

  [data-layout~=auto-grid] > * {
    --auto-grid-self: auto;

    place-self: var(--auto-grid-self);
    min-width: 0;
    min-height: 0;
  }
}

@layer layout {
  [data-layout~=flex] {
    --flex-direction: row;
    --flex-wrap: wrap;
    --flex-gap: 0;
    --flex-items: normal;
    --flex-content: normal;

    display: flex;
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    gap: var(--flex-gap);
    place-items: var(--flex-items);
    place-content: var(--flex-content);
  }

  [data-layout~=flex] > * {
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    --flex-order: 0;
    --flex-self: auto;

    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--flex-order);
    place-self: var(--flex-self);
  }

  @media (min-width: 700px) {
    [data-layout~=flex] {
      --md-flex-direction: var(--flex-direction);
      --md-flex-wrap: var(--flex-wrap);
      --md-flex-gap: var(--flex-gap);
      --md-flex-items: var(--flex-items);
      --md-flex-content: var(--flex-content);

      flex-direction: var(--md-flex-direction);
      flex-wrap: var(--md-flex-wrap);
      gap: var(--md-flex-gap);
      place-items: var(--md-flex-items);
      place-content: var(--md-flex-content);
    }

    [data-layout~=flex] > * {
      --md-flex-basis: var(--flex-basis);
      --md-flex-grow: var(--flex-grow);
      --md-flex-shrink: var(--flex-shrink);
      --md-flex-order: var(--flex-order);
      --md-flex-self: var(--flex-self);

      flex-basis: var(--md-flex-basis);
      flex-grow: var(--md-flex-grow);
      flex-shrink: var(--md-flex-shrink);
      order: var(--md-flex-order);
      place-self: var(--md-flex-self);
    }
  }

  @media (min-width: 1150px) {
    [data-layout~=flex] {
      --lg-flex-direction: var(--md-flex-direction);
      --lg-flex-wrap: var(--md-flex-wrap);
      --lg-flex-gap: var(--md-flex-gap);
      --lg-flex-items: var(--md-flex-items);
      --lg-flex-content: var(--md-flex-content);

      flex-direction: var(--lg-flex-direction);
      flex-wrap: var(--lg-flex-wrap);
      gap: var(--lg-flex-gap);
      place-items: var(--lg-flex-items);
      place-content: var(--lg-flex-content);
    }

    [data-layout~=flex] > * {
      --lg-flex-basis: var(--md-flex-basis);
      --lg-flex-grow: var(--md-flex-grow);
      --lg-flex-shrink: var(--md-flex-shrink);
      --lg-flex-order: var(--md-flex-order);
      --lg-flex-self: var(--md-flex-self);

      flex-basis: var(--lg-flex-basis);
      flex-grow: var(--lg-flex-grow);
      flex-shrink: var(--lg-flex-shrink);
      order: var(--lg-flex-order);
      place-self: var(--lg-flex-self);
    }
  }

  @media (min-width: 1400px) {
    [data-layout~=flex] {
      --xl-flex-direction: var(--lg-flex-direction);
      --xl-flex-wrap: var(--lg-flex-wrap);
      --xl-flex-gap: var(--lg-flex-gap);
      --xl-flex-items: var(--lg-flex-items);
      --xl-flex-content: var(--lg-flex-content);

      flex-direction: var(--xl-flex-direction);
      flex-wrap: var(--xl-flex-wrap);
      gap: var(--xl-flex-gap);
      place-items: var(--xl-flex-items);
      place-content: var(--xl-flex-content);
    }

    [data-layout~=flex] > * {
      --xl-flex-basis: var(--lg-flex-basis);
      --xl-flex-grow: var(--lg-flex-grow);
      --xl-flex-shrink: var(--lg-flex-shrink);
      --xl-flex-order: var(--lg-flex-order);
      --xl-flex-self: var(--lg-flex-self);

      flex-basis: var(--xl-flex-basis);
      flex-grow: var(--xl-flex-grow);
      flex-shrink: var(--xl-flex-shrink);
      order: var(--xl-flex-order);
      place-self: var(--xl-flex-self);
    }
  }
}

@layer layout {
  [data-layout~=flow] {
    --flow-space: 1em;
  }

  [data-layout~=flow] > * + * {
    margin-block-start: var(--flow-space);
  }
}

@layer layout {
  [data-layout~=frame] {
    --frame-focus: 50% 50%;
    --frame-fit: cover;
    --frame-ratio: 1/1;

    position: relative;
    width: 100%;
    aspect-ratio: var(--frame-ratio);
    overflow: hidden;
  }

  [data-layout~=frame] > * {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--frame-fit);
    object-position: var(--frame-focus);
  }
}

@layer layout {
  [data-layout~=grid] {
    --grid-columns: 1;
    --grid-column-size: 1fr;
    --grid-rows: 1;
    --grid-row-size: auto;
    --grid-gap: 0;
    --grid-items: normal;
    --grid-content: normal;

    display: grid;
    grid-template-columns: repeat(var(--grid-columns), var(--grid-column-size));
    grid-template-rows: repeat(var(--grid-rows), var(--grid-row-size));
    gap: var(--grid-gap);
    place-items: var(--grid-items);
    place-content: var(--grid-content);
  }

  [data-layout~=grid] > * {
    --grid-column: auto;
    --grid-row: auto;
    --grid-self: auto;

    grid-column: var(--grid-column);
    grid-row: var(--grid-row);
    place-self: var(--grid-self);
    min-width: 0;
    min-height: 0;
  }

  @media (min-width: 700px) {
    [data-layout~=grid] {
      --md-grid-columns: var(--grid-columns);
      --md-grid-column-size: var(--grid-column-size);
      --md-grid-rows: var(--grid-rows);
      --md-grid-row-size: var(--grid-row-size);
      --md-grid-gap: var(--grid-gap);
      --md-grid-items: var(--grid-items);
      --md-grid-content: var(--grid-content);

      grid-template-columns: repeat(var(--md-grid-columns), var(--md-grid-column-size));
      grid-template-rows: repeat(var(--md-grid-rows), var(--md-grid-row-size));
      gap: var(--md-grid-gap);
      place-items: var(--md-grid-items);
      place-content: var(--md-grid-content);
    }

    [data-layout~=grid] > * {
      --md-grid-column: var(--grid-column);
      --md-grid-row: var(--grid-row);
      --md-grid-self: var(--grid-self);

      grid-column: var(--md-grid-column);
      grid-row: var(--md-grid-row);
      place-self: var(--md-grid-self);
    }
  }

  @media (min-width: 1150px) {
    [data-layout~=grid] {
      --lg-grid-columns: var(--md-grid-columns);
      --lg-grid-column-size: var(--md-grid-column-size);
      --lg-grid-rows: var(--md-grid-rows);
      --lg-grid-row-size: var(--md-grid-row-size);
      --lg-grid-gap: var(--md-grid-gap);
      --lg-grid-items: var(--md-grid-items);
      --lg-grid-content: var(--md-grid-content);

      grid-template-columns: repeat(var(--lg-grid-columns), var(--lg-grid-column-size));
      grid-template-rows: repeat(var(--lg-grid-rows), var(--lg-grid-row-size));
      gap: var(--lg-grid-gap);
      place-items: var(--lg-grid-items);
      place-content: var(--lg-grid-content);
    }

    [data-layout~=grid] > * {
      --lg-grid-column: var(--md-grid-column);
      --lg-grid-row: var(--md-grid-row);
      --lg-grid-self: var(--md-grid-self);

      grid-column: var(--lg-grid-column);
      grid-row: var(--lg-grid-row);
      place-self: var(--lg-grid-self);
    }
  }

  @media (min-width: 1400px) {
    [data-layout~=grid] {
      --xl-grid-columns: var(--lg-grid-columns);
      --xl-grid-column-size: var(--lg-grid-column-size);
      --xl-grid-rows: var(--lg-grid-rows);
      --xl-grid-row-size: var(--lg-grid-row-size);
      --xl-grid-gap: var(--lg-grid-gap);
      --xl-grid-items: var(--lg-grid-items);
      --xl-grid-content: var(--lg-grid-content);

      grid-template-columns: repeat(var(--xl-grid-columns), var(--xl-grid-column-size));
      grid-template-rows: repeat(var(--xl-grid-rows), var(--xl-grid-row-size));
      gap: var(--xl-grid-gap);
      place-items: var(--xl-grid-items);
      place-content: var(--xl-grid-content);
    }

    [data-layout~=grid] > * {
      --xl-grid-column: var(--lg-grid-column);
      --xl-grid-row: var(--lg-grid-row);
      --xl-grid-self: var(--lg-grid-self);

      grid-column: var(--xl-grid-column);
      grid-row: var(--xl-grid-row);
      place-self: var(--xl-grid-self);
    }
  }
}

@layer layout {
  [data-layout~=scroll-grid] {
    --scroll-grid-width: 120rem;
    --scroll-grid-margin: 0;
    --scroll-grid-padding: max(var(--scroll-grid-margin), calc((100vw - var(--scroll-grid-width)) / 2 + var(--scroll-grid-margin)));
    --scroll-grid-gap: 0;
    --scroll-grid-items: normal;
    --scroll-grid-content: normal;
    --scroll-grid-behavior: smooth;
    --scroll-grid-snap-type: none;
    --scroll-grid-snap-align: none;
    --scroll-grid-column-size: 16rem;
    --scroll-grid-flow: column;

    display: grid;
    grid-auto-columns: var(--scroll-grid-column-size);
    grid-auto-flow: var(--scroll-grid-flow);
    gap: var(--scroll-grid-gap);
    place-items: var(--scroll-grid-items);
    place-content: var(--scroll-grid-content);
    padding-inline: var(--scroll-grid-padding);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: var(--scroll-grid-behavior);
    scrollbar-width: none;
    scroll-snap-type: var(--scroll-grid-snap-type);
    -webkit-overflow-scrolling: touch;
  }

  [data-layout~=scroll]::-webkit-scrollbar {
    display: none;
  }

  [data-layout~=scroll-grid] > * {
    --scroll-grid-column: span 1;
    --scroll-grid-self: auto;

    grid-column: var(--scroll-grid-column);
    place-self: var(--scroll-grid-self);
    scroll-snap-align: var(--scroll-grid-snap-align);
    scroll-margin-inline: var(--scroll-grid-margin);
    min-width: 0;
    min-height: 0;
  }
}

@layer layout {
  [data-layout~=scroll] {
    --scroll-width: 120rem;
    --scroll-margin: 0rem;
    --scroll-padding: max(var(--scroll-margin), calc((100vw - var(--scroll-width)) / 2 + var(--scroll-margin)));
    --scroll-gap: 0;
    --scroll-items: normal;
    --scroll-content: normal;
    --scroll-behavior: smooth;
    --scroll-snap-type: none;
    --scroll-snap-align: none;
    --scroll-visible-slides: 1;
    
    display: flex;
    gap: var(--scroll-gap);
    align-items: var(--scroll-items);
    justify-content: var(--scroll-content);
    padding-inline: var(--scroll-padding);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: var(--scroll-behavior);
    scrollbar-width: none;
    scroll-snap-type: var(--scroll-snap-type);
    -webkit-overflow-scrolling: touch;
  }

  [data-layout~=scroll]::-webkit-scrollbar {
    display: none;
  }

  [data-layout~=scroll] > * {
    --scroll-self: auto;
    --scroll-slide-gap: calc(var(--scroll-visible-slides) - 1);
    --scroll-slide-max-width: auto;
    --scroll-slide-width: calc( calc(100% / var(--scroll-visible-slides)) - calc(var(--scroll-padding) / var(--scroll-visible-slides)) - calc(var(--scroll-slide-gap) * var(--scroll-gap) / var(--scroll-visible-slides)) );

    flex-shrink: 0;
    align-self: var(--scroll-self);
    max-width: var(--scroll-slide-max-width);
    width: var(--scroll-slide-width);
    scroll-snap-align: var(--scroll-snap-align);
    scroll-margin-inline: var(--scroll-margin);
  }
}

@layer layout {
  [data-layout~=spacer] {
    --spacer-margin: 0;
    --spacer-padding: 0;

    /* display: block; */
    margin-block: var(--spacer-margin);
    padding-block: var(--spacer-padding);
  }
}

@layer layout {
  [data-layout~=stack] {
    --stack-gap: var(--space-lg);

    display: flex;
    flex-direction: column;
    gap: var(--stack-gap);
  }
}

@layer layout {
  [data-layout~=switch] {
    --switch-breakpoint: 0;
    --switch-gap: 0;
    --switch-items: normal;
    --switch-content: normal;

    display: flex;
    flex-wrap: wrap;
    gap: var(--switch-gap);
    align-items: var(--switch-items);
    justify-content: var(--switch-content);
  }

  [data-layout~=switch] > * {
    --switch-grow: 1;
    --switch-order: 0;
    --switch-self: auto;

    flex-basis: max((var(--switch-breakpoint) - 100%) * 999, 0px);
    flex-grow: calc(var(--switch-grow));
    order: var(--switch-order);
    align-self: var(--switch-self);
  }
}

@layer layout {
  [data-layout~=wrap] {
    --wrap-width: 100%;
    --wrap-max-width: none;
    --wrap-margin: auto;
    --wrap-padding: var(--base-gap);

    width: var(--wrap-width);
    max-width: var(--wrap-max-width);
    margin-inline: var(--wrap-margin);
    padding-inline: var(--wrap-padding);
  }

  [data-layout~=wrap-breakout] > * {
    margin-inline-start: 50%;
    transform: translateX(-50%);
    width: 100vw;
  }
}

@layer function {
  [data-function~=click-area] {
    position: relative;
  }

  [data-function~=click-area] a {
    cursor: pointer;
  }

  [data-function~=click-area] a::after {
    content: "";
    position: absolute;
    inset: 0;
  }
}

@layer function {
  [data-function~=container] {
    container-type: inline-size;
    min-width: 0;
  }
}

@layer function {
  [data-function~=hover-group] {
    --hover-group-opacity: 0.5;
    --hover-group-transition: opacity ease-out 100ms;
  }

  [data-function~=hover-group] > * {
    transition: var(--hover-group-transition);
  }

  [data-function~=hover-group]:hover > *:not(:hover) {
    opacity: var(--hover-group-opacity);
  }
}

@layer function {
  [data-function~=line-clamp] {
    --line-clamp-count: 3;

    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: var(--line-clamp-count);
    -webkit-box-orient: vertical;
  }
}

@layer function {
  [data-function~=visually-hidden] {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap;
  }
}

@layer view {

  .shopify-section--header {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  /**
   * @view Announcement Bar 
   */
  .announcement-bar {
    padding-block: var(--space-xs);
  }

  /**
   * @view Topbar
   */
  .topbar {
    --flex-items: center;

    display: none;
    height: 2rem;
    background-color: var(--color-white);
    border-bottom: 1px solid rgb(var(--border-color));
  }

  @media (min-width: 1000px) {
    .topbar {
      display: flex;
    }
  }

  .topbar__nav-list {
    --flex-content: end;
  }

  /**
   * @view Header 
   */
  .header {
    display: flex;
    align-items: center;
    height: var(--header-height);
    /* padding-block: var(--space-sm); */
    background-color: var(--color-white);
    /* border-bottom: 1px solid rgb(var(--border-color)); */
  }

  .header__wrap {
    --grid-gap: var(--base-gap);
    --grid-columns: 2;
    --md-grid-columns: var(--base-grid);
    --wrap-max-width: none;
  }

  .header__logo-icon {
    width: auto;
    height: clamp(0.875rem, calc(0.375rem + 1vw), 1rem);
  }

  .header__brand {
    --md-grid-column: 1 / 4;
    --flex-items: center;
  }

  .header-search__wrap {
    --spacer-padding: var(--space-2xl) 0;
  }

  .header-search__form-control {
    padding-block: var(--space-lg);
  }

  .header__nav {
    --md-grid-column: 4 / -1;
    --flex-gap: var(--base-gap);
    --flex-content: space-between;
    --grid-self: end;
    --md-grid-self: normal;
  }

  .header__nav-menu-trigger {
    --flex-gap: var(--space-xs);
    --flex-items: center;
  }

  @media (min-width: 700px) {
    .header__nav-menu-trigger {
      display: none;
    }
  }

  .header__nav-more-trigger {
    --flex-gap: var(--space-2xs);
    --flex-items: center;

    display: none;
  }

  .header__nav-icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  @media (min-width: 1000px) {
    .header__nav-icon {
      width: 1.125rem;
      height: 1.125rem;
    }
  }

  .header__nav-icon-plus {
    width: 1rem;
    height: 1rem;
  }

  .header__primary-nav {
    display: none;
  }

  @media (min-width: 700px) {
    .header__primary-nav {
      display: flex;
    }
  }

  .header__primary-nav-list {
    --flex-gap: var(--base-gap);
    --flex-items: center;

    line-height: var(--leading-md);
  }

  @media (min-width: 700px) {
    .header__primary-nav-item:nth-child(n + 4) {
      display: none;
    }

    .header__primary-nav:has(.header__primary-nav-item:nth-child(n + 4)) .header__nav-more-trigger {
      display: flex;
    }
  }

  @media (min-width: 1150px) {
    .header__primary-nav-item:nth-child(n + 4) {
      display: block;
    }

    .header__primary-nav-item:nth-child(n + 5) {
      display: none;
    }

    .header__primary-nav:has(.header__primary-nav-item:nth-child(n + 4)) .header__nav-more-trigger {
      display: none;
    }

    .header__primary-nav:has(.header__primary-nav-item:nth-child(n + 5)) .header__nav-more-trigger {
      display: flex;
    }
  }

  @media (min-width: 1400px) {
    .header__primary-nav-item:nth-child(n + 5) {
      display: block;
    }

    .header__primary-nav-item:nth-child(n + 8) {
      display: none;
    }

    .header__primary-nav:has(.header__primary-nav-item:nth-child(n + 5)) .header__nav-more-trigger {
      display: none;
    }

    .header__primary-nav:has(.header__primary-nav-item:nth-child(n + 8)) .header__nav-more-trigger {
      display: flex;
    }
  }

  @media (min-width: 1800px) {
    .header__primary-nav-item:nth-child(n + 8) {
      display: block;
    }

    .header__primary-nav:has(.header__primary-nav-item:nth-child(n + 8)) .header__nav-more-trigger {
      display: none;
    }

    .header__nav-more-trigger {
      display: none;
    }
  }

  .header__secondary-nav {}

  @media (min-width: 700px) {
    .header__secondary-nav-trigger {
      display: none;
    }
  }

  .header__secondary-nav-list {
    --flex-gap: var(--space-2xs) var(--base-gap);
    
    line-height: var(--leading-md);
  }

  .header__icon-link > a svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  @media (min-width: 1000px) {
    .header__icon-link > a svg {
      width: 1.125rem;
      height: 1.125rem;
    }
  }

  .header__icon-link > a {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    line-height: 1;
  }

  /* Header Dropdown */
  .header__dropdown-menu {
    background-color: var(--color-white);
    /* border-width: 0; */
    padding-block: var(--space-sm);
  }

  .header__dropdown-menu :is(a, summary) {
    padding: var(--space-xs) var(--space-md);
  }

  /* Localization */
  .localization-toggle {
    --flex-gap: var(--space-xs);

    display: flex;
    align-items: center;
    line-height: var(--leading-md);
  }

  .localization-toggle > svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  @media (min-width: 1000px) {
    .header-sidebar .localization-selectors {
      display: none;
    }

    .localization-toggle > svg {
      width: 1.125rem;
      height: 1.125rem;
    }
  }

  .header__secondary-nav .localization-selectors {
    display: none;
  }

  @media (min-width: 1000px) {
    .header__secondary-nav .localization-selectors {
      display: flex;
    }
  }

  .localization-selectors {
    gap: var(--base-gap);
  }

  /**
   * @view Header Sidebar
   */
  .header-sidebar {
    --header-linklist-padding-block: var(--space-sm);
  }

  .header-sidebar__main-panel {
    background-color: var(--color-white);
  }

  .header-sidebar__collapsible-panel {
    background-color: var(--color-white);
    background-image: none;
  }

  .header-sidebar__scroller {
    padding-block-end: var(--drawer-body-padding-block);
    padding-inline-start: var(--drawer-body-padding-inline);
    padding-inline-end: var(--drawer-body-padding-inline);
    overflow-y: auto;
  }

  .header-sidebar__back-button {
    width: 100%;
    border-block-end-width: 0;
    margin-block-end: 0;
    margin-inline-start: -4px;
    padding-block: var(--header-linklist-padding-block);
  }

  .header-sidebar__sub-panel .header-sidebar__linklist {
    padding-block-start: calc(var(--header-linklist-padding-block) * 0.75);
  }

  @media (min-width: 1000px) {
    .header-sidebar__sub-panel .header-sidebar__linklist {
      padding-block-start: var(--header-linklist-padding-block);
    }
  }

  .header-sidebar__linklist-button {
    padding-block-start: calc(var(--header-linklist-padding-block) * 0.75);
    padding-block-end: calc(var(--header-linklist-padding-block) * 0.75);
  }

  .header-sidebar__linklist [data-base="text-label"] {
    font-size: var(--text-lg);
  }

  .header-sidebar__back-button {
    font-weight: var(--font-regular);
    gap: var(--space-xs) !important;
  }

  /* @media (min-width: 1000px) {
    .header-sidebar__footer {
      display: none;
    }
  } */

  .header-sidebar__footer:before {
    display: none;
  }

  .header-sidebar__footer .localization-selectors {
    border-block-start-width: 1px;
    justify-content: flex-start;
    column-gap: 1.25rem;
  }

  .header-sidebar__footer > * {
    padding-block: var(--header-linklist-padding-block);
    padding-inline-start: var(--drawer-footer-padding-inline);
    padding-inline-end: var(--drawer-footer-padding-inline);
  }

  /**
   * @view Drawer
   */
  .drawer {
    --distance-to-bleed: var(--drawer-body-padding-inline);
    --drawer-header-padding-block: var(--space-md);
    --drawer-header-padding-inline: var(--space-md);
    --drawer-body-padding-block: var(--space-md);
    --drawer-body-padding-inline: var(--space-md);
    --drawer-footer-padding-block: var(--space-md);
    --drawer-footer-padding-inline: var(--space-md);
    --drawer-max-width: min(92vw, 30rem);
  }

  @media (min-width: 1000px) {
    .drawer {
      --drawer-header-padding-block: var(--space-lg);
      --drawer-header-padding-inline: var(--space-lg);
      --drawer-body-padding-block: var(--space-lg);
      --drawer-body-padding-inline: var(--space-lg);
      --drawer-footer-padding-block: var(--space-lg);
      --drawer-footer-padding-inline: var(--space-lg);
    }
  }

  .drawer::part(header) {
    padding-block-start: var(--drawer-header-padding-block);
    padding-block-end: var(--drawer-header-padding-block);
    padding-inline-start: var(--drawer-header-padding-inline);
    padding-inline-end: var(--drawer-header-padding-inline);
    background-color: var(--color-white);
  }

  .drawer::part(content) {
    background-color: var(--color-white);
  }

  .drawer::part(footer) {
    background-color: var(--color-white);
    color: var(--color-black);
    background-image: none;
    border-block-start: 1px solid rgb(var(--border-color));
    padding-block-start: var(--drawer-footer-padding-block);
    padding-block-end: var(--drawer-footer-padding-block);
    padding-inline-start: var(--drawer-footer-padding-inline);
    padding-inline-end: var(--drawer-footer-padding-inline);
  }

  :where(.modal, .drawer, .popover) {
    z-index: 9999999999;
  }

  /**
   * @view Cart Drawer
   */
  .cart-drawer::part(body) {
    padding-block: var(--space-md);
  }

  .cart-drawer__button-price:before {
    display: none;
  }

  .cart-drawer__items {
    gap: var(--space-md);
  }

  /**
   * @view Popover
   */
   .popover {
    --distance-to-bleed: var(--popover-body-padding-inline);
    --popover-header-padding-block: var(--space-sm);
    --popover-header-padding-inline: var(--space-md);
    --popover-body-padding-block: var(--space-md);
    --popover-body-padding-inline: var(--space-md);
  }

  .popover::part(header) {
    display: flex;
    align-items: center;
    position: sticky;
    z-index: 2;
    padding-block: var(--popover-header-padding-block);
    padding-inline: var(--popover-header-padding-inline);
    background-color: var(--color-white);
    border-block-end: 1px solid rgb(var(--border-color));
    text-align: center;
    inset-block-start: 0;
  }

  .popover::part(body) {
    padding-block-start: var(--popover-body-padding-block);
    padding-block-end: var(--popover-body-padding-block);
    padding-inline-start: var(--popover-body-padding-inline);
    padding-inline-end: var(--popover-body-padding-inline);
    background-color: var(--color-white);
  }
  
  .popover::part(body) {
    background-color: var(--color-white);
  }

  @media (min-width: 1000px) {
    .popover:has(.popover__value-list)::part(body) {
      padding-inline-end: calc(var(--popover-body-padding-inline) * 2);
    }
  }

  @media screen and (min-width: 1000px) {
    .popover::part(content) {
      border: 1px solid rgb(var(--border-color));
      width: max-content;
      min-width: 12rem;
      max-width: 18.75rem;
      max-height: min(60vh, 25rem);
      box-shadow: 2px 2px 6px rgb(var(--text-color) / .05);
    }
  }

  .line-item-card {
    --switch-breakpoint: 20rem;
    --switch-gap: var(--space-md); 
  }

  .line-item-card__image {
    --switch-grow: 1;
    /* --switch-self: start; */

    border-radius: var(--base-radius);
  }

  .line-item-card__info {
    --switch-grow: 2;
  }

  line-item + line-item  {
    padding-block-start: var(--space-md);
    border-top: 1px solid rgb(var(--border-color));
  }
  
  /**
   * @view NW Badge
   */
  .nw-badge {
    width: auto;
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    letter-spacing: -0.02em;
    padding: 0.125em 0.5em;
    border-radius: var(--base-radius-sm);
    background-color: var(--color-white);
    color: var(--color-black);
  }

  .nw-badge[data-variant="accent"] {
    background-color: var(--color-accent);
    color: var(--color-white);
  }

  .nw-badge[data-variant="sale"] {
    background-color: var(--color-red);
    color: var(--color-white);
  }

  /**
   * @view NW Tag
   */
  .nw-tag {
    width: auto;
    font-size: var(--text-xs);
    font-weight: var(--font-regular);
    letter-spacing: -0.02em;
    padding: 0.25em 0.5em 0.25em;
    background-color: var(--color-gray-light);
    color: var(--color-black);
    text-decoration: none;
    border-radius: var(--base-radius-sm);
  }

  .nw-tag a {
    text-decoration: none;
  }

  .nw-tag[data-variant="black"] {
    background-color: var(--color-black);
    color: var(--color-white);
  }

  /**
   * @view Scroll Slideshow
   */
  /* .scroll-slideshow {
    position: relative;
  }

  .scroll-slideshow__track {
    --scroll-width: 100%;
    --scroll-margin: 0rem;
    --scroll-padding: 0rem;
    --scroll-gap: 0rem;
    --scroll-snap-align: end; 
    --scroll-snap-type: x mandatory; 
    --scroll-visible-slides: 1;

    position: relative;
  }

  @media (min-width: 1150px) {
    .scroll-slideshow__track {
      --scroll-margin: var(--base-gap);
      --scroll-padding: var(--base-gap);
      --scroll-gap: var(--base-gap);
    }
  }

  .scroll-slideshow__slide {
    --scroll-slide-width: 100%;
    --grid-gap: 0 var(--base-gap);
    --lg-grid-columns: var(--base-grid);
    --grid-content: start;
    --lg-grid-content: normal;
  }

  .scroll-slideshow__content {
    --lg-grid-column: span 3;
    --grid-row: 2;
    --lg-grid-row: 1;
    --stack-gap: var(--space-md);
    --spacer-padding: var(--space-xl) var(--space-md);

    width: 100%;
  }

  @media (min-width: 1150px) {
    .scroll-slideshow__content {
      --spacer-padding: var(--space-3xl) var(--space-md);
      --wrap-padding: 0;
      --stack-gap: var(--space-lg);
    }
  }

  .scroll-slideshow__content > * {
    width: min(90%, 40rem);
  }

  @media (min-width: 1150px) {
    .scroll-slideshow__content > * {
      width: min(80%, 40rem);
    }
  }

  .scroll-slideshow__media {
    --grid-row: 1;
    --lg-grid-column: span 9;

    position: relative;
    overflow: hidden;
    height: 75lvh;
  }

  @media (min-width: 1150px) {
    .scroll-slideshow__media {
      min-height: 85lvh;
      height: 100%;
    }
  }

  .scroll-slideshow__media > * {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .scroll-slideshow__pagination {
    position: absolute;
    top: var(--base-gap);
    z-index: 2;
    display: flex;
    gap: 0.25rem;
  }

  @media (min-width: 1150px) {
    .scroll-slideshow__pagination {
      top: auto;
      bottom: var(--base-gap);
    }
  }

  .scroll-slideshow__pagination-dot {
    --scroll-dot-background: rgba(0, 0, 0, 0.2);
    --scroll-dot-background-active: rgba(0, 0, 0, 0.4);
    --scroll-dot-background-hover: rgba(0, 0, 0, 0.5);

    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--scroll-dot-background);
    border: none;
    cursor: pointer;
    transition: width linear 200ms 200ms;
  }

  .scroll-slideshow__pagination-dot[aria-current="true"] {
    width: 1.25rem;
    background-color: var(--scroll-dot-background-active);
  }

  .scroll-slideshow__pagination-dot:hover {
    background-color: var(--scroll-dot-background-hover);
  }

  .scroll-slideshow__counter {
    position: absolute;
    top: var(--base-gap);
    right: var(--base-gap);
    z-index: 2;
    display: flex;
    gap: 0.125rem;
    font-size: var(--text-2xs);
    padding: var(--space-2xs) var(--space-xs);
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(3px);
    pointer-events: none;
  }

  @media (min-width: 1150px) {
    .scroll-slideshow__counter {
      top: auto;
      bottom: var(--base-gap);
      right: calc(var(--base-gap) * 2);
    }
  } */

  /* .scroll-slideshow__pagination-dot {
    font-size: var(--text-2xs);
    font-weight: var(--font-semibold);
    line-height: var(--leading-reset);
    padding: 2px 2px 4px 2px;
    background-color: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(3px);
    border: none;
    cursor: pointer;
    transition: color 200ms ease-out;
  } */

  /* .scroll-slideshow__pagination-dot[aria-current="true"] {
    color: var(--color-accent);
  } */

  /* .scroll-slideshow__pagination-dot:hover {
    color: var(--color-accent);
  } */

  /* .scroll-slideshow__pagination-dot:before {
    content: '[';
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    padding-inline-end: 0.125em;
  } */

  /* .scroll-slideshow__pagination-dot:after {
    content: ']';
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    padding-inline-start: 0.125em;
  } */

  /**
   * @view Slides
   */
  .slides__container {
    --scroll-margin: var(--base-gap);
    --scroll-padding: var(--base-gap);
    --scroll-gap: var(--base-gap);
    --scroll-snap-align: start; 
    --scroll-snap-type: x mandatory; 
    --scroll-visible-slides: 1.1;

    position: relative;
  }

  .slides__slide:nth-child(odd) .product-card__media {
    --frame-ratio: 4/5;
  }

  @media (min-width: 700px) {
    .slides__slide {
      --scroll-visible-slides: 2.2;
    }
  }

  @media (min-width: 1400px) {
    .slides__slide {
      --scroll-visible-slides: 4;
    }
  }

  .slides__navigation {
    --spacer-padding: var(--space-xs);
    --flex-content: space-between;
    --flex-items: center;
    --flex-gap: var(--space-xs) var(--base-gap);
  }

  .slides__navigation * > {
    --flex-grow: 1;
    --flex-basis: 0;
  }

  .slides__navigation-button {
    padding: var(--space-2xs);
    transition: 
      transform 100ms ease-out,
      opacity 200ms ease-out;
  }

  .slides__navigation-button:active {
    transform: scale(0.9);
  }

  .slides__navigation-button svg {
    width: 1.375rem;
    height: auto;
    color: currentColor;
  }

  .slides__navigation-button[disabled] {
    opacity: 0.25;
  }

  .slides__counter {
    pointer-events: none;
  }

  .slides__pagination-dot {
    --slides-dot-background: var(--color-white);
    --slides-dot-background-active: var(--color-accent);
    --slides-dot-background-hover: var(--color-accent);

    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.5rem;
    background-color: var(--slides-dot-background);
    border: none;
    cursor: pointer;
    transition: width linear 200ms 200ms;
  }

  .slides__pagination-dot[aria-current="true"] {
    /* width: 1.25rem; */
    background-color: var(--slides-dot-background-active);
  }

  .slides__pagination-dot:hover {
    background-color: var(--slides-dot-background-hover);
  }

  /**
   * @view Featured Collection
   */
  .featured-collection {
    --spacer-margin: var(--space-3xl) 0;
    --stack-gap: var(--space-2xl);
  }

  .featured-collection__header {
    --flex-gap: var(--space-xs) var(--base-gap);
    --flex-items: end;
    --flex-wrap: nowrap;
    --flex-content: space-between;
    --spacer-padding: var(--space-lg) 0;
    --spacer-margin: var(--space-lg) 0;

    width: 100%;
    border-top: 1px solid rgb(var(--border-color));
  }

  .article-collection {
    --spacer-margin: var(--space-3xl) 0;
    --stack-gap: var(--space-2xl);
  }

  .article-collection__header {
    --flex-gap: var(--space-xs) var(--base-gap);
    --flex-items: end;
    --flex-wrap: nowrap;
    --flex-content: space-between;
    --spacer-padding: var(--space-lg) 0;
    --spacer-margin: var(--space-lg) 0;

    width: 100%;
    border-top: 1px solid rgb(var(--border-color));
  }


  /**
   * @view Selected Collections
   */
  .selected-collections {
    --spacer-margin: var(--space-3xl) 0;
    --stack-gap: var(--space-2xl);
  }

  .selected-collections__header {
    --flex-gap: var(--space-xs) var(--base-gap);
    --flex-items: end;
    --flex-wrap: nowrap;
    --flex-content: space-between;
    --spacer-padding: var(--space-lg) 0;
    --spacer-margin: var(--space-lg) 0;

    width: 100%;
    border-top: 1px solid rgb(var(--border-color));
  }

  .selected-collections__list {
    --grid-gap: var(--space-2xs);
    --md-grid-columns: 2;
    --lg-grid-columns: 3;
    --lg-grid-gap: var(--space-2xl) var(--base-gap);
  }

  /**
   * @view Product Card
   */
  .product-card {
    gap: var(--space-sm);
  }

  .product-card__media {
    border-radius: var(--base-radius);
  }

  .product-card__content {
    --stack-gap: var(--space-2xs);

    padding-inline: var(--space-2xs);
  }
  
  .price-discounted {
    color: var(--color-red);
  }

  /* .collection__product-grid .product-card__content {
    padding-inline: var(--space-2xs);
  } */

  /* @media (min-width: 1150px) {
    .collection__product-grid .product-card__content {
      padding-inline: 0;
    }
  } */

  .collection__product-grid .product-card__media {
    --frame-ratio: 4/5;
  }

  /**
   * @view Product Card Horizontal
   */
  .product-card-horizontal {
    --switch-gap: var(--base-gap);
    --switch-breakpoint: 10rem;
  }

  .product-card-horizontal__content {
    --stack-gap: var(--space-xs);
  }

  /**
   * @view Footer
   */
  .footer {
    --spacer-padding: var(--space-2xl) var(--space-lg);
    --spacer-margin: calc(var(--space-3xl) + var(--space-lg)) 0;

    border-top: 1px solid rgb(var(--border-color));
  }

  .footer__grid {
    --grid-gap: var(--space-2xl) var(--base-gap);
    --md-grid-columns: var(--base-grid);
  }

  .footer__link-columns {
    --md-grid-column: 1 / 7;
    --grid-gap: var(--space-2xl) var(--base-gap);
    --md-grid-columns: 6;
    --spacer-margin: 0 var(--space-3xl);
  }

  .footer__content {
    --md-grid-column: 7 / -1;
    --xl-grid-column: 10 / -1;
    --grid-gap: var(--space-2xl) var(--base-gap);
    --md-grid-columns: 6;
    --xl-grid-columns: 3;
  }

  .footer__link-column {
    --stack-gap: var(--space-sm);
    --md-grid-column: span 6;
    --xl-grid-column: span 2;
  }

  .footer__links {
    --stack-gap: var(--space-2xs);
  }

  .footer__subheading {
    color: var(--color-gray);
  }

  .footer__content {
    --stack-gap: var(--space-2xl);
  }

  .footer__text {
    text-wrap: balance;
  }

  .footer__text > * {
    /* width: 90%; */
    max-width: 65ch;
  }

  .footer__brand {
    --spacer-padding: var(--space-lg) 0;
    --spacer-margin: var(--space-3xl) 0;
    --grid-column: 1 / -1;
  }

  .footer__brand-link {
    --flex-gap: min(calc(var(--space-xs) + 1vw), var(--space-xl));
    --flex-items: center;
    --flex-wrap: nowrap;

    width: 100%;
    color: var(--color-black);
  }

  .footer__brand > a {
    width: 100%;
  }

  .footer__logo-divider {
    --flex-grow: 1;
    --flex-basis: 3rem;

    height: min(calc(0.0625rem + 0.25vw), 0.4rem);
    width: 100%;
    background-color: var(--color-black);
  }

  .footer__logo-start {
    --flex-grow: 0;
    --flex-basis: auto;
  }

  .footer__logo-end {
    --flex-grow: 0;
    --flex-basis: auto;
  }

  .footer__logo-start,
  .footer__logo-end {
    width: auto;
    height: min(calc(1rem + 2vw), 4rem);
  }

  /**
   * @view Payment Methods
   */
  .payment-methods {
    --flex-gap: var(--space-xs);
  }

  /**
   * @view Spread
   */
  .spread {
    --spacer-margin: var(--space-3xl) 0;
    --stack-gap: var(--space-2xl);
    --wrap-padding: 0;
  }

  @media (min-width: 1150px) {
    .spread {
      --wrap-padding: var(--base-gap);
    }
  }

  .spread__inner {
    /* --grid-content: start; */
    --grid-gap: var(--space-2xl) var(--base-gap);
    --lg-grid-columns: var(--base-grid);
    --spacer-padding: 0;

    width: 100%;
    border-top: 1px solid rgb(var(--border-color));
  }

  @media (min-width: 1150px) {
    .spread__inner {
      --spacer-padding: var(--space-lg) var(--base-gap);
    }
  }

  .spread__inner > *:nth-child(1) {
    /* --md-grid-column: 5 / -1;
    --md-grid-row: 1; */
    --lg-grid-column: 4 / -1;
    --lg-grid-row: 1;
  }

  .spread__inner > *:nth-child(2) {
    /* --md-grid-column: 1 / 5;
    --md-grid-row: 1; */
    --lg-grid-column: 1 / 4;
    --lg-grid-row: 1;
  }

  .spread[data-reverse="true"] .spread__inner > *:nth-child(1) {
    /* --md-grid-column: 1 / 9;
    --md-grid-row: 1; */
    --lg-grid-column: 1 / 10;
    --lg-grid-row: 1;
  }

  .spread[data-reverse="true"] .spread__inner > *:nth-child(2) {
    /* --md-grid-column: 9 / -1;
    --md-grid-row: 1; */
    --lg-grid-column: 10 / -1;
    --lg-grid-row: 1;
  }

  .spread__media {
    --frame-ratio: 4/5;

    border-radius: var(--base-radius);
  }

  /* @media (min-width: 700px) {
    .spread__media {
      --frame-ratio: 5/4;
    }
  } */

  @media (min-width: 1150px) {
    .spread__media {
      --frame-ratio: 16/9;

      position: sticky;
      top: 0;
      max-height: 80lvh;
    }
  }

  @media (min-width: 1150px) {
    .spread__content {
      --wrap-padding: 0;
    }
  }

  .spread__content > * {
    /* width: min(90%, 40rem); */
    width: 100%;
  }

  @media (min-width: 1150px) {
    .spread__content > * {
      /* width: min(80%, 40rem); */
      width: 90%;
    }
  }

  .spread__text {
    text-wrap: balance;
  }

  /**
   * @view Related Products Collection
   */
  .related-products-collection {
    --stack-gap: var(--space-sm);
    --grid-content: start;
    --lg-grid-gap: var(--base-gap);
    --lg-grid-column: 1 / 9;
    --xl-grid-column: 1 / 10;

    margin-block-start: var(--space-lg);
  }

  .related-products-collection__grid {
    --grid-gap: var(--base-gap) var(--space-xs);
    --md-grid-gap: var(--base-gap);
    --grid-columns: 2;
    --md-grid-columns: 4;
  }

  .related-products-collection__item .product-card__media {
    --frame-ratio: 4/5;
  }

  /**
   * @view NW Related Products
   */
  .nw-related-products {
    --flex-gap: var(--space-lg) var(--base-gap);
  }
  
  .nw-related-products__header {
    --flex-gap: var(--space-xs) var(--base-gap);
    --flex-wrap: nowrap;
    --flex-items: end;
    --flex-content: space-between;
    --spacer-padding: var(--space-lg) 0;
    --spacer-margin: var(--space-lg) 0;

    width: 100%;
    border-top: 1px solid rgb(var(--border-color));
  }

  /**
   * @view Product
   */
  .product {
    --spacer-margin: 0 var(--space-3xl);
  }

  @media (min-width: 1150px) {
    .product {
      --spacer-margin: var(--space-3xl);
    }
  }

  .product__wrap {
    --spacer-padding: 0;
    --grid-content: start;
    --grid-gap: var(--base-gap);
    --lg-grid-columns: var(--base-grid);

    border-top: 0px solid rgb(var(--border-color));
  }

  @media (min-width: 1150px) {
    .product__wrap {
      --spacer-padding: var(--space-lg) var(--base-gap);

      border-top: 1px solid rgb(var(--border-color));
    }
  }

  .product-info {
    --lg-grid-column: 9 / -1;
    --xl-grid-column: 10 / -1;
    --grid-self: start normal;
    --spacer-padding: var(--space-2xl) 0;

    position: relative;
    z-index: 1;
    margin-block-start: -4rem;
  }

  @media (min-width: 1150px) {
    .product-info {
      --spacer-padding: var(--space-3xl) 0;

      position: sticky;
      top: calc(var(--header-height) + 3rem);
      margin-block-start: 0;
    }
  }

  /* .product-info > * {
    width: min(90%, 40rem);
    margin-inline: auto;
  } */

  /* .product-info > * > *:is([data-block-id="title"], [data-block-id="price"], [data-block-id="payment_terms"], [data-block-id="description"]) {
    width: min(90%, 40rem);
  } */

  @media (min-width: 1150px) {
    .product-info {
      --spacer-padding: 0;
    }

    .product-info > * {
      width: min(100%, 40rem);
    }

    .product-info > * > *:is([data-block-id="title"], [data-block-id="price"], [data-block-id="payment_terms"], [data-block-id="description"]) {
      width: 90%;
    }
  }

  .product-info__block-list > * + * {
    --flow-space: var(--space-sm);
  }

  .product-info__block-list > * + [data-block-type="heading"] {
    --flow-space: var(--space-xl);
  }

  /* .product-info__block-list > [data-block-type="price"] + [data-block-type="title"] {
    --flow-space: var(--space-xs);
  } */

  /* .product-info__block-list > [data-block-type="paper-info"] + [data-block-type="paper-info"] {
    --flow-space: var(--space-xs);
  } */

  /* .product-info__block-list > [data-block-type="heading"] + * {
    --flow-space: var(--space-md);
  } */

  .product-info__block-list > * + [data-block-type="payment-terms"] {
    --flow-space: 0;
  }

  .product-info__block-list > [data-block-type="configurator"] + [data-block-type="separator"],
  .product-info__block-list > [data-block-type="separator"] + [data-block-type="usp-list"] {
    --flow-space: var(--space-md);
  }

  .product-info__order-sample {
    margin-block-start: var(--space-2xl);
  }

  /**
   * @view Product Description
   */
  .product-description {
    --stack-gap: var(--space-sm);
    --grid-content: start;
    --lg-grid-gap: var(--base-gap);
    --lg-grid-column: 1 / 9;
    --xl-grid-column: 1 / 5;

    margin-block-start: var(--space-lg);
  }

  .product-description__label {
    margin-block-start: var(--space-sm);
  }

  /**
   * @view Product Media
   */
  .product-media {
    --grid-content: stretch;
    --lg-grid-gap: var(--base-gap);
    --xl-grid-columns: 2;
    --lg-grid-column: 1 / 9;
    --xl-grid-column: 1 / 10;

    position: relative;
  }

  .product-media__badges {
    --flex-gap: var(--space-2xs);

    position: absolute;
    top: var(--space-sm);
    left: var(--space-sm);
    z-index: 2;
  }

  .product-media__badge {}

  .product-media__zoom-toggle {
    position: fixed;
    top: var(--base-gap);
    right: var(--base-gap);
    z-index: 1000;
    padding: var(--space-sm);
    background-color: var(--color-white);
    border-radius: 99rem;
    border: none;
    transition: transform 100ms ease-out;
  }

  .product-media__zoom-toggle:active {
    transform: scale(0.9);
  }

  .product-media__zoom-toggle svg {
    width: 0.75rem;
    height: auto;
  }

  /* Related to s-zoom */
  .product-media__zoom-toggle[data-state="active"] {
    display: block;
  }

  .product-media__zoom-toggle[data-state="inactive"] {
    display: none;
  }

  .product-media[data-screen="small"] {}

  @media (min-width: 1150px) {
    .product-media[data-screen="small"] {
      display: none;
    }
  }

  .product-media[data-screen="large"] {
    display: none;
  }

  @media (min-width: 1150px) {
    .product-media[data-screen="large"] {
      display: grid;
    }
  }

  .product-media__item {
    --frame-ratio: 4/5;
    --grid-self: stretch;

    cursor: zoom-in;
    border-radius: var(--base-radius);
  }

  .product-media__item:only-child {
    --grid-column: 1 / -1;
  }

  .product-media__slides-container {
    --scroll-margin: 0rem;
    --scroll-padding: 0rem;
    --scroll-gap: 0rem;
  }

  .product-media__slides-slide {
    --scroll-visible-slides: 1;
  }

  @media (min-width: 700px) {
    .product-media__slides-slide {
      --scroll-visible-slides: 1;
    }
  }

  @media (min-width: 1400px) {
    .product-media__slides-slide {
      --scroll-visible-slides: 1;
    }
  }

  .product-media__slides-item {
    --frame-ratio: 1/1;
  }

  @media (min-width: 1150px) {
    .product-media__slides-item {
      --frame-ratio: 4/5;
    }
  }

  .product-media__slides-counter {
    position: absolute;
    top: var(--base-gap);
    right: var(--base-gap);
    z-index: 2;
    display: flex;
    gap: 0.125rem;
    min-height: 22px; /* Equals the nw-badge */ 
    font-size: var(--text-2xs);
    padding: var(--space-2xs) var(--space-xs);
    background-color: var(--color-black);
    color: var(--color-white);
    /* border-radius: 15px; */
    pointer-events: none;
  }

  .product-media__pagination {
    --flex-gap: 0.25rem;
    --flex-content: center;

    position: absolute;
    bottom: 3rem;
  } 

  /**
   * @view Quantity Selector
   */
  .quantity-selector {
    border-radius: var(--base-radius-sm);
  }

  /**
   * @view Zoom
   * Web Component: s-zoom
   */
  s-zoom[state="active"] {
    --xl-grid-columns: 1;

    position: fixed;
    inset: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    background-color: var(--color-white);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: y mandatory;
  }

  s-zoom[state="active"] [data-layout~=frame] {
    aspect-ratio: auto;
    overflow: visible;
    min-height: auto;
    scroll-snap-align: start;
  }

  s-zoom[state="active"] [data-layout~=frame] > * {
    position: static;
    width: 100%;
    height: auto;
  }

  s-zoom[state="active"] .product-media__item {
    cursor: default;
  }

  /**
   * @view Tiny Card
   */
  .tiny-card {
    --stack-gap: var(--space-xs);

    border: 1px solid rgb(var(--border-color));
  }

  .tiny-card__title {
    padding-block: var(--space-2xs) var(--space-xs);
    padding-inline: var(--space-xs);
  }

  /**
   * @view Paper Info
   */
  .paper-info {
    --stack-gap: var(--space-sm);

    position: relative;
    padding: var(--space-sm);
    background-color: var(--color-gray-light);
    /* border: 1px solid rgb(var(--border-color)); */
    border-radius: var(--base-radius);
    /* box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10); */
  }

  .paper-info:has(.paper-info__label) .paper-info__header {
    margin-block-start: var(--space-sm);
  }

  .paper-info__header {
    --flex-gap: var(--space-sm);
    --flex-content: space-between;
  }

  .paper-info__label {
    position: absolute;
    top: 0;
    left: var(--space-sm);
    border-radius: 0 0 var(--base-radius-sm) var(--base-radius-sm);
  }

  .paper-info__content {
    font-size: var(--text-xs);
  }

  .paper-info__content > * {
    width: 90%;
  }

  /**
   * @view Order Sample
   */
  .order-sample {
    --stack-gap: var(--space-sm);

    padding: var(--space-sm);
    background-color: var(--color-white);
    border: 1px solid rgb(var(--border-color));
    border-radius: var(--base-radius);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);
  }

  .order-sample__content {
    font-size: var(--text-xs);
  }

  /**
   * @view Table
   */
  .table--bordered {
    --table-cell-padding-inline: .75rem;
  }

  .table--bordered td {
    border-width: 1px;
  }

  .table--reduce-border :is(td) + td {
    border-inline-start-width: 0;
  }

  .table--no-border td {
    border: none;
  }

  .table--sm {
    --table-cell-padding-block: .35rem;
    --table-cell-padding-inline: .5rem;
  }

  .table--lg {
    --table-cell-padding-block: 1.5rem;
    --table-cell-padding-inline: .5rem;
  }

  @media screen and (min-width: 700px) {
    .table--lg {
      --table-cell-padding-block: 2rem;
      --table-cell-padding-inline: .75rem;
    }
  }

  table:not(.table--bordered) :is(th, td):first-child, table:not(.table--bordered) :is(th, td):empty + td {
    /* padding-inline-start: 0; */
  }

  @media (min-width: 700px) {
    .quick-order-list__table {
      --table-cell-padding-block: .625rem;
      --table-foot-cell-padding-block: 1.5rem;
    }

    .quick-order-list__table-body tr:first-child {
      --table-cell-padding-block: .75rem;
    }
  }

  /**
   * @view Order Summary
   */
  .order-summary__header th {
    padding-block: calc(var(--table-cell-padding-block) / 2);
  }

  @media screen and (max-width: 699px) {
    .order-summary__body td {
        border-top-width: 1px;
    }
  } 

  @media (max-width: 699px) {
    .order-summary__body tr:last-child td {
      padding-block-end: calc(var(--table-cell-padding-block) * 2);
    }
  }

  .cart-drawer .free-shipping-bar {
    margin-block-end: var(--base-gap);
    border: 0;
  }

  .select {
    padding: var(--input-padding-block) var(--input-padding-inline);
    /* padding-inline-end: calc(var(--input-padding-inline) * 2 + 10px); */

  }

  .floating-label {
    padding: 0 .25rem;
  }
  
  /**
   * @view Bordered Box
   */
  .bordered-box {
    padding: var(--base-gap);
  }

  .bordered-box__title {
    padding-inline: var(--space-xs);
  }

  /**
   * @view Cart Page
   */
  .cart-page td {
    vertical-align: top;
  }

  /**
   * @view Cart Recap
   */
  .cart-recap {
    gap: var(--space-lg) var(--base-gap);
  }

  /**
   * @view Info Cards
   */
  .info-cards {
    --lg-grid-column: 1 / 9;
    --xl-grid-column: 1 / 10;
    --spacer-margin: 0 var(--space-3xl);
    --spacer-padding: var(--space-3xl);
    --stack-gap: var(--space-2xl);

    /* background-color: var(--color-gray-light); */
  }

  .info-cards h2 {
    text-align: center;
  }

  .info-cards__grid {
    --grid-gap: var(--base-gap);
    --md-grid-columns: 3;
    --lg-grid-columns: 3;
    --wrap-max-width: 100rem;

  }

  /**
   * @view Info Card
   */
  .info-card {
    --stack-gap: var(--space-sm);

    /* padding: var(--space-sm); */
    padding: var(--space-2xl) var(--base-gap);
    background-color: var(--color-gray-light);
    color: var(--color-black);
    /* border: 1px solid rgb(var(--border-color)); */
    border-radius: var(--base-radius);
    /* box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10); */
    text-align: center;
  }

  .info-card > * {
    max-width: 20rem;
    margin-inline: auto;
  }

  /**
   * @view Announcement Bar
   */
  .announcement-bar {
    background-color: var(--color-accent);
    color: var(--color-white);
  }

  /**
   * @view Cart Note
   */
  .cart-note {
    width: 100%;
  }

  .cart-footer {
    gap: var(--space-xl) var(--base-gap);
    margin-block-start: var(--space-xs);
  }

  @media screen and (min-width: 700px) {
    .cart-footer {
      flex-direction: column;
      /* gap: var(--space-xl) var(--base-gap); */
    }

    .cart-footer > * {
      flex-basis: 0;
      flex-grow: 1;
    }
  }

  @media  (min-width: 700px) {
    .cart-recap {
      text-align: start;
      justify-items: start;
      margin-inline-start: 0;
    }
  }

  /**
   * @view Usps
   */
  .usps {
    --stack-gap: var(--space-xs);
  }

  .usps__usp {
    --flex-gap: var(--space-xs);
    --flex-items: center;
  }

  /**
   * @view Variant Picker
   */
  .variant-picker__option-values {
    --flex-gap: var(--space-xs);
  }

  .block-swatch {
    font-size: var(--text-xs);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
    padding: 0.5em 0.75em; 
  }

  .main-search-form {
    min-width: auto;
  }

  .main-search-form button {
    padding: 0.25rem;
  }

  /**
   * @view Collection Intro
   */
  .collection-intro {
    --stack-gap: var(--space-3xl);
  }
  
  .collection-intro__wrap {
    --spacer-padding: var(--space-3xl) 0;
    --grid-gap: var(--space-2xl) var(--base-gap);
    --lg-grid-columns: var(--base-grid);

    width: 100%;
  }

  .collection-intro__wrap .form-control {
    font-weight: var(--font-regular);
  }

  .shopify-section--main-list-collections .collection-intro__wrap {
    --spacer-padding: var(--space-3xl);
  }

  .collection-intro__title {
    --lg-grid-column: 1 / 4;
  }

  .collection-intro__description {
    --lg-grid-column: 4 / 12;

    /* text-wrap: balance; */
    font-weight: var(--font-semibold);
  }

  .collection-intro__breadcrumb {
    --spacer-padding: 0 var(--space-lg);
  }

  .collection-intro__featured-image {
    --frame-ratio: 4/1;
    --lg-grid-column: 1 / -1;
    
    width: 100%;
    border-radius: var(--base-radius);
  }

  /**
   * @view Collection
   */
  .collection {
    --stack-gap: var(--space-3xl);
    /* --wrap-padding: 0; */
  }

  /* @media (min-width: 1150px) {
    .collection {
      --wrap-padding: var(--base-gap);
    }
  } */

  .collection__wrap {
    /* --spacer-padding: var(--space-lg); */
  }

  @media (min-width: 1150px) {
    .collection__wrap {
      --spacer-padding: var(--space-2xl);

      border-top: 1px solid rgb(var(--border-color));
    }
  }

  .collection__product-grid {
    --grid-gap: var(--space-2xl) var(--space-xs);
    --grid-columns: 2;
    --lg-grid-columns: 4;
    --lg-grid-gap: var(--space-2xl) var(--base-gap);
  }

  .collection__article-grid {
    --grid-gap: var(--space-2xl) var(--space-xs);
    --grid-columns: 1;
    --md-grid-columns: 2;
    --lg-grid-columns: 4;
    --lg-grid-gap: var(--space-2xl) var(--base-gap);
  }

  .collection__poster-grid {
    --grid-gap: var(--space-2xs);
    --md-grid-columns: 2;
    --lg-grid-columns: 3;
    --lg-grid-gap: var(--space-2xl) var(--base-gap);
  }

  .text-with-icon {
    gap: var(--space-2xs);
  }

  .text-with-icon svg {
    width: 0.75rem;
    height: auto;
  }

  /**
   * @view Poster Collection
   */
  /* .poster-collection {
    --stack-gap: var(--space-3xl);
    --grid-gap: var(--base-gap) var(--space-2xs);
    --grid-columns: 1;
    --lg-grid-columns: 3;
    --lg-grid-gap: var(--space-2xl) var(--base-gap);
  }

  .poster-collection__grid {
    --spacer-padding: var(--space-lg) 0;
    --spacer-margin: var(--space-lg) 0;
    --grid-gap: var(--base-gap) var(--space-2xs);
    --grid-columns: 1;
    --lg-grid-columns: 3;
    --lg-grid-gap: var(--space-2xl) var(--base-gap);

    border-top: 1px solid rgb(var(--border-color));
  }

  @media (min-width: 1150px) {
    .poster-collection__grid {
      --spacer-margin: var(--space-3xl) 0;
    }
  } */

  /**
   * @view Poster
   */
  .poster {
    /* position: relative; */
  }
  
  .poster__media {
    --grid-column: 1;
    --grid-row: 1;
    --frame-ratio: 4/5;

    border-radius: var(--base-radius);
  }

  .poster__media::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: var(--color-black);
    opacity: 0.3;
  }

  .poster__content {
    --grid-column: 1;
    --grid-row: 1;
    --flex-direction: column;
    --flex-content: space-between;
    --flex-items: start;
    
    position: relative;
    z-index: 2;
    padding: var(--space-sm);
    color: var(--color-white);
  }

  /**
   * @view Collection Toolbar
   */
  .collection__toolbar-wrap {
    --spacer-padding: var(--space-lg) var(--space-2xl);
    --flex-gap: var(--space-xs) var(--base-gap);
    --flex-items: center;
    --flex-wrap: nowrap;
    --flex-content: space-between;

    width: 100%;
    border-top: 1px solid rgb(var(--border-color));
  }

  .collection__toolbar-products-count {
    width: 100%;
    /* padding-block: var(--space-lg); */
  }

  .collection-toolbar__button-group {
    --flex-gap: var(--base-gap);
    --flex-content: space-between;
    --flex-content: end;

    width: 100%;
    /* padding-block: var(--space-lg); */
  }

  .collection-toolbar__button-container {
    width: auto;
    position: relative;
  }

  .collection-toolbar__button-container + .collection-toolbar__button-container {
    border-inline-start-width: 0;
  }

  .collection-toolbar__button {
    opacity: 1;
  }

  .collection-toolbar__button[aria-controls="facets-drawer"][aria-expanded="true"] svg {
    transform: rotateZ(135deg);
  }

  @media (min-width: 700px) {
    .collection-toolbar__button {
      padding-block: 0;
    }
  }

  @media (min-width: 700px) {
    .collection-toolbar__button-container {
      border-inline-start-width: 0;
    }
  }

  .checkbox-control [data-base="text-label"] {
    line-height: inherit;
  }

  /**
   * @view Show Cart Note
   */
  .show-cart-note {
    --stack-gap: var(--space-xs);

    align-items: start;
  }

  .blog-tags {
    --flex-gap: var(--space-xs);
  }

  /**
   * @view Main Search
   */
  .main-search__linklist {
    --stack-gap: var(--space-sm);
    --spacer-padding: var(--base-gap);

    text-align: left;
  }

  /**
   * @view Form
   */
  cart-note-dialog .form {
    padding: var(--space-md);
  }

  .input, .form, .textarea {
    font-size: var(--text-xs);
    padding: var(--input-padding-block) var(--input-padding-inline);
    letter-spacing: var(--tracking-sm);
  }

  .form-control {
    --form-control-gap: var(--space-sm);
  }

  .popover__value-option {
    text-align: left;
    font-size: var(--text-xs);
    font-weight: var(--font-regular);
    width: 100%;
    color: rgb(var(--text-color) / .65);
    letter-spacing: -0.02em;
    transition: color .2s ease-in-out;
  }

  .popover__value-option[aria-selected="true"], .popover__value-option:hover {
    color: rgb(var(--text-color));
    font-weight: var(--font-semibold);
  }

  /**
   * @view Empty State
   */
  .empty-state {
    --stack-gap: var(--space-2xl);

    width: 100%;
  }

  .empty-state__wrap {
    --flex-gap: var(--space-xs) var(--base-gap);
    --flex-items: end;
    --flex-wrap: nowrap;
    --flex-content: space-between;
    --spacer-padding: var(--space-3xl) 0;
    --spacer-margin: var(--space-3xl) 0;

    width: 100%;
    /* border-top: 1px solid rgb(var(--border-color)); */
  }

  /**
   * @view Switch
   */
  .switch {
    --switch-height: 1rem;
    --switch-width: 2.25rem;
    --switch-padding: .1875rem;
    --switch-toggle-size: .625rem;

    -webkit-appearance: none;
    appearance: none;
    height: var(--switch-height);
    width: var(--switch-width);
    padding: var(--switch-padding);
    border-radius: var(--rounded-full);
    background: rgb(var(--text-color) / .2);
    align-self: center;
    transition: background .2s ease-in-out;
    display: grid;
  }
  
  .switch:checked {
    background-color: var(--color-black);
    color: var(--color-white);
  }

  /**
   * @view Removable Facet
   */
  .removable-facet {
    font-size: var(--text-xs);
    padding: var(--space-2xs) var(--space-xs);
    border: 0; /* 1px solid var(--color-black); */
    background-color: var(--color-gray-light);
    color: var(--color-black);
  }

  .removable-facet:hover {
    background-color: var(--color-black);
    color: var(--color-white);
  }

  .removable-facet svg {
    width: 0.625rem;
    height: auto;
    color: var(--color-black);
  }

  .removable-facet:hover svg {
    color: var(--color-white);
  }
  
  /**
   * @view Input Prefix
   */
  .input-prefix {
    flex: inherit;
    gap: var(--space-2xs);
    border: 0;
    padding: var(--space-xs) 0;
  }

  .price-range .input-group {
    justify-content: center;
  }

  /**
   * @view Active Facets
   */
  .active-facets {
    justify-content: center;
  }

  /* @media (min-width: 1150px) {
    .active-facets {
      --wrap-padding: 0;

      justify-content: end;
    }
  } */

  /**
   * @view Breadcrumb
   */
  .breadcrumb {
    display: block;
  }
  
  .breadcrumb__list {
    --flex-wrap: wrap;
    --flex-gap: var(--space-xs);
  }

  .breadcrumb__list-item + .breadcrumb__list-item:before {
    display: none;
    /* content: "";
    color: rgb(var(--text-color) / .65);
    margin-inline-end: 0;
    font-size: var(--text-sm);
    display: inline-block; */
  }
  
  /**
   * @view Text Banner
   */
  .text-banner {
    --spacer-margin: var(--space-3xl) 0;
    --spacer-padding: var(--space-3xl);
    --grid-gap: var(--space-2xl) var(--base-gap);
    --lg-grid-columns: var(--base-grid);
  }

  .text-banner[data-variant="white"] {
    background-color: var(--color-white);
    color: var(--color-black);
  }

  .text-banner[data-variant="blue"] {
    background-color: var(--color-accent);
    color: var(--color-black);
  }

  /* @media (min-width: 1150px) {
    .text-banner {}
  } */

  @media (min-width: 1150px) {
    .text-banner__icon {
      --lg-grid-column: span 2;
    }
  }

  .text-banner__icon svg {
    width: 2rem;
    height: auto;
  }

  @media (min-width: 1150px) {
    .text-banner__icon svg {
      width: 4rem;
    }
  }

  /* @media (min-width: 1150px) {
    .text-banner__content {
      --lg-grid-column: 4 / 10;
    }
  } */

  .text-banner__content {
    --lg-grid-column: 4 / 10;
  }

  .text-banner__text {
    text-wrap: balance;
  }

  /**
   * @view Article Card
   */
  .article-card {
    --stack-gap: var(--space-lg);
  }

  .article-card__media {
    --frame-ratio: 4/5;

    border-radius: var(--base-radius);
  }
  
  .article-card__tag:hover {
    text-decoration: underline;
  }

  .article-card__title {
    --spacer-padding: var(--space-2xs) 0;
  }

    /* .article-card__title:hover {
      text-decoration: underline;
    } */

  .article-card__content {
    --stack-gap: var(--space-xs);
    
    padding-inline: var(--space-2xs);
  }

  .article-card__excerpt {
    /* display: none; */
    font-size: var(--text-xs);
  }

  @media (min-width: 1150px) {
    .article-card__excerpt {
      /* display: block; */
      font-size: var(--text-sm);
    }
  }

  .article-card__content > * {
    width: min(95%, 35rem);
  }

  .article-card__read-more {
    --spacer-padding: var(--space-xs) 0;

    /* display: none; */
  }

  @media (min-width: 700px) {
    .article-card__read-more {
      /* display: block; */
    }
  }

  @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .article-card .zoom-image {
      transform-origin: center;
      transition: scale 6s cubic-bezier(.25, .46, .45, .94);
    }
  }

  @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .article-card:hover .zoom-image {
      scale: 1.125;
    }
  }

  /**
   * @view Article
   */
  .article {
    --lg-grid-column: 4 / 10;
    --spacer-margin: var(--space-3xl) 0;
  }

  .article > * {
    width: 100%;
  }

  @media (min-width: 1150px) {
    .article > * {
      max-width: 50rem;
      margin-inline: auto;
    }
  }

  .article__heading {
    --spacer-padding: var(--space-lg);
  }

  .article__tags {
    --flex-gap: var(--space-xs);
  }

  .article__inner {
    --stack-gap: var(--space-xl);
  }

  .article__pagination {
    --spacer-padding: var(--space-2xl);
  }

  .article__pagination-list {
    --flex-gap: var(--base-gap);
    --flex-content: space-between;
  }

  .article__pagination-link {
    --flex-gap: var(--space-xs);
    --flex-items: center;
  }

  .article__pagination-link:hover {
    text-decoration: underline;
  }

  .article__pagination-link svg {
    width: 1.375rem;
    height: auto;
  }

  /**
   * @view Article Sidebar
   */
  .article-sidebar {
    --spacer-margin: var(--space-3xl);
  }

  .article-sidebar__inner {
    --spacer-padding: var(--space-lg);
    --grid-gap: var(--space-3xl) var(--base-gap);
    --lg-grid-columns: var(--base-grid);

    /* border-top: 1px solid rgb(var(--border-color)); */
  }

  .article-sidebar__main {
    --lg-grid-column: 4 / 10;
  }

  .article-sidebar__main > * {
    width: 100%;
  }

  @media (min-width: 1150px) {
    .article-sidebar__main > * {
      max-width: 50rem;
      margin-inline: auto;
    }
  }

  .article-sidebar__sidebar {
    --lg-grid-column: 1 / 4;
  }

  .article-sidebar__list {
    --spacer-padding: var(--space-xs) 0;
    --stack-gap: var(--space-2xl);
  }

  .article-sidebar__group {
    --stack-gap: var(--space-sm);
  }

  .article-sidebar__group-label {
    color: var(--color-gray-dark);
  }

  .article-sidebar__group-list {
    --stack-gap: var(--space-2xs);
  }

  .article-sidebar__link[aria-current="page"] {
    color: var(--color-accent);
  }

  /* Article flow */
  .article-sidebar__content {
    --stack-gap: var(--space-xl);
  }
  
  .article-sidebar__faq {
    margin-block-start: var(--space-2xl);
  }

  .article-sidebar__faq > .accordion + .accordion {
    --flow-space: var(--space-2xs);
  }

  .article-sidebar__faq > * + .article-sidebar__block-heading {
    --flow-space: var(--space-2xl);
  }

  .article-sidebar__faq > .article-sidebar__block-heading + .accordion {
    --flow-space: var(--space-lg);
  }

  /* Article sidebar nav */
  .article-sidebar__nav[data-screen="large"] {
    display: none;
    position: sticky;
    top: calc(var(--header-height) + var(--space-3xl));
  }

  .article-sidebar__nav[data-screen="small"] {
    display: block;
  }

  @media (min-width: 1150px) {
    .article-sidebar__nav[data-screen="large"] {
      display: block;
    }

    .article-sidebar__nav[data-screen="small"] {
      display: none;
    }
  }

  /**
   * @view Predictive Search
   */
  .predictive-search__results {
    --grid-gap: var(--space-3xl) var(--base-gap);
    --lg-grid-columns: var(--base-grid);

    padding-block: var(--space-xl);
  }

  .predictive-search__products,
  .predictive-search__collections {
    --auto-grid-gap: var(--base-gap);
    --auto-grid-column-size: 16rem;
  }

  .predictive-search__results > *:nth-child(1) {
    --lg-grid-column: 1 / 4;
  }

  .predictive-search__results > *:nth-child(2) {
    --lg-grid-column: 4 / -1;
  }

  .predictive-search__category,
  .main-search__tabs button[type="button"],
  .predictive-search__tabs button:[type="button"] {
    padding-block-end: var(--space-2xs);
  }

  .content-tabs::part(tab-list) {
    gap: var(--space-2xl);
    margin-block-end: var(--base-gap);
  }

  .search-collection-border {
    padding-block-start: var(--base-gap);
    border-top: 1px solid rgb(var(--border-color));
  }

  .main-search .content-tabs::part(tab-list) {
    margin-block-end: -1px;
    margin-inline: var(--base-gap);
  }

  .content-tabs [role="tab"] {
    position: relative;
    z-index: 1;
  }

  /**
   * @view Accordion
   */
  .accordion {
    padding-block: var(--space-sm);
  }

  .accordion__content {
    padding-block: var(--space-lg);
  }
  
   /**
   * @view Doscount Badge
   */
  .discount-badge {
    /* padding: var(--space-xs); */
    /* border-radius: var(--base-radius-sm); */
    align-items: start;
    font-size: var(--text-xs);
    background-color: var(--color-white);
    color: var(--color-red);
  }

  .discount-badge svg {
    display: none;
    margin-block-start: 0.25rem;
  }

  /**
   * @view NW Button
   */
  .nw-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-sm) var(--space-lg);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    cursor: pointer;
    transition: 
      transform 100ms ease-out,
      background-color 200ms ease-out;
    white-space: nowrap;
    border-radius: var(--base-radius);
    font-weight: var(--font-semibold);
    letter-spacing: -0.02em;
    background-color: var(--color-accent);
    color: var(--color-white);
    text-align: center;
    text-decoration: none;
  }

  /* Temp hack */
  .config-modal__size-button--save {
    background-color: var(--color-black);
  }

  .nw-button:active {
    transform: scale(0.98);
  }

  .nw-button[data-variant="secondary"] {
    background-color: var(--color-black);
    color: var(--color-white);
    border: 1px solid var(--color-black);
  }

  .nw-button[data-size="full-width"] {
    width: 100%;
  }

  .nw-button[name="checkout"] {
    gap: var(--space-xs);
  }  

  /**
   * @view Shopify Policy
   */
  .shopify-policy__container {
    --spacer-padding: var(--space-3xl);

    max-width: calc(50rem + calc(var(--base-gap) * 2)) !important;
    padding-inline: var(--base-gap) !important;
  }

  .shopify-policy__title  {
    text-align: left !important;
  }

  /**
   * @view Reveal (<s-reveal>)
   */
  [data-expanded] {
    --reveal-transition-duration: 200ms;

    display: none;
    /* overflow: hidden; */
    transition:
      height var(--reveal-transition-duration) ease-out,
      opacity var(--reveal-transition-duration) ease-out;
  }

  [data-expanded="true"] {
    display: block;
    height: auto;
    opacity: 1;
  }

  [data-opening="true"] {
    opacity: 0;
  }

  [data-closing="true"] {        
    height: 0;
    opacity: 0;
  }
}

/**
* Hack to override Minmaxify plugin styling
*/
.minmaxify-dlg {
  overflow: hidden;
  border-radius: var(--base-radius) !important;
}

.minmaxify-p {
  padding: var(--base-gap) !important;
  background-color: var(--color-white) !important;
  font-size: var(--text-sm) !important;
  font-weight: var(--font-semibold) !important;
  letter-spacing: var(--tracking-sm)!important;
  line-height: var(--leading-md) !important;
  border: none !important;
}

.minmaxify-close {
  padding-inline-start: var(--space-sm) !important;
}

.minmaxify-p ul {
  list-style: none !important;
  padding-inline-start: 0 !important;
  font-size: var(--text-xs) !important;
  font-weight: var(--font-regular) !important;
}

.minmaxify-ok {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: var(--space-sm) var(--space-lg) !important;
  font-size: var(--text-sm) !important;
  font-weight: var(--font-semibold) !important;
  cursor: pointer !important;
  transition: 
    transform 100ms ease-out,
    background-color 200ms ease-out !important;
  white-space: nowrap !important;
  border-radius: var(--base-radius) !important;
  font-weight: var(--font-semibold) !important;
  letter-spacing: -0.02em !important;
  background-color: var(--color-accent) !important;
  color: var(--color-white) !important;
  text-align: center !important;
  text-decoration: none !important;
}