/* Pillar (Hyper by FoxEcom) — variáveis do preset "Pillar" (config/settings_data.json),
   como o snippet css-variables.liquid as renderiza na demo oficial. Cores dos
   esquemas 1 e 2 são sobrescritas pelas cores do admin (xbz_pillar_cores_style). */
@font-face {
  font-family: "Bricolage Grotesque";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("fonts/bricolagegrotesque_n5.woff2") format("woff2");
}

  
  @font-face {
  font-family: "Bricolage Grotesque";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("fonts/bricolagegrotesque_n6.woff2") format("woff2");
}

  
  @font-face {
  font-family: "Bricolage Grotesque";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/bricolagegrotesque_n7.woff2") format("woff2");
}

  
  @font-face {
  font-family: "Bricolage Grotesque";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/bricolagegrotesque_n7.woff2") format("woff2");
}

  
  

  
    :root,
.color-scheme-1 {
      --color-background: 255,255,255;
      --color-secondary-background: 245,245,245;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
--inputs-border-width: 1px;
        --inputs-search-border-width: 2px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-1 {
        --color-background: 255,255,255;
      --color-secondary-background: 245,245,245;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-1 {
        --color-background: 255,255,255;
      --color-secondary-background: 245,245,245;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-inverse {
      --color-background: 0,0,0;
      --color-secondary-background: 0,0,0;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 255,255,255;
      --color-subtext-alpha: 1.0;
      --color-border: 196,196,196;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 230,230,230;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #999999;
      --color-foreground-lighten-40: #666666;
      --color-foreground-lighten-19: #303030;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-inverse {
        --color-background: 0,0,0;
      --color-secondary-background: 0,0,0;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 255,255,255;
      --color-subtext-alpha: 1.0;
      --color-border: 196,196,196;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 230,230,230;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #999999;
      --color-foreground-lighten-40: #666666;
      --color-foreground-lighten-19: #303030;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-inverse {
        --color-background: 0,0,0;
      --color-secondary-background: 0,0,0;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 255,255,255;
      --color-subtext-alpha: 1.0;
      --color-border: 196,196,196;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 230,230,230;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #999999;
      --color-foreground-lighten-40: #666666;
      --color-foreground-lighten-19: #303030;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-info {
      --color-background: 94,39,35;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 207,190,189;
      --color-subtext-alpha: 1.0;
      --color-border: 247,247,247;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #bfa9a7;
      --color-foreground-lighten-40: #9e7d7b;
      --color-foreground-lighten-19: #7d504d;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-info {
        --color-background: 94,39,35;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 207,190,189;
      --color-subtext-alpha: 1.0;
      --color-border: 247,247,247;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #bfa9a7;
      --color-foreground-lighten-40: #9e7d7b;
      --color-foreground-lighten-19: #7d504d;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-info {
        --color-background: 94,39,35;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 207,190,189;
      --color-subtext-alpha: 1.0;
      --color-border: 247,247,247;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #bfa9a7;
      --color-foreground-lighten-40: #9e7d7b;
      --color-foreground-lighten-19: #7d504d;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-2 {
      --color-background: 17,53,52;
      --color-secondary-background: 255,255,255;
      --color-primary: 255,224,147;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 233,233,233;
      --color-subtext-alpha: 1.0;
      --color-border: 41,73,72;
      --color-border-alpha: 1.0;
      --color-button: 255,224,147;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #a0aeae;
      --color-foreground-lighten-40: #708685;
      --color-foreground-lighten-19: #3e5b5b;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-2 {
        --color-background: 17,53,52;
      --color-secondary-background: 255,255,255;
      --color-primary: 255,224,147;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 233,233,233;
      --color-subtext-alpha: 1.0;
      --color-border: 41,73,72;
      --color-border-alpha: 1.0;
      --color-button: 255,224,147;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #a0aeae;
      --color-foreground-lighten-40: #708685;
      --color-foreground-lighten-19: #3e5b5b;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-2 {
        --color-background: 17,53,52;
      --color-secondary-background: 255,255,255;
      --color-primary: 255,224,147;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 233,233,233;
      --color-subtext-alpha: 1.0;
      --color-border: 41,73,72;
      --color-border-alpha: 1.0;
      --color-button: 255,224,147;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #a0aeae;
      --color-foreground-lighten-40: #708685;
      --color-foreground-lighten-19: #3e5b5b;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-3 {
      --color-background: 255,224,147;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 247,247,247;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 255,224,147;
      --color-secondary-button-border: 255,224,147;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #665a3b;
      --color-foreground-lighten-40: #998658;
      --color-foreground-lighten-19: #cfb577;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-3 {
        --color-background: 255,224,147;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 247,247,247;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 255,224,147;
      --color-secondary-button-border: 255,224,147;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #665a3b;
      --color-foreground-lighten-40: #998658;
      --color-foreground-lighten-19: #cfb577;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-3 {
        --color-background: 255,224,147;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 247,247,247;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 255,224,147;
      --color-secondary-button-border: 255,224,147;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #665a3b;
      --color-foreground-lighten-40: #998658;
      --color-foreground-lighten-19: #cfb577;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-4 {
      --color-background: 232,222,212;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 204,204,204;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 233,233,233;
      --color-secondary-button-border: 233,233,233;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5955;
      --color-foreground-lighten-40: #8b857f;
      --color-foreground-lighten-19: #bcb4ac;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-4 {
        --color-background: 232,222,212;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 204,204,204;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 233,233,233;
      --color-secondary-button-border: 233,233,233;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5955;
      --color-foreground-lighten-40: #8b857f;
      --color-foreground-lighten-19: #bcb4ac;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-4 {
        --color-background: 232,222,212;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 204,204,204;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 233,233,233;
      --color-secondary-button-border: 233,233,233;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5955;
      --color-foreground-lighten-40: #8b857f;
      --color-foreground-lighten-19: #bcb4ac;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-6 {
      --color-background: 208,219,211;
      --color-secondary-background: 243,238,234;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 198,191,177;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 230,230,230;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #535854;
      --color-foreground-lighten-40: #7d837f;
      --color-foreground-lighten-19: #a8b1ab;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-6 {
        --color-background: 208,219,211;
      --color-secondary-background: 243,238,234;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 198,191,177;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 230,230,230;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #535854;
      --color-foreground-lighten-40: #7d837f;
      --color-foreground-lighten-19: #a8b1ab;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-6 {
        --color-background: 208,219,211;
      --color-secondary-background: 243,238,234;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 198,191,177;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 230,230,230;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #535854;
      --color-foreground-lighten-40: #7d837f;
      --color-foreground-lighten-19: #a8b1ab;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-7 {
      --color-background: 232,214,212;
      --color-secondary-background: 233,233,233;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 230,230,230;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 233,233,233;
      --color-secondary-button-border: 233,233,233;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5655;
      --color-foreground-lighten-40: #8b807f;
      --color-foreground-lighten-19: #bcadac;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-7 {
        --color-background: 232,214,212;
      --color-secondary-background: 233,233,233;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 230,230,230;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 233,233,233;
      --color-secondary-button-border: 233,233,233;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5655;
      --color-foreground-lighten-40: #8b807f;
      --color-foreground-lighten-19: #bcadac;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-7 {
        --color-background: 232,214,212;
      --color-secondary-background: 233,233,233;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 230,230,230;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 233,233,233;
      --color-secondary-button-border: 233,233,233;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5655;
      --color-foreground-lighten-40: #8b807f;
      --color-foreground-lighten-19: #bcadac;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-8 {
      --color-background: 189,74,37;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 255,255,255;
      --color-subtext-alpha: 1.0;
      --color-border: 230,230,230;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 189,74,37;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 255,255,255;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #e5b7a8;
      --color-foreground-lighten-40: #d7927c;
      --color-foreground-lighten-19: #ca6c4e;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-8 {
        --color-background: 189,74,37;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 255,255,255;
      --color-subtext-alpha: 1.0;
      --color-border: 230,230,230;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 189,74,37;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 255,255,255;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #e5b7a8;
      --color-foreground-lighten-40: #d7927c;
      --color-foreground-lighten-19: #ca6c4e;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-8 {
        --color-background: 189,74,37;
      --color-secondary-background: 247,247,247;
      --color-primary: 196,48,28;
      --color-text-heading: 255,255,255;
      --color-foreground: 255,255,255;
      --color-subtext: 255,255,255;
      --color-subtext-alpha: 1.0;
      --color-border: 230,230,230;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 189,74,37;
      --color-secondary-button-border: 255,255,255;
      --color-secondary-button-text: 255,255,255;
      --color-button-before: ;
      --color-field: 245,245,245;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 255,255,255;
      --color-link-hover: 255,255,255;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #e5b7a8;
      --color-foreground-lighten-40: #d7927c;
      --color-foreground-lighten-19: #ca6c4e;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-9 {
      --color-background: 218,213,199;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 196,192,179;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #575550;
      --color-foreground-lighten-40: #838077;
      --color-foreground-lighten-19: #b1ada1;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-9 {
        --color-background: 218,213,199;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 196,192,179;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #575550;
      --color-foreground-lighten-40: #838077;
      --color-foreground-lighten-19: #b1ada1;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-9 {
        --color-background: 218,213,199;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 196,192,179;
      --color-border-alpha: 1.0;
      --color-button: 255,255,255;
      --color-button-text: 0,0,0;
      --color-secondary-button: 255,255,255;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #575550;
      --color-foreground-lighten-40: #838077;
      --color-foreground-lighten-19: #b1ada1;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-10 {
      --color-background: 233,233,233;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5d5d;
      --color-foreground-lighten-40: #8c8c8c;
      --color-foreground-lighten-19: #bdbdbd;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-10 {
        --color-background: 233,233,233;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5d5d;
      --color-foreground-lighten-40: #8c8c8c;
      --color-foreground-lighten-19: #bdbdbd;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-10 {
        --color-background: 233,233,233;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 102,102,102;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5d5d5d;
      --color-foreground-lighten-40: #8c8c8c;
      --color-foreground-lighten-19: #bdbdbd;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-11 {
      --color-background: 245,245,245;
      --color-secondary-background: 255,255,255;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 74,74,74;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 7,40,53;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 7,40,53;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #626262;
      --color-foreground-lighten-40: #939393;
      --color-foreground-lighten-19: #c6c6c6;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-11 {
        --color-background: 245,245,245;
      --color-secondary-background: 255,255,255;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 74,74,74;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 7,40,53;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 7,40,53;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #626262;
      --color-foreground-lighten-40: #939393;
      --color-foreground-lighten-19: #c6c6c6;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-11 {
        --color-background: 245,245,245;
      --color-secondary-background: 255,255,255;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 74,74,74;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 7,40,53;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 7,40,53;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #626262;
      --color-foreground-lighten-40: #939393;
      --color-foreground-lighten-19: #c6c6c6;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-12 {
      --color-background: 255,255,255;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 204,204,204;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-12 {
        --color-background: 255,255,255;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 204,204,204;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-12 {
        --color-background: 255,255,255;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 204,204,204;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-13 {
      --color-background: 238,218,184;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 230,233,235;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 7,40,53;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5f574a;
      --color-foreground-lighten-40: #8f836e;
      --color-foreground-lighten-19: #c1b195;
--inputs-border-width: 0px;
        --inputs-search-border-width: 0px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-13 {
        --color-background: 238,218,184;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 230,233,235;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 7,40,53;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5f574a;
      --color-foreground-lighten-40: #8f836e;
      --color-foreground-lighten-19: #c1b195;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-13 {
        --color-background: 238,218,184;
      --color-secondary-background: 237,237,237;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 93,86,85;
      --color-subtext-alpha: 1.0;
      --color-border: 230,233,235;
      --color-border-alpha: 1.0;
      --color-button: 0,0,0;
      --color-button-text: 255,255,255;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 237,237,237;
      --color-field-alpha: 1.0;
      --color-field-text: 7,40,53;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #5f574a;
      --color-foreground-lighten-40: #8f836e;
      --color-foreground-lighten-19: #c1b195;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  
    
.color-scheme-14 {
      --color-background: 255,255,255;
      --color-secondary-background: 245,245,245;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 255,224,147;
      --color-button-text: 0,0,0;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
--inputs-border-width: 1px;
        --inputs-search-border-width: 2px;}
    @media (min-width: 768px) {
      body .desktop-color-scheme-14 {
        --color-background: 255,255,255;
      --color-secondary-background: 245,245,245;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 255,224,147;
      --color-button-text: 0,0,0;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
    @media (max-width: 767px) {
      body .mobile-color-scheme-14 {
        --color-background: 255,255,255;
      --color-secondary-background: 245,245,245;
      --color-primary: 196,48,28;
      --color-text-heading: 0,0,0;
      --color-foreground: 0,0,0;
      --color-subtext: 77,77,77;
      --color-subtext-alpha: 1.0;
      --color-border: 229,229,229;
      --color-border-alpha: 1.0;
      --color-button: 255,224,147;
      --color-button-text: 0,0,0;
      --color-secondary-button: 237,237,237;
      --color-secondary-button-border: 237,237,237;
      --color-secondary-button-text: 0,0,0;
      --color-button-before: ;
      --color-field: 255,255,255;
      --color-field-alpha: 1.0;
      --color-field-text: 0,0,0;
      --color-link: 0,0,0;
      --color-link-hover: 0,0,0;
      --color-product-price-sale: 196,48,28;
      --color-progress-bar: 13,135,86;
      --color-foreground-lighten-60: #666666;
      --color-foreground-lighten-40: #999999;
      --color-foreground-lighten-19: #cfcfcf;
        color: rgb(var(--color-foreground));
        background-color: rgb(var(--color-background));
      }
    }
  

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

  :root {
    /* Animation variable */
    --animation-long: .7s cubic-bezier(.3, 1, .3, 1);
    --animation-nav: .5s cubic-bezier(.6, 0, .4, 1);
    --animation-default: .5s cubic-bezier(.3, 1, .3, 1);
    --animation-fast: .3s cubic-bezier(.7, 0, .3, 1);
    --animation-button: .4s ease;
    --transform-origin-start: left;
    --transform-origin-end: right;
    --duration-default: 200ms;
    --duration-image: 1000ms;

    --font-body-family: "Bricolage Grotesque", sans-serif;
    --font-body-style: normal;
    --font-body-weight: 500;
    --font-body-weight-bolder: 600;
    --font-body-weight-bold: 700;
    --font-body-size: 1.5rem;
    --font-body-line-height: 1.6;

    --font-heading-family: "Bricolage Grotesque", sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 700;
    --font-heading-letter-spacing: 0.0em;
    --font-heading-transform: none;
    --font-heading-scale: 1.0;
    --font-heading-mobile-scale: 0.7;

    --font-hd1-transform:none;

    --font-subheading-family: "Bricolage Grotesque", sans-serif;
    --font-subheading-weight: 700;
    --font-subheading-scale: 1.06;
    --font-subheading-transform: uppercase;
    --font-subheading-letter-spacing: 0.0em;

    --font-navigation-family: "Bricolage Grotesque", sans-serif;
    --font-navigation-weight: 700;
    --navigation-transform: none;

    --font-button-family: "Bricolage Grotesque", sans-serif;
    --font-button-weight: 700;
    --buttons-letter-spacing: 0.0em;
    --buttons-transform: capitalize;
    --buttons-height: 4.8rem;
    --buttons-border-width: 1px;

    --font-pcard-title-family: "Bricolage Grotesque", sans-serif;
    --font-pcard-title-style: normal;
    --font-pcard-title-weight: 700;
    --font-pcard-title-scale: 1.0;
    --font-pcard-title-transform: none;
    --font-pcard-title-size: 1.5rem;
    --font-pcard-title-line-height: 1.6;
    --font-pcard-price-family: "Bricolage Grotesque", sans-serif;
    --font-pcard-price-style: normal;
    --font-pcard-price-weight: 500;
    --font-pcard-badge-family: "Bricolage Grotesque", sans-serif;
    --font-pcard-badge-style: normal;
    --font-pcard-badge-weight: 700;

    --font-hd1-size: 7.4285744rem;
    --font-hd2-size: 5.2rem;
    --font-h1-size: calc(var(--font-heading-scale) * 4rem);
    --font-h2-size: calc(var(--font-heading-scale) * 3.2rem);
    --font-h3-size: calc(var(--font-heading-scale) * 2.8rem);
    --font-h4-size: calc(var(--font-heading-scale) * 2.2rem);
    --font-h5-size: calc(var(--font-heading-scale) * 1.8rem);
    --font-h6-size: calc(var(--font-heading-scale) * 1.6rem);
    --font-subheading-size: calc(var(--font-subheading-scale) * var(--font-body-size));

    --color-badge-sale: #C4301C;
    --color-badge-sale-text: #FFFFFF;
    --color-badge-soldout: #ADADAD;
    --color-badge-soldout-text: #FFFFFF;
    --color-badge-hot: #000000;
    --color-badge-hot-text: #FFFFFF;
    --color-badge-new: #359679;
    --color-badge-new-text: #FFFFFF;
    --color-badge-coming-soon: #7A34D6;
    --color-badge-coming-soon-text: #FFFFFF;
    --color-cart-bubble: #c4301c;
    --color-keyboard-focus: 11 97 205;

    --buttons-radius: 10.0rem;
    --inputs-radius: 10.0rem;
    --textareas-radius: 1.0rem;
    --blocks-radius: 1.0rem;
    --blocks-radius-mobile: 0.8rem;
    --small-blocks-radius: 0.5rem;
    --medium-blocks-radius: 0.6rem;
    --pcard-radius: 1.0rem;
    --pcard-inner-radius: 0.6rem;
    --badges-radius: 4.0rem;

    --page-width: 1700px;
    --page-width-margin: 0rem;
    --header-padding-bottom: 3.2rem;
    --header-padding-bottom-mobile: 2.4rem;
    --header-padding-bottom-large: 6rem;
    --header-padding-bottom-large-lg: 3.2rem;
  }

  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

  html {
    touch-action: manipulation;
    box-sizing: border-box;
    font-size: 62.5%;
    height: 100%;
  }

  body {
    min-height: 100%;
    margin: 0;
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: var(--font-body-size);
    line-height: var(--font-body-line-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    touch-action: manipulation;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
  }
  @media (min-width: 1775px) {
    .swiper-controls--outside {
      --swiper-navigation-offset-x: calc((var(--swiper-navigation-size) + 2.7rem) * -1);
    }
  }