/* @font-face moved into layout/theme.liquid so the woff2 files are served from the theme's own assets (no reference-CDN font dependency). */
:root {
    /* Page layout */
    --page-width: 144.0rem;
    --page-width-narrow: 88.0rem;

    --logo-width: 160px;
    --logo-width-mobile: 125px;
    --logo-width-menu-drawer: 125px;

    /* Typography presets */--font-size--mega-title: clamp(
      3.36rem,
      calc(2.807vw + 1.207rem),
      4.8rem
    );
    --font-size--h1: clamp(
      2.8rem,
      calc(2.339vw + 1.006rem),
      4.0rem
    );
    --font-size--h2: clamp(
      2.24rem,
      calc(1.871vw + 0.805rem),
      3.2rem
    );
    --font-size--h3: clamp(
      1.96rem,
      calc(1.637vw + 0.704rem),
      2.8rem
    );
    --font-size--h4: clamp(
      1.6rem,
      calc(1.17vw + 0.703rem),
      2.2rem
    );
    --font-size--h5: clamp(
      1.6rem,
      calc(0.39vw + 1.301rem),
      1.8rem
    );
    --font-size--h6: clamp(
      1.6rem,
      calc(0.0vw + 1.6rem),
      1.6rem
    );
    --font-size--paragraph: 1.5rem;
    --font-size--paragraph-small: 1.35rem;--font-paragraph--weight: 400;--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-h1--weight: var(--font-heading--weight);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h2--weight: var(--font-heading--weight);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h3--weight: var(--font-heading--weight);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h4--weight: var(--font-heading--weight);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h5--weight: var(--font-heading--weight);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h6--weight: var(--font-heading--weight);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-heading--family);--font-h6--style: var(--font-heading--style);/* Line heights */
    --font-mega-title--line-height: 1.2;
    --font-h1--line-height: 1.2;
    --font-h2--line-height: 1.3125;
    --font-h3--line-height: 1.357;
    --font-h4--line-height: 1.454;
    --font-h5--line-height: 1.555;
    --font-h6--line-height: 1.625;
    --font-paragraph--line-height: 1.6;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.2;
    --line-height--heading-normal: 1.357;
    --line-height--heading-loose: 1.625;

    --line-height--subheading-tight: 1.2;
    --line-height--subheading-normal: 1.357;
    --line-height--subheading-loose: 1.625;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Spacing */
    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;
    --font-heading--spacing: clamp(2.4rem, .8em, 6rem);
    --font-paragraph--spacing: clamp(2.4rem, .8em, 6rem);


    /* Animations */
    --animation-duration--fast: 0.25s;
    --animation-duration--medium: 0.35s;
    --animation-duration--slow: 0.5s;
    --animation-duration--long: 0.6s;
    --animation-easing: ease-in-out;
    --animation-easing--smooth: cubic-bezier(0.3, 1, 0.3, 1);
    --fixed-overlay-easing: cubic-bezier(0.7, 0, 0.2, 1);
    --transform-origin-start: left;
    --transform-origin-end: right;
    --flip-x-factor: 1;

    /* Font families */
    --font-body--family: "Bricolage Grotesque", sans-serif;
    --font-body--style: normal;
    --font-body--weight: 500;--font-subheading--family: "Bricolage Grotesque", sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 700;
    --font-subheading--transform: uppercase;
    --font-subheading--letter-spacing: 0.0em;
    --font-subheading--size-scale: 1.0;
    --font-subheading--size: 1.5rem;--font-pcard-title--family: "Bricolage Grotesque", sans-serif;
    --font-pcard-title--style: normal;
    --font-pcard-title--weight: 700;
    --font-pcard-title--size-scale: 1.0;
    --font-pcard-title--size: 1.5rem;--font-pcard-price--family: "Bricolage Grotesque", sans-serif;
    --font-pcard-price--style: normal;
    --font-pcard-price--weight: 700;--font-pcard-badge--family: "Bricolage Grotesque", sans-serif;
    --font-pcard-badge--style: normal;
    --font-pcard-badge--weight: 700;
    --font-pcard-badge--transform: none;
    --font-pcard-badge--letter-spacing: 0.0em;--font-navigation--family: "Bricolage Grotesque", sans-serif;
    --font-navigation--style: normal;
    --font-navigation--weight: 500;
    --font-navigation--transform: none;
    --font-navigation--letter-spacing: 0.0em;--font-button--family: "Bricolage Grotesque", sans-serif;
    --font-button--style: normal;
    --font-button--weight: 700;

    --font-heading--family: "Bricolage Grotesque", sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 700;

    --font-highlight--family: "Bricolage Grotesque", sans-serif;
    --font-highlight--style: normal;
    --font-highlight--weight: 700;

    /* Buttons */
    --font-button--transform: capitalize;
    --font-button--letter-spacing: 0.0em;

    /* Inputs */
    --select-arrow-icon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTkuNzUgNC41TDYgOC4yNUwyLjI1IDQuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
    --input-border-radius: 6.0rem;
    --input-height: 5.0rem;
    --input-border-width: 0.1rem;
    --textareas-radius:  min(6.0rem, 1rem);
    /* Buttons */
    --button-height: 5.0rem;
    --button-corner-radius: 6.0rem;
    --button-border-thickness: 0.1rem;

    /* Z-index */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 40;

    /* Badges */
    --color-new-badge-background: 91 168 109;
    --color-new-badge-text: 255 255 255;
    --color-hot-badge-background: 149 105 204;
    --color-hot-badge-text: 255 255 255;
    --color-popular-badge-background: 105 123 204;
    --color-popular-badge-text: 255 255 255;
    --color-sale-badge-background: 196 48 28;
    --color-sale-badge-text: 255 255 255;
    --color-sold-out-badge-background: 148 148 148;
    --color-sold-out-badge-text: 255 255 255;
    --color-cart-bubble-text: #FFFFFF;
    --color-cart-bubble-background: #d93b26;
    --badge-corner-radius: 6.0rem;

    /* Hardcoded Color */
    --color-white: 255 255 255;
    --color-black: 0 0 0;
    --color-focus-ring: 27 87 192;

    /* Product card */
    --product-card-media-radius: 2.0rem;

    /* Dialog */
    --dialog-radius: 2.0rem;
    --dialog-backdrop-opacity: 60%;
  }



