@font-face {

  font-family: Karla;

  font-weight: 400;

  font-style: normal;

  font-display: swap;

  src: url("../../fonts/karla-regular.woff2") format("woff2"),
       url("../../fonts/karla-regular.woff2") format("woff2");
}



  



  

    

  



  

    

  



  

    

  



  

    

  



  



  

    

    .color-scheme-1 {--COLOR-BG-GRADIENT: #ffffff;

      --COLOR-BG: #ffffff;

      --COLOR-BG-RGB: 255, 255, 255;



      --COLOR-BG-ACCENT: #ffffff;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #301717;

      --COLOR-LINK-A50: rgba(48, 23, 23, 0.5);

      --COLOR-LINK-A70: rgba(48, 23, 23, 0.7);

      --COLOR-LINK-HOVER: rgba(48, 23, 23, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #212121;

      --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7);

      --COLOR-TEXT-LIGHT: #646464;

      --COLOR-TEXT-DARK: #000000;

      --COLOR-TEXT-A5:  rgba(33, 33, 33, 0.05);

      --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35);

      --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5);

      --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8);





      --COLOR-BORDER: rgb(209, 205, 196);

      --COLOR-BORDER-LIGHT: #e3e1dc;

      --COLOR-BORDER-DARK: #a49c8b;

      --COLOR-BORDER-HAIRLINE: #f7f7f7;



      --overlay-bg: #00000021;



      /* === Bright color ===*/

      --COLOR-ACCENT: #411b1b;

      --COLOR-ACCENT-HOVER: #0c0404;

      --COLOR-ACCENT-FADE: rgba(65, 27, 27, 0.05);

      --COLOR-ACCENT-LIGHT: #c53030;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #301717;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #301717;

      --BTN-PRIMARY-BORDER-A70: rgba(48, 23, 23, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #411f1f;

      



      --BTN-SECONDARY-BG: #301717;

      --BTN-SECONDARY-TEXT: #ffffff;

      --BTN-SECONDARY-BORDER: #301717;

      --BTN-SECONDARY-BORDER-A70: rgba(48, 23, 23, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #411f1f;

      



      

--COLOR-BG-BRIGHTER: #f2f2f2;



      --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-2 {--COLOR-BG-GRADIENT: #212121;

      --COLOR-BG: #212121;

      --COLOR-BG-RGB: 33, 33, 33;



      --COLOR-BG-ACCENT: #f5f2ec;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #ffffff;

      --COLOR-LINK-A50: rgba(255, 255, 255, 0.5);

      --COLOR-LINK-A70: rgba(255, 255, 255, 0.7);

      --COLOR-LINK-HOVER: rgba(255, 255, 255, 0.7);

      --COLOR-LINK-OPPOSITE: #000000;



      --COLOR-TEXT: #ffffff;

      --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7);

      --COLOR-TEXT-LIGHT: #bcbcbc;

      --COLOR-TEXT-DARK: #d9d9d9;

      --COLOR-TEXT-A5:  rgba(255, 255, 255, 0.05);

      --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35);

      --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5);

      --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8);





      --COLOR-BORDER: rgb(209, 208, 206);

      --COLOR-BORDER-LIGHT: #8b8a89;

      --COLOR-BORDER-DARK: #a09e99;

      --COLOR-BORDER-HAIRLINE: #191919;



      --overlay-bg: #644d3e33;



      /* === Bright color ===*/

      --COLOR-ACCENT: #ab8c52;

      --COLOR-ACCENT-HOVER: #806430;

      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);

      --COLOR-ACCENT-LIGHT: #e8d4ae;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #212121;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #ffffff;

      --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;

      



      --BTN-SECONDARY-BG: #ffffff;

      --BTN-SECONDARY-TEXT: #000000;

      --BTN-SECONDARY-BORDER: #ab8c52;

      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #f2f2f2;

      



      

--COLOR-BG-BRIGHTER: #2e2e2e;



      --COLOR-BG-ALPHA-25: rgba(33, 33, 33, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(33, 33, 33, 0);--COLOR-FOOTER-BG-HAIRLINE: #292929;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-3 {--COLOR-BG-GRADIENT: #ffffff;

      --COLOR-BG: #ffffff;

      --COLOR-BG-RGB: 255, 255, 255;



      --COLOR-BG-ACCENT: #ffffff;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #282c2e;

      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);

      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #212121;

      --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7);

      --COLOR-TEXT-LIGHT: #646464;

      --COLOR-TEXT-DARK: #000000;

      --COLOR-TEXT-A5:  rgba(33, 33, 33, 0.05);

      --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35);

      --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5);

      --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8);





      --COLOR-BORDER: rgb(209, 205, 196);

      --COLOR-BORDER-LIGHT: #e3e1dc;

      --COLOR-BORDER-DARK: #a49c8b;

      --COLOR-BORDER-HAIRLINE: #f7f7f7;



      --overlay-bg: #00000033;



      /* === Bright color ===*/

      --COLOR-ACCENT: #ab8c52;

      --COLOR-ACCENT-HOVER: #806430;

      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);

      --COLOR-ACCENT-LIGHT: #e8d4ae;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #212121;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #212121;

      --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;

      



      --BTN-SECONDARY-BG: #ab8c52;

      --BTN-SECONDARY-TEXT: #ffffff;

      --BTN-SECONDARY-BORDER: #ab8c52;

      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;

      



      

--COLOR-BG-BRIGHTER: #f2f2f2;



      --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-4 {--COLOR-BG-GRADIENT: #7a1f28;

      --COLOR-BG: #7a1f28;

      --COLOR-BG-RGB: 122, 31, 40;



      --COLOR-BG-ACCENT: #7a1f28;

      --COLOR-BG-ACCENT-LIGHTEN: #b72e3c;



      /* === Link Color ===*/



      --COLOR-LINK: #f7efe7;

      --COLOR-LINK-A50: rgba(247, 239, 231, 0.5);

      --COLOR-LINK-A70: rgba(247, 239, 231, 0.7);

      --COLOR-LINK-HOVER: rgba(247, 239, 231, 0.7);

      --COLOR-LINK-OPPOSITE: #000000;



      --COLOR-TEXT: #f7efe7;

      --COLOR-TEXT-HOVER: rgba(247, 239, 231, 0.7);

      --COLOR-TEXT-LIGHT: #d2b1ae;

      --COLOR-TEXT-DARK: #ebc9a7;

      --COLOR-TEXT-A5:  rgba(247, 239, 231, 0.05);

      --COLOR-TEXT-A35: rgba(247, 239, 231, 0.35);

      --COLOR-TEXT-A50: rgba(247, 239, 231, 0.5);

      --COLOR-TEXT-A80: rgba(247, 239, 231, 0.8);





      --COLOR-BORDER: rgb(154, 75, 82);

      --COLOR-BORDER-LIGHT: #8d3941;

      --COLOR-BORDER-DARK: #552a2d;

      --COLOR-BORDER-HAIRLINE: #6e1c24;



      --overlay-bg: #00000033;



      /* === Bright color ===*/

      --COLOR-ACCENT: #b89a58;

      --COLOR-ACCENT-HOVER: #937430;

      --COLOR-ACCENT-FADE: rgba(184, 154, 88, 0.05);

      --COLOR-ACCENT-LIGHT: #eedebb;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #f7efe7;

      --BTN-PRIMARY-TEXT: #7a1f28;

      --BTN-PRIMARY-BORDER: #ffffff;

      --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #f1e2d4;

      



      --BTN-SECONDARY-BG: #ab8c52;

      --BTN-SECONDARY-TEXT: #ffffff;

      --BTN-SECONDARY-BORDER: #ab8c52;

      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;

      



      

--COLOR-BG-BRIGHTER: #8e242f;



      --COLOR-BG-ALPHA-25: rgba(122, 31, 40, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(122, 31, 40, 0);--COLOR-FOOTER-BG-HAIRLINE: #86222c;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-5 {--COLOR-BG-GRADIENT: #fcf8f4;

      --COLOR-BG: #fcf8f4;

      --COLOR-BG-RGB: 252, 248, 244;



      --COLOR-BG-ACCENT: #f7efe7;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #7a1f28;

      --COLOR-LINK-A50: rgba(122, 31, 40, 0.5);

      --COLOR-LINK-A70: rgba(122, 31, 40, 0.7);

      --COLOR-LINK-HOVER: rgba(122, 31, 40, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #2d2222;

      --COLOR-TEXT-HOVER: rgba(45, 34, 34, 0.7);

      --COLOR-TEXT-LIGHT: #6b6261;

      --COLOR-TEXT-DARK: #020101;

      --COLOR-TEXT-A5:  rgba(45, 34, 34, 0.05);

      --COLOR-TEXT-A35: rgba(45, 34, 34, 0.35);

      --COLOR-TEXT-A50: rgba(45, 34, 34, 0.5);

      --COLOR-TEXT-A80: rgba(45, 34, 34, 0.8);





      --COLOR-BORDER: rgb(216, 199, 184);

      --COLOR-BORDER-LIGHT: #e6dbd0;

      --COLOR-BORDER-DARK: #b49376;

      --COLOR-BORDER-HAIRLINE: #f9f0e8;



      --overlay-bg: rgba(0,0,0,0);



      /* === Bright color ===*/

      --COLOR-ACCENT: #b89a58;

      --COLOR-ACCENT-HOVER: #937430;

      --COLOR-ACCENT-FADE: rgba(184, 154, 88, 0.05);

      --COLOR-ACCENT-LIGHT: #eedebb;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #7a1f28;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #7a1f28;

      --BTN-PRIMARY-BORDER-A70: rgba(122, 31, 40, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #8e242f;

      



      --BTN-SECONDARY-BG: rgba(0,0,0,0);

      --BTN-SECONDARY-TEXT: #7a1f28;

      --BTN-SECONDARY-BORDER: #7a1f28;

      --BTN-SECONDARY-BORDER-A70: rgba(122, 31, 40, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: rgba(13, 13, 13, 0.0);

      



      

--COLOR-BG-BRIGHTER: #f7ebe0;



      --COLOR-BG-ALPHA-25: rgba(252, 248, 244, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(252, 248, 244, 0);--COLOR-FOOTER-BG-HAIRLINE: #f9f0e8;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-6 {--COLOR-BG-GRADIENT: #f0ecec;

      --COLOR-BG: #f0ecec;

      --COLOR-BG-RGB: 240, 236, 236;



      --COLOR-BG-ACCENT: #ffffff;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #282c2e;

      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);

      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #212121;

      --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7);

      --COLOR-TEXT-LIGHT: #5f5e5e;

      --COLOR-TEXT-DARK: #000000;

      --COLOR-TEXT-A5:  rgba(33, 33, 33, 0.05);

      --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35);

      --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5);

      --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8);





      --COLOR-BORDER: rgb(209, 208, 206);

      --COLOR-BORDER-LIGHT: #dddbda;

      --COLOR-BORDER-DARK: #a09e99;

      --COLOR-BORDER-HAIRLINE: #e9e3e3;



      --overlay-bg: #00000033;



      /* === Bright color ===*/

      --COLOR-ACCENT: #ab8c52;

      --COLOR-ACCENT-HOVER: #806430;

      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);

      --COLOR-ACCENT-LIGHT: #e8d4ae;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #301717;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #301717;

      --BTN-PRIMARY-BORDER-A70: rgba(48, 23, 23, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #411f1f;

      



      --BTN-SECONDARY-BG: #ab8c52;

      --BTN-SECONDARY-TEXT: #ffffff;

      --BTN-SECONDARY-BORDER: #ab8c52;

      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;

      



      

--COLOR-BG-BRIGHTER: #e5dede;



      --COLOR-BG-ALPHA-25: rgba(240, 236, 236, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(240, 236, 236, 0);--COLOR-FOOTER-BG-HAIRLINE: #e9e3e3;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-7 {--COLOR-BG-GRADIENT: #ffffff;

      --COLOR-BG: #ffffff;

      --COLOR-BG-RGB: 255, 255, 255;



      --COLOR-BG-ACCENT: #ffffff;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #282c2e;

      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);

      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #685a3f;

      --COLOR-TEXT-HOVER: rgba(104, 90, 63, 0.7);

      --COLOR-TEXT-LIGHT: #958c79;

      --COLOR-TEXT-DARK: #3d321e;

      --COLOR-TEXT-A5:  rgba(104, 90, 63, 0.05);

      --COLOR-TEXT-A35: rgba(104, 90, 63, 0.35);

      --COLOR-TEXT-A50: rgba(104, 90, 63, 0.5);

      --COLOR-TEXT-A80: rgba(104, 90, 63, 0.8);





      --COLOR-BORDER: rgb(209, 205, 196);

      --COLOR-BORDER-LIGHT: #e3e1dc;

      --COLOR-BORDER-DARK: #a49c8b;

      --COLOR-BORDER-HAIRLINE: #f7f7f7;



      --overlay-bg: #00000033;



      /* === Bright color ===*/

      --COLOR-ACCENT: #ab8c52;

      --COLOR-ACCENT-HOVER: #806430;

      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);

      --COLOR-ACCENT-LIGHT: #e8d4ae;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #212121;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #212121;

      --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;

      



      --BTN-SECONDARY-BG: #ab8c52;

      --BTN-SECONDARY-TEXT: #ffffff;

      --BTN-SECONDARY-BORDER: #ab8c52;

      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;

      



      