:root,
    .color-scheme-1 {
      --color-background: 255 255 255;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-inverse {
      --color-background: 0 0 0;
      --color-background-secondary: 33 33 33;
      --color-foreground: 255 255 255;
      --color-foreground-secondary: rgba(255 255 255 / 0.7);
      --color-border: 255 255 255;
      --color-border-alpha: 0.2;
      --color-sale-price: 255 255 255;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 47 47 47;
      --color-secondary-button-text: 255 255 255;
      --color-secondary-button-border: 47 47 47;
      --color-input-background: 255 255 255;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 255 255 255;
      --color-swatch-border: rgb(47 47 47);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(255 255 255);
    }


    .color-scheme-2 {
      --color-background: 245 245 245;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 0 0 0;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-3 {
      --color-background: 243 243 243;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-4 {
      --color-background: 241 241 241;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 0 0 0;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-5 {
      --color-background: 241 243 192;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-6 {
      --color-background: 246 253 124;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-7 {
      --color-background: 240 235 255;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-8 {
      --color-background: 255 200 200;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-9 {
      --color-background: 225 236 244;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-10 {
      --color-background: 227 246 247;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


    .color-scheme-11 {
      --color-background: 251 237 235;
      --color-background-secondary: 255 255 255;
      --color-foreground: 219 72 52;
      --color-foreground-secondary: rgba(219 72 52 / 0.7);
      --color-border: 219 72 52;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 219 72 52;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }


  body, .inherit-color-scheme, .color-scheme-1, .color-scheme-inverse, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10, .color-scheme-11 {
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
  }

  @media (min-width: 767.98px) {
    .desktop-color-scheme-1 {
      --color-background: 255 255 255;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-inverse {
      --color-background: 0 0 0;
      --color-background-secondary: 33 33 33;
      --color-foreground: 255 255 255;
      --color-foreground-secondary: rgba(255 255 255 / 0.7);
      --color-border: 255 255 255;
      --color-border-alpha: 0.2;
      --color-sale-price: 255 255 255;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 47 47 47;
      --color-secondary-button-text: 255 255 255;
      --color-secondary-button-border: 47 47 47;
      --color-input-background: 255 255 255;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 255 255 255;
      --color-swatch-border: rgb(47 47 47);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(255 255 255);
    }
    .desktop-color-scheme-2 {
      --color-background: 245 245 245;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 0 0 0;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-3 {
      --color-background: 243 243 243;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-4 {
      --color-background: 241 241 241;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 0 0 0;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-5 {
      --color-background: 241 243 192;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-6 {
      --color-background: 246 253 124;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-7 {
      --color-background: 240 235 255;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-8 {
      --color-background: 255 200 200;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-9 {
      --color-background: 225 236 244;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-10 {
      --color-background: 227 246 247;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .desktop-color-scheme-11 {
      --color-background: 251 237 235;
      --color-background-secondary: 255 255 255;
      --color-foreground: 219 72 52;
      --color-foreground-secondary: rgba(219 72 52 / 0.7);
      --color-border: 219 72 52;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 219 72 52;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    
    .desktop-color-scheme-1, .desktop-color-scheme-inverse, .desktop-color-scheme-2, .desktop-color-scheme-3, .desktop-color-scheme-4, .desktop-color-scheme-5, .desktop-color-scheme-6, .desktop-color-scheme-7, .desktop-color-scheme-8, .desktop-color-scheme-9, .desktop-color-scheme-10, .desktop-color-scheme-11 {
      color: rgb(var(--color-foreground));
      background-color: rgb(var(--color-background));
    }
  }
  @media (max-width: 767px) {
    .mobile-color-scheme-1 {
      --color-background: 255 255 255;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-inverse {
      --color-background: 0 0 0;
      --color-background-secondary: 33 33 33;
      --color-foreground: 255 255 255;
      --color-foreground-secondary: rgba(255 255 255 / 0.7);
      --color-border: 255 255 255;
      --color-border-alpha: 0.2;
      --color-sale-price: 255 255 255;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 47 47 47;
      --color-secondary-button-text: 255 255 255;
      --color-secondary-button-border: 47 47 47;
      --color-input-background: 255 255 255;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 255 255 255;
      --color-swatch-border: rgb(47 47 47);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(255 255 255);
    }
    .mobile-color-scheme-2 {
      --color-background: 245 245 245;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 0 0 0;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-3 {
      --color-background: 243 243 243;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-4 {
      --color-background: 241 241 241;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.15;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 255 255 255;
      --color-primary-button-text: 0 0 0;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 0 0 0;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-5 {
      --color-background: 241 243 192;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-6 {
      --color-background: 246 253 124;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-7 {
      --color-background: 240 235 255;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-8 {
      --color-background: 255 200 200;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-9 {
      --color-background: 225 236 244;
      --color-background-secondary: 238 238 238;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-10 {
      --color-background: 227 246 247;
      --color-background-secondary: 255 255 255;
      --color-foreground: 0 0 0;
      --color-foreground-secondary: rgba(0 0 0 / 0.7);
      --color-border: 0 0 0;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 235 235 235;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 235 235 235;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 0 0 0;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    .mobile-color-scheme-11 {
      --color-background: 251 237 235;
      --color-background-secondary: 255 255 255;
      --color-foreground: 219 72 52;
      --color-foreground-secondary: rgba(219 72 52 / 0.7);
      --color-border: 219 72 52;
      --color-border-alpha: 0.1;
      --color-sale-price: 196 48 28;
      --color-primary-button-background: 0 0 0;
      --color-primary-button-text: 255 255 255;
      --color-primary-button-border: ;
      --color-secondary-button-background: 255 255 255;
      --color-secondary-button-text: 0 0 0;
      --color-secondary-button-border: 255 255 255;
      --color-input-background: 238 238 238;
      --color-input-text: 0 0 0;
      
      --color-input-focus-text: 219 72 52;
      --color-swatch-border: rgb(227 227 227);
      --color-notification-success: 10 155 97;
      --color-notification-error: 196 48 28;
      --color-notification-warning: 255 193 7;
      --color-notification-info: 0 123 255;
      --color-notification-out-of-stock: 114 114 114;
      --color-progress-bar: 4 155 110;
      --input-border-color: rgb(238 238 238);
    }
    
    .mobile-color-scheme-1, .mobile-color-scheme-inverse, .mobile-color-scheme-2, .mobile-color-scheme-3, .mobile-color-scheme-4, .mobile-color-scheme-5, .mobile-color-scheme-6, .mobile-color-scheme-7, .mobile-color-scheme-8, .mobile-color-scheme-9, .mobile-color-scheme-10, .mobile-color-scheme-11 {
      color: rgb(var(--color-foreground));
      background-color: rgb(var(--color-background));
    }
  }


  :root {
    --swiper-theme-color: #007aff;
  }
  :host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
  }
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
  }
  .swiper-android .swiper-slide,
  .swiper-ios .swiper-slide,
  .swiper-wrapper {
    transform: translateZ(0);
  }
  .swiper-horizontal {
    touch-action: pan-y;
  }
  .swiper-vertical {
    touch-action: pan-x;
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
  }
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  .swiper-initialized.swiper-equal-height .swiper-slide,
  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto;
  }
  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }
  .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  .swiper-3d {
    perspective: 1200px;
  }
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.1490196078);
  }
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  }
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
  }
  .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
  }
  .swiper-fade .swiper-slide-active,
  .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
  }
  @media (min-width: 768px) {
    .carousel--grid .swiper:not(.swiper-initialized) {
      --f-slide-width: var(
        --f-columns-md,
        var(--f-columns-lg, var(--f-columns-xl, var(--f-columns-xxl)))
      );
    }
    .carousel--grid .swiper:not(.swiper-initialized) .swiper-wrapper {
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      column-gap: var(--f-column-gap-max, var(--f-column-gap));
    }
    .carousel--grid .swiper:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }
    .carousel--grid .swiper:not(.swiper-initialized) :is(.swiper-slide, .swiper-slide-custom) {
      flex: 0 0 auto;
      scroll-snap-align: start;
    }
    .carousel--grid .swiper.swiper-initialized .swiper-wrapper {
      --f-column-gap: 0px !important;
    }
    .carousel--grid:not(.carousel--view-auto)
      .swiper:not(.swiper-initialized)
      :is(.swiper-slide, .swiper-slide-custom) {
      width: calc(
        (100% - (var(--f-slide-width) - 1) * var(--f-column-gap-max, var(--f-column-gap))) /
          var(--f-slide-width)
      );
    }
  }
  @media (min-width: 1024px) {
    .carousel--grid .swiper:not(.swiper-initialized) {
      --f-slide-width: var(--f-columns-lg, var(--f-columns-xl, var(--f-columns-xxl)));
    }
  }
  @media (min-width: 1200px) {
    .carousel--grid .swiper:not(.swiper-initialized) {
      --f-slide-width: var(--f-columns-xl, var(--f-columns-xxl));
    }
  }
  @media (min-width: 1440px) {
    .carousel--grid .swiper:not(.swiper-initialized) {
      --f-slide-width: var(--f-columns-xxl);
    }
  }
  @media (max-width: 767.98px) {
    .carousel--grid .swiper.mobile-slider:not(.swiper-initialized) .swiper-wrapper {
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      column-gap: var(--f-column-gap);
    }
    .carousel--grid
      .swiper.mobile-slider:not(.swiper-initialized)
      .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }
    .carousel--grid .swiper.mobile-slider .swiper-slide {
      width: calc(
        (100% - (var(--f-columns-mobile) - 1) * var(--f-column-gap)) / var(--f-columns-mobile)
      );
      flex: 0 0 auto;
      scroll-snap-align: start;
    }
    .carousel--grid .swiper.mobile-slider.swiper-initialized .swiper-wrapper {
      --f-column-gap: 0px !important;
    }
  }

  /* Motion component prestage - prevents flash before JS applies initial animation states */
  motion-component {
    display: block;
  }
  motion-component:not([data-initialized]):not([data-motion-hold]) {
    will-change: transform, opacity;
  }
  motion-component[data-initialized] {
    will-change: auto; /* Clean up sau animation */
  }
  @media (prefers-reduced-motion: no-preference) {
    /* If disabled at any scope, neutralize prestage */
    [data-motion-disabled] motion-component:not([data-initialized]),
    motion-component[data-motion-off]:not([data-initialized]) {
      visibility: visible !important;
      opacity: 1 !important;
      transform: none !important;
      will-change: auto;
    }
    motion-component:not([data-initialized]):not([data-motion-hold])[data-motion='fade-in'] {
      opacity: 0;
    }
    motion-component:not([data-initialized]):not([data-motion-hold])[data-motion='fade-up'] {
      opacity: 0;
      transform: translateY(2.5rem);
    }
    motion-component:not([data-initialized]):not([data-motion-hold])[data-motion='slide-in-left'] {
      opacity: 0;
      transform: translateX(-2.5rem);
    }
    motion-component:not([data-initialized]):not([data-motion-hold])[data-motion='slide-in-right'] {
      opacity: 0;
      transform: translateX(2.5rem);
    }
    motion-component:not([data-initialized])[data-motion='zoom-in'] {
      
      transform: scale(0.8);
    }
    motion-component:not([data-initialized])[data-motion='zoom-out'] {
      
      transform: scale(1.15);
    }
    
    
    
  }

  
  html.lenis,
  html.lenis body {
    height: auto;
  }

  .lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip;
  }

  .lenis [data-lenis-prevent],
  .lenis [data-lenis-prevent-wheel],
  .lenis [data-lenis-prevent-touch] {
    overscroll-behavior: contain;
  }

  .lenis.lenis-smooth iframe {
    pointer-events: none;
  }

  .lenis.lenis-autoToggle {
    transition-property: overflow;
    transition-duration: 1ms;
    transition-behavior: allow-discrete;
  }




/* ---------------------------------------------------------------------------
   The block below was lifted from the reference's <noscript><style> — rules the
   reference applies ONLY when JavaScript is off. Captured out of its <noscript>
   wrapper they became unconditional, and `.no-js-hidden { display:none!important }`
   then hid every JS-driven control on every page (quantity steppers, the mobile
   menu button, slider arrows, quick-add). Re-scoped to html.no-js, which the
   layout flips to `js` as soon as scripts run.
   --------------------------------------------------------------------------- */

    /* General */
    html.no-js .no-js-hidden{
      display: none !important;
    }

    html.no-js .no-js-alert{
      margin-top: 1.6rem;
    }

    html.no-js motion-component{
      visibility: visible !important;
      opacity: 1 !important;
      transform: none !important;
    }

    /* Component: Tab panels */
    html.no-js .tabs__panels{
      display: flex;
      flex-direction: column;
      gap: 4rem;
    }

    html.no-js .tabs__panel{
      display: flex;
      flex-direction: column;
      gap: 2.4rem;
    }

    /* Component: Accordion */
    html.no-js .accordion__details .accordion__summary-arrow.icon--caret svg{
      transform: rotateX(0deg) !important;
    }

    html.no-js .accordion__details[open] .accordion__summary-arrow.icon--caret svg{
      transform: rotateX(180deg) !important;
    }

    /* Block: Card layered */
    html.no-js .card-layered__description{
      max-height: unset;
    }

    /* Section: Scrolling cards. */
    html.no-js .scrolling-cards__headings{
      height: auto;
    }

    html.no-js .block-scrolling__headings{
      position: static;
    }

    /* Template: Collection */
    @media (min-width: 1024px){
      html.no-js results-list .collection__wrapper{
        grid-template-areas:
          'toolbar toolbar'
          'remove-buttons remove-buttons'
          'main-collection-grid main-collection-grid' !important;
      }
    }

    /* Template: Product */
    html.no-js /* Template: Cart */
    .cart-summary__addon[open]{
      border-radius: min(1rem, var(--button-corner-radius));
    }

    html.no-js .quantity-selector .quantity-input{
      padding-inline: 2.8rem 1.2rem;
    }

    html.no-js .quantity-selector .quantity-input::-webkit-outer-spin-button, html.no-js .quantity-selector .quantity-input::-webkit-inner-spin-button{
      -webkit-appearance: auto;
    }