--COLOR-BG-BRIGHTER: #f2f2f2;



      --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-8 {--COLOR-BG-GRADIENT: #ffffff;

      --COLOR-BG: #ffffff;

      --COLOR-BG-RGB: 255, 255, 255;



      --COLOR-BG-ACCENT: #ffffff;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #282c2e;

      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);

      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #212121;

      --COLOR-TEXT-HOVER: rgba(33, 33, 33, 0.7);

      --COLOR-TEXT-LIGHT: #646464;

      --COLOR-TEXT-DARK: #000000;

      --COLOR-TEXT-A5:  rgba(33, 33, 33, 0.05);

      --COLOR-TEXT-A35: rgba(33, 33, 33, 0.35);

      --COLOR-TEXT-A50: rgba(33, 33, 33, 0.5);

      --COLOR-TEXT-A80: rgba(33, 33, 33, 0.8);





      --COLOR-BORDER: rgb(209, 205, 196);

      --COLOR-BORDER-LIGHT: #e3e1dc;

      --COLOR-BORDER-DARK: #a49c8b;

      --COLOR-BORDER-HAIRLINE: #f7f7f7;



      --overlay-bg: #00000033;



      /* === Bright color ===*/

      --COLOR-ACCENT: #ab8c52;

      --COLOR-ACCENT-HOVER: #806430;

      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);

      --COLOR-ACCENT-LIGHT: #e8d4ae;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #212121;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #212121;

      --BTN-PRIMARY-BORDER-A70: rgba(33, 33, 33, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #2e2e2e;

      



      --BTN-SECONDARY-BG: #ab8c52;

      --BTN-SECONDARY-TEXT: #ffffff;

      --BTN-SECONDARY-BORDER: #ab8c52;

      --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;

      



      

--COLOR-BG-BRIGHTER: #f2f2f2;



      --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-9 {--COLOR-BG-GRADIENT: #721313;

      --COLOR-BG: #721313;

      --COLOR-BG-RGB: 114, 19, 19;



      --COLOR-BG-ACCENT: #f5f2ec;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #ffffff;

      --COLOR-LINK-A50: rgba(255, 255, 255, 0.5);

      --COLOR-LINK-A70: rgba(255, 255, 255, 0.7);

      --COLOR-LINK-HOVER: rgba(255, 255, 255, 0.7);

      --COLOR-LINK-OPPOSITE: #000000;



      --COLOR-TEXT: #ffffff;

      --COLOR-TEXT-HOVER: rgba(255, 255, 255, 0.7);

      --COLOR-TEXT-LIGHT: #d5b8b8;

      --COLOR-TEXT-DARK: #d9d9d9;

      --COLOR-TEXT-A5:  rgba(255, 255, 255, 0.05);

      --COLOR-TEXT-A35: rgba(255, 255, 255, 0.35);

      --COLOR-TEXT-A50: rgba(255, 255, 255, 0.5);

      --COLOR-TEXT-A80: rgba(255, 255, 255, 0.8);





      --COLOR-BORDER: rgb(255, 255, 255);

      --COLOR-BORDER-LIGHT: #c7a1a1;

      --COLOR-BORDER-DARK: #cccccc;

      --COLOR-BORDER-HAIRLINE: #651111;



      --overlay-bg: #00000033;



      /* === Bright color ===*/

      --COLOR-ACCENT: #ab8c52;

      --COLOR-ACCENT-HOVER: #806430;

      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);

      --COLOR-ACCENT-LIGHT: #e8d4ae;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #ffffff;

      --BTN-PRIMARY-TEXT: #301717;

      --BTN-PRIMARY-BORDER: #ffffff;

      --BTN-PRIMARY-BORDER-A70: rgba(255, 255, 255, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #f2f2f2;

      



      --BTN-SECONDARY-BG: #ffffff;

      --BTN-SECONDARY-TEXT: #212121;

      --BTN-SECONDARY-BORDER: #ffffff;

      --BTN-SECONDARY-BORDER-A70: rgba(255, 255, 255, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #f2f2f2;

      



      

--COLOR-BG-BRIGHTER: #881717;



      --COLOR-BG-ALPHA-25: rgba(114, 19, 19, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(114, 19, 19, 0);--COLOR-FOOTER-BG-HAIRLINE: #7f1515;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-10 {--COLOR-BG-GRADIENT: #f7efe7;

      --COLOR-BG: #f7efe7;

      --COLOR-BG-RGB: 247, 239, 231;



      --COLOR-BG-ACCENT: #fcf8f4;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #7a1f28;

      --COLOR-LINK-A50: rgba(122, 31, 40, 0.5);

      --COLOR-LINK-A70: rgba(122, 31, 40, 0.7);

      --COLOR-LINK-HOVER: rgba(122, 31, 40, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #2d2222;

      --COLOR-TEXT-HOVER: rgba(45, 34, 34, 0.7);

      --COLOR-TEXT-LIGHT: #6a605d;

      --COLOR-TEXT-DARK: #020101;

      --COLOR-TEXT-A5:  rgba(45, 34, 34, 0.05);

      --COLOR-TEXT-A35: rgba(45, 34, 34, 0.35);

      --COLOR-TEXT-A50: rgba(45, 34, 34, 0.5);

      --COLOR-TEXT-A80: rgba(45, 34, 34, 0.8);





      --COLOR-BORDER: rgb(216, 199, 184);

      --COLOR-BORDER-LIGHT: #e4d7cb;

      --COLOR-BORDER-DARK: #b49376;

      --COLOR-BORDER-HAIRLINE: #f3e7dc;



      --overlay-bg: #00000033;



      /* === Bright color ===*/

      --COLOR-ACCENT: #b89a58;

      --COLOR-ACCENT-HOVER: #937430;

      --COLOR-ACCENT-FADE: rgba(184, 154, 88, 0.05);

      --COLOR-ACCENT-LIGHT: #eedebb;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #7a1f28;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #7a1f28;

      --BTN-PRIMARY-BORDER-A70: rgba(122, 31, 40, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #8e242f;

      



      --BTN-SECONDARY-BG: rgba(0,0,0,0);

      --BTN-SECONDARY-TEXT: #7a1f28;

      --BTN-SECONDARY-BORDER: #7a1f28;

      --BTN-SECONDARY-BORDER-A70: rgba(122, 31, 40, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: rgba(13, 13, 13, 0.0);

      



      

--COLOR-BG-BRIGHTER: #f1e2d4;



      --COLOR-BG-ALPHA-25: rgba(247, 239, 231, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(247, 239, 231, 0);--COLOR-FOOTER-BG-HAIRLINE: #f3e7dc;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-11 {--COLOR-BG-GRADIENT: #ffffff;

      --COLOR-BG: #ffffff;

      --COLOR-BG-RGB: 255, 255, 255;



      --COLOR-BG-ACCENT: #f5f2ec;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #282c2e;

      --COLOR-LINK-A50: rgba(40, 44, 46, 0.5);

      --COLOR-LINK-A70: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-HOVER: rgba(40, 44, 46, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #000000;

      --COLOR-TEXT-HOVER: rgba(0, 0, 0, 0.7);

      --COLOR-TEXT-LIGHT: #4d4d4d;

      --COLOR-TEXT-DARK: #000000;

      --COLOR-TEXT-A5:  rgba(0, 0, 0, 0.05);

      --COLOR-TEXT-A35: rgba(0, 0, 0, 0.35);

      --COLOR-TEXT-A50: rgba(0, 0, 0, 0.5);

      --COLOR-TEXT-A80: rgba(0, 0, 0, 0.8);





      --COLOR-BORDER: rgb(209, 205, 196);

      --COLOR-BORDER-LIGHT: #e3e1dc;

      --COLOR-BORDER-DARK: #a49c8b;

      --COLOR-BORDER-HAIRLINE: #f7f7f7;



      --overlay-bg: #00000021;



      /* === Bright color ===*/

      --COLOR-ACCENT: #ab8c52;

      --COLOR-ACCENT-HOVER: #806430;

      --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);

      --COLOR-ACCENT-LIGHT: #e8d4ae;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #ffd9e4;

      --BTN-PRIMARY-TEXT: #000000;

      --BTN-PRIMARY-BORDER: #000000;

      --BTN-PRIMARY-BORDER-A70: rgba(0, 0, 0, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #ffc0d2;

      



      --BTN-SECONDARY-BG: #aecfb8;

      --BTN-SECONDARY-TEXT: #000000;

      --BTN-SECONDARY-BORDER: #aecfb8;

      --BTN-SECONDARY-BORDER-A70: rgba(174, 207, 184, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #9ec6aa;

      



      

--COLOR-BG-BRIGHTER: #f2f2f2;



      --COLOR-BG-ALPHA-25: rgba(255, 255, 255, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(255, 255, 255, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f7f7;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    :root,

    .color-scheme-d2e2a689-b971-48eb-9d00-6e2f68329054 {--COLOR-BG-GRADIENT: rgba(0,0,0,0);

      --COLOR-BG: rgba(0,0,0,0);

      --COLOR-BG-RGB: 0, 0, 0;



      --COLOR-BG-ACCENT: rgba(0,0,0,0);

      --COLOR-BG-ACCENT-LIGHTEN: rgba(38, 38, 38, 0.0);



      /* === Link Color ===*/



      --COLOR-LINK: #7a1f28;

      --COLOR-LINK-A50: rgba(122, 31, 40, 0.5);

      --COLOR-LINK-A70: rgba(122, 31, 40, 0.7);

      --COLOR-LINK-HOVER: rgba(122, 31, 40, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #2d2222;

      --COLOR-TEXT-HOVER: rgba(45, 34, 34, 0.7);

      --COLOR-TEXT-LIGHT: rgba(31, 24, 24, 0.7);

      --COLOR-TEXT-DARK: #020101;

      --COLOR-TEXT-A5:  rgba(45, 34, 34, 0.05);

      --COLOR-TEXT-A35: rgba(45, 34, 34, 0.35);

      --COLOR-TEXT-A50: rgba(45, 34, 34, 0.5);

      --COLOR-TEXT-A80: rgba(45, 34, 34, 0.8);





      --COLOR-BORDER: rgba(0, 0, 0, 0.0);

      --COLOR-BORDER-LIGHT: rgba(0, 0, 0, 0.0);

      --COLOR-BORDER-DARK: rgba(0, 0, 0, 0.0);

      --COLOR-BORDER-HAIRLINE: rgba(0, 0, 0, 0.0);



      --overlay-bg: rgba(0,0,0,0);



      /* === Bright color ===*/

      --COLOR-ACCENT: #b89a58;

      --COLOR-ACCENT-HOVER: #937430;

      --COLOR-ACCENT-FADE: rgba(184, 154, 88, 0.05);

      --COLOR-ACCENT-LIGHT: #eedebb;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #7a1f28;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #7a1f28;

      --BTN-PRIMARY-BORDER-A70: rgba(122, 31, 40, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #8e242f;

      



      --BTN-SECONDARY-BG: #f7efe7;

      --BTN-SECONDARY-TEXT: #3b0e16;

      --BTN-SECONDARY-BORDER: #7a1f28;

      --BTN-SECONDARY-BORDER-A70: rgba(122, 31, 40, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #f1e2d4;

      



      

--COLOR-BG-BRIGHTER: rgba(26, 26, 26, 0.0);



      --COLOR-BG-ALPHA-25: rgba(0, 0, 0, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(0, 0, 0, 0);--COLOR-FOOTER-BG-HAIRLINE: rgba(8, 8, 8, 0.0);



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-transparent-hero {--COLOR-BG-GRADIENT: #f7efe7;

      --COLOR-BG: #f7efe7;

      --COLOR-BG-RGB: 247, 239, 231;



      --COLOR-BG-ACCENT: #f7efe7;

      --COLOR-BG-ACCENT-LIGHTEN: #ffffff;



      /* === Link Color ===*/



      --COLOR-LINK: #7a1f28;

      --COLOR-LINK-A50: rgba(122, 31, 40, 0.5);

      --COLOR-LINK-A70: rgba(122, 31, 40, 0.7);

      --COLOR-LINK-HOVER: rgba(122, 31, 40, 0.7);

      --COLOR-LINK-OPPOSITE: #ffffff;



      --COLOR-TEXT: #2d2222;

      --COLOR-TEXT-HOVER: rgba(45, 34, 34, 0.7);

      --COLOR-TEXT-LIGHT: #6a605d;

      --COLOR-TEXT-DARK: #020101;

      --COLOR-TEXT-A5:  rgba(45, 34, 34, 0.05);

      --COLOR-TEXT-A35: rgba(45, 34, 34, 0.35);

      --COLOR-TEXT-A50: rgba(45, 34, 34, 0.5);

      --COLOR-TEXT-A80: rgba(45, 34, 34, 0.8);





      --COLOR-BORDER: rgb(216, 199, 184);

      --COLOR-BORDER-LIGHT: #e4d7cb;

      --COLOR-BORDER-DARK: #b49376;

      --COLOR-BORDER-HAIRLINE: #f3e7dc;



      --overlay-bg: rgba(0,0,0,0);



      /* === Bright color ===*/

      --COLOR-ACCENT: #b89a58;

      --COLOR-ACCENT-HOVER: #937430;

      --COLOR-ACCENT-FADE: rgba(184, 154, 88, 0.05);

      --COLOR-ACCENT-LIGHT: #eedebb;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #7a1f28;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #7a1f28;

      --BTN-PRIMARY-BORDER-A70: rgba(122, 31, 40, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #8e242f;

      



      --BTN-SECONDARY-BG: rgba(0,0,0,0);

      --BTN-SECONDARY-TEXT: #2d2222;

      --BTN-SECONDARY-BORDER: #7a1f28;

      --BTN-SECONDARY-BORDER-A70: rgba(122, 31, 40, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: rgba(13, 13, 13, 0.0);

      



      

--COLOR-BG-BRIGHTER: #f1e2d4;



      --COLOR-BG-ALPHA-25: rgba(247, 239, 231, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(247, 239, 231, 0);--COLOR-FOOTER-BG-HAIRLINE: #f3e7dc;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  

    

    .color-scheme-cdce70ab-c83c-4ca6-9fce-60d68a16eb1d {--COLOR-BG-GRADIENT: #7a1f28;

      --COLOR-BG: #7a1f28;

      --COLOR-BG-RGB: 122, 31, 40;



      --COLOR-BG-ACCENT: #7a1f28;

      --COLOR-BG-ACCENT-LIGHTEN: #b72e3c;



      /* === Link Color ===*/



      --COLOR-LINK: #f7efe7;

      --COLOR-LINK-A50: rgba(247, 239, 231, 0.5);

      --COLOR-LINK-A70: rgba(247, 239, 231, 0.7);

      --COLOR-LINK-HOVER: rgba(247, 239, 231, 0.7);

      --COLOR-LINK-OPPOSITE: #000000;



      --COLOR-TEXT: #f7efe7;

      --COLOR-TEXT-HOVER: rgba(247, 239, 231, 0.7);

      --COLOR-TEXT-LIGHT: #d2b1ae;

      --COLOR-TEXT-DARK: #ebc9a7;

      --COLOR-TEXT-A5:  rgba(247, 239, 231, 0.05);

      --COLOR-TEXT-A35: rgba(247, 239, 231, 0.35);

      --COLOR-TEXT-A50: rgba(247, 239, 231, 0.5);

      --COLOR-TEXT-A80: rgba(247, 239, 231, 0.8);





      --COLOR-BORDER: rgb(154, 75, 82);

      --COLOR-BORDER-LIGHT: #8d3941;

      --COLOR-BORDER-DARK: #552a2d;

      --COLOR-BORDER-HAIRLINE: #6e1c24;



      --overlay-bg: #00000021;



      /* === Bright color ===*/

      --COLOR-ACCENT: #b89a58;

      --COLOR-ACCENT-HOVER: #937430;

      --COLOR-ACCENT-FADE: rgba(184, 154, 88, 0.05);

      --COLOR-ACCENT-LIGHT: #eedebb;



      /* === Default Cart Gradient ===*/



      --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);



      /* === Buttons ===*/

      --BTN-PRIMARY-BG: #301717;

      --BTN-PRIMARY-TEXT: #ffffff;

      --BTN-PRIMARY-BORDER: #301717;

      --BTN-PRIMARY-BORDER-A70: rgba(48, 23, 23, 0.7);



      

      

        --BTN-PRIMARY-BG-BRIGHTER: #411f1f;

      



      --BTN-SECONDARY-BG: #301717;

      --BTN-SECONDARY-TEXT: #ffffff;

      --BTN-SECONDARY-BORDER: #301717;

      --BTN-SECONDARY-BORDER-A70: rgba(48, 23, 23, 0.7);



      

      

        --BTN-SECONDARY-BG-BRIGHTER: #411f1f;

      



      

--COLOR-BG-BRIGHTER: #8e242f;



      --COLOR-BG-ALPHA-25: rgba(122, 31, 40, 0.25);

      --COLOR-BG-TRANSPARENT: rgba(122, 31, 40, 0);--COLOR-FOOTER-BG-HAIRLINE: #86222c;



      /* Dynamic color variables */

      --accent: var(--COLOR-ACCENT);

      --accent-fade: var(--COLOR-ACCENT-FADE);

      --accent-hover: var(--COLOR-ACCENT-HOVER);

      --border: var(--COLOR-BORDER);

      --border-dark: var(--COLOR-BORDER-DARK);

      --border-light: var(--COLOR-BORDER-LIGHT);

      --border-hairline: var(--COLOR-BORDER-HAIRLINE);

      --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));

      --bg-accent: var(--COLOR-BG-ACCENT);

      --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);

      --icons: var(--COLOR-TEXT);

      --link: var(--COLOR-LINK);

      --link-a50: var(--COLOR-LINK-A50);

      --link-a70: var(--COLOR-LINK-A70);

      --link-hover: var(--COLOR-LINK-HOVER);

      --link-opposite: var(--COLOR-LINK-OPPOSITE);

      --text: var(--COLOR-TEXT);

      --text-dark: var(--COLOR-TEXT-DARK);

      --text-light: var(--COLOR-TEXT-LIGHT);

      --text-hover: var(--COLOR-TEXT-HOVER);

      --text-a5: var(--COLOR-TEXT-A5);

      --text-a35: var(--COLOR-TEXT-A35);

      --text-a50: var(--COLOR-TEXT-A50);

      --text-a80: var(--COLOR-TEXT-A80);

    }

  



  body, .color-scheme-1, .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-scheme-d2e2a689-b971-48eb-9d00-6e2f68329054, .color-scheme-transparent-hero, .color-scheme-cdce70ab-c83c-4ca6-9fce-60d68a16eb1d {

    color: var(--text);

    background: var(--bg);

  }



  :root {

    --scrollbar-width: 0px;



    /* === Product grid badges ===*/

    --COLOR-SALE-BG: #f7e9de;

    --COLOR-SALE-TEXT: #212121;



    --COLOR-BADGE-BG: #c0b9b8;

    --COLOR-BADGE-TEXT: #212121;



    --COLOR-SOLD-BG: #444444;

    --COLOR-SOLD-TEXT: #ffffff;



    --COLOR-NEW-BADGE-BG: #c0b9b8;

    --COLOR-NEW-BADGE-TEXT: #212121;



    --COLOR-PREORDER-BG: #644d3e;

    --COLOR-PREORDER-TEXT: #ffffff;



    /* === Quick Add ===*/

    --COLOR-QUICK-ADD-BG: #ffffff;

    --COLOR-QUICK-ADD-BG-BRIGHTER: #f2f2f2;

    --COLOR-QUICK-ADD-TEXT: #000000;



    /* === Product sale color ===*/

    --COLOR-SALE: #7A1F28;



    /* === Helper colors for form error states ===*/

    --COLOR-ERROR: #721C24;

    --COLOR-ERROR-BG: #F8D7DA;

    --COLOR-ERROR-BORDER: #F5C6CB;



    --COLOR-SUCCESS: #56AD6A;

    --COLOR-SUCCESS-BG: rgba(86, 173, 106, 0.2);



    

      --RADIUS: 0px;

      --RADIUS-SELECT: 0px;

    



    --COLOR-HEADER-LINK: #2D2222;

    --COLOR-HEADER-LINK-HOVER: #2D2222;



    --COLOR-MENU-BG: #F7EFE7;

    --COLOR-SUBMENU-BG: #F7EFE7;

    --COLOR-SUBMENU-LINK: #2D2222;

    --COLOR-SUBMENU-LINK-HOVER: rgba(45, 34, 34, 0.7);

    --COLOR-SUBMENU-TEXT-LIGHT: #6a605d;



    

      --COLOR-MENU-TRANSPARENT: #fcfbf9;

      --COLOR-MENU-TRANSPARENT-HOVER: #fcfbf9;

    



    --TRANSPARENT: rgba(255, 255, 255, 0);



    /* === Default overlay opacity ===*/

    --underlay-opacity: 1;

    --underlay-bg: rgba(0,0,0,0.4);

    --header-overlay-color: transparent;



    /* === Custom Cursor ===*/

    --ICON-ZOOM-IN: url( "../../icons/icon-zoom-in.svg" );
    --ICON-ZOOM-OUT: url( "../../icons/icon-zoom-out.svg" );


    /* === Custom Icons ===*/

    

    

      

      --ICON-ADD-BAG: url( "../../icons/icon-add-bag.svg" );
      --ICON-ADD-CART: url( "../../icons/icon-add-cart.svg" );
      --ICON-ARROW-LEFT: url( "../../icons/icon-nav-arrow-left.svg" );
      --ICON-ARROW-RIGHT: url( "../../icons/icon-nav-arrow-right.svg" );
      --ICON-SELECT: url("../../icons/icon-select.svg");
    



    --PRODUCT-GRID-ASPECT-RATIO: 120.0%;



    /* === Typography ===*/

    --FONT-HEADING-MINI: 14px;

    --FONT-HEADING-X-SMALL: 18px;

    --FONT-HEADING-SMALL: 24px;

    --FONT-HEADING-MEDIUM: 38px;

    --FONT-HEADING-LARGE: 48px;

    --FONT-HEADING-X-LARGE: 60px;



    --FONT-HEADING-MINI-MOBILE: 12px;

    --FONT-HEADING-X-SMALL-MOBILE: 16px;

    --FONT-HEADING-SMALL-MOBILE: 20px;

    --FONT-HEADING-MEDIUM-MOBILE: 24px;

    --FONT-HEADING-LARGE-MOBILE: 32px;

    --FONT-HEADING-X-LARGE-MOBILE: 45px;



    --FONT-STACK-BODY: Helvetica, Arial, sans-serif;

    --FONT-STYLE-BODY: normal;

    --FONT-WEIGHT-BODY: 400;

    --FONT-WEIGHT-BODY-BOLD: 700;



    --LETTER-SPACING-BODY: 0.025em;



    --FONT-STACK-HEADING: "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

    --FONT-WEIGHT-HEADING: 400;

    --FONT-STYLE-HEADING: normal;



    --FONT-UPPERCASE-HEADING: none;

    --LETTER-SPACING-HEADING: 0.0em;



    --FONT-STACK-SUBHEADING: "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

    --FONT-WEIGHT-SUBHEADING: 400;

    --FONT-STYLE-SUBHEADING: normal;

    --FONT-SIZE-SUBHEADING-DESKTOP: 14px;

    --FONT-SIZE-SUBHEADING-MOBILE: 14px;



    --FONT-UPPERCASE-SUBHEADING: none;

    --LETTER-SPACING-SUBHEADING: 0.0em;



    --FONT-STACK-NAV: Helvetica, Arial, sans-serif;

    --FONT-WEIGHT-NAV: 400;

    --FONT-WEIGHT-NAV-BOLD: 700;

    --FONT-STYLE-NAV: normal;

    --FONT-SIZE-NAV: 16px;





    --LETTER-SPACING-NAV: 0.075em;



    --FONT-SIZE-BASE: 14px;--COLUMNS: 4;

    --COLUMNS-MEDIUM: 3;

    --COLUMNS-SMALL: 2;

    --COLUMNS-MOBILE: 1;--LAYOUT-OUTER: 50px;

      --LAYOUT-GUTTER: 32px;

      --LAYOUT-OUTER-MEDIUM: 30px;

      --LAYOUT-GUTTER-MEDIUM: 22px;

      --LAYOUT-OUTER-SMALL: 16px;

      --LAYOUT-GUTTER-SMALL: 16px;--base-animation-delay: 0ms;

    --line-height-normal: 1.375; /* Equals to line-height: normal; */--SIDEBAR-WIDTH: 288px;

      --SIDEBAR-WIDTH-MEDIUM: 258px;--DRAWER-WIDTH: 380px;--ICON-STROKE-WIDTH: 1px;



    /* === Button General ===*/

    --BTN-FONT-STACK: Karla, sans-serif;

    --BTN-FONT-WEIGHT: 400;

    --BTN-FONT-STYLE: normal;

    --BTN-FONT-SIZE: 14px;

    --BTN-SIZE-SMALL: 7px;

    --BTN-SIZE-MEDIUM: 9px;

    --BTN-SIZE-LARGE: 16px;--BTN-FONT-SIZE-BODY: 1.0rem;



    --BTN-LETTER-SPACING: 0.025em;

    --BTN-UPPERCASE: uppercase;

    --BTN-TEXT-ARROW-OFFSET: -1px;



    /* === Button White ===*/

    --COLOR-TEXT-BTN-BG-WHITE: #fff;

    --COLOR-TEXT-BTN-BORDER-WHITE: #fff;

    --COLOR-TEXT-BTN-WHITE: #000;

    --COLOR-TEXT-BTN-WHITE-A70: rgba(255, 255, 255, 0.7);

    --COLOR-TEXT-BTN-BG-WHITE-BRIGHTER: #f2f2f2;



    /* === Button Black ===*/

    --COLOR-TEXT-BTN-BG-BLACK: #000;

    --COLOR-TEXT-BTN-BORDER-BLACK: #000;

    --COLOR-TEXT-BTN-BLACK: #fff;

    --COLOR-TEXT-BTN-BLACK-A70: rgba(0, 0, 0, 0.7);

    --COLOR-TEXT-BTN-BG-BLACK-BRIGHTER: #0d0d0d;



    /* === Swatch Size ===*/

    --swatch-size-filters: 1.15rem;

    --swatch-size-product: 2.2rem;

  }



  /* === Backdrop ===*/

  ::backdrop {

    --underlay-opacity: 1;

    --underlay-bg: rgba(0,0,0,0.4);

  }



  /* === Gray background on Product grid items ===*/

  



  *,

  *::before,

  *::after {

    box-sizing: inherit;

  }



  * { -webkit-font-smoothing: antialiased; }



  html {

    box-sizing: border-box;

    font-size: var(--FONT-SIZE-BASE);

  }



  html,

  body { min-height: 100%; }



  body {

    position: relative;

    min-width: 320px;

    font-size: var(--FONT-SIZE-BASE);

    text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

  }



.swatches {

    --black: #000000;--white: #fafafa;--blank: url(../../images/blank.png);--bronze: #A07636;--silver: #CECBC7;
  }

.swatches{--ink: #696969;--ash: #a3a3a3;--sky: #9bbaed;--pop: #e43e23;--red: #d13b38;--jet: #000000;--gum: #eb5799;--hot: #ff0073;--mud: #4a342c;--fig: #F4E4FF;--tan: #d2b48c;--sea: #006699;--ruby: #e32040;--envy: #0e986b;--jade: #1b5c1d;--vert: #489c4a;--bone: #dedbbf;--aqua: #00ffff;--blue: #1d5caa;--cyan: #00ffff;--dirt: #a54400;--gold: #D4AF37;--gray: #808080;--grey: #808080;--lime: #00ff00;--navy: #273854;--nude: #E3BC9A;--rose: #e37fa0;--mint: #b6e4d0;--milk: #f6f2e8;--wine: #533230;--coal: #060d11;--snow: #f7f7f7;--dash: #234d90;--moss: #40592f;--peel: #ffd322;--sand: #e0c389;--onyx: #323737;--silk: #d1c4bb;--peru: #cd853f;--pink: #e79fab;--plum: #8a3340;--rust: #b7410e;--teal: #008080;--tile: #b9b6a1;--aloe: #D9EFD9;--azure: #f0ffff;--beige: #f5f5dc;--black: #000000;--brown: #804020;--cream: #ddd7cb;--terra: #b7a282;--slate: #4f4f4f;--olive: #40483f;--ocean: #E1E5F6;--camel: #a98d74;--clean: #F6F4EA;--coral: #ff7f50;--green: #008000;--ivory: #f5ecda;--khaki: #f0e68c;--linen: #faf0e6;--mauve: #e0b0ff;--wheat: #f5deb3;--white: #fafafa;--sienna: #9f6a51;--coffee: #2d2114;--bisque: #ffe4c4;--indigo: #4b0082;--maroon: #800000;--orange: #e5990e;--orchid: #da70d6;--purple: #800080;--tartan: #21a0ad;--salmon: #fa8072;--silver: #c0c0c0;--shadow: #5c534f;--tomato: #ff6347;--violet: #ee82ee;--yellow: #ffff00;--natural: #b7ac9a;--saffron: #FFE4DF;--crimson: #dc143c;--neutral: #c6bda6;--fuchsia: #ff00ff;--magenta: #ff00ff;--thistle: #d8bfd8;--hot-pink: #ff69b4;--sky-blue: #87ceeb;--dark-red: #8b0000;--cornsilk: #fff8dc;--honeydew: #f0fff0;--metallic: #b2b0ab;--lavender: #e6e6fa;--moccasin: #ffe4b5;--midnight: #383863;--seashell: #fff5ee;--sea-green: #2e8b57;--rose-gold: #cf9fa6;--dark-blue: #00008b;--dark-cyan: #008b8b;--cool-grey: #b9c1c9;--dark-gray: #a9a9a9;--dark-grey: #a9a9a9;--deep-pink: #ff1493;--chocolate: #d2691e;--gainsboro: #dcdcdc;--steelblue: #4682b4;--turquoise: #40e0d0;--alabaster: #e8e7df;--dark-green: #006400;--dark-khaki: #bdb76b;--light-blue: #add8e6;--light-cyan: #e0ffff;--light-gray: #d3d3d3;--light-grey: #d3d3d3;--light-pink: #ffb6c1;--lime-green: #32cd32;--mint-cream: #f5fffa;--royal-blue: #4169e1;--slate-blue: #6a5acd;--slate-gray: #708090;--slate-grey: #708090;--aquamarine: #7fffd4;--chartreuse: #7fff00;--dark-orange: #ff8c00;--dark-salmon: #e9967a;--dark-violet: #9400d3;--light-coral: #f08080;--light-green: #90ee90}

/*# sourceMappingURL=/s/files/1/0094/5012/t/242/assets/swatches.css.map?v=157844926215047500451782153713 */





  





        #shopify-buyer-consent {

  margin-top: 1em;

  display: inline-block;

  width: 100%;

}



#shopify-buyer-consent.hidden {

  display: none;

}



#shopify-subscription-policy-button {

  background: none;

  border: none;

  padding: 0;

  text-decoration: underline;

  font-size: inherit;

  cursor: pointer;

}



#shopify-subscription-policy-button::before {

  box-shadow: none;

}