/** Shopify CDN: Minification failed

Line 1378:0 Expected "}" to go with "{"

**/
.bg-color-sandal {
    background-color: #A89166;
    border-color: #A89166;
}

.bg-color-cyan {
    background-color: #25bdb0;
    border-color: #25bdb0;
}

.bg-color-pink {
    background-color: #fcc6de;
    border-color: #fcc6de;
}

.bg-color-black {
    background-color: #000;
    border-color: #000;
}

.bg-color-grey {
    background-color: #ccc;
    border-color: #ccc;
}

.bg-color-green {
    background-color: #e1eb78;
    border-color: #e1eb78;
}
.bg-color-golden{
    background-color: #FFD700;
    border-color: #FFD700;
}
.bg-color-sliver {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.bg-color-blue {
    background-color: #a8bcd4;
    border-color: #a8bcd4;
}

.bg-color-purple {
    background-color: #7e0b80;
    border-color: #7e0b80;
}

.bg-color-white {
    background-color: #fff;
    border-color: #fff;
}

.bg-color-red {
    background-color: #f63400;
    border-color: #f63400;
}
.bg-color-brow {
    background-color: #ad8111;
    border-color: #ad8111;
}

.bg-color-gold {
    background-color: #cea525;
    border-color: #cea525;
}

.bg-color-beige {
    background-color: #f0deba;
    border-color: #f0deba;
}

.bg-color-gray {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}

.bg-color-orange {
    background-color: #ff7900;
    border-color: #ff7900;
}

.bg-color-yellow {
    background-color: #dcdb79;
    border-color: #dcdb79;
}

.bg-color-navy {
    background-color: #001f3f;
    border-color: #001f3f;
}

.bg-color-aqua {
    background-color: #7fdbff;
    border-color: #7fdbff;
}

.bg-color-teal {
    background-color: #39cccc;
    border-color: #39cccc;
}

.bg-color-gun-smoke {
    background-color: #12221f;
    border-color: #12221f;
}

.bg-color-olive {
    background-color: olive;
    border-color: olive;
}

.bg-color-lime {
    background-color: #0f0;
    border-color: #0f0;
}

.bg-color-rose-gold {
    background-color: #fcdbd6;
    border-color: #fcdbd6;
}

.bg-color-clear {
    background-color: #caf6ea;
    border-color: #caf6ea;
}

.bg-color-maroon {
    background-color: maroon;
    border-color: maroon;
}

.bg-color-ivory {
    background-color: ivory;
    border-color: ivory;
}

.bg-color-lavenderblush {
    background-color: #b0e0e6;
    border-color: #b0e0e6;
}

.bg-color-powderblue {
    background-color: #f012be;
    border-color: #f012be;
}

.bg-color-darkgreen {
    background-color: #006400;
    border-color: #006400;
}

.bg-color-saddlebrown {
    background-color: #8b4513;
    border-color: #8b4513;
}

.bg-color-lightcoral {
    background-color: #f08080;
    border-color: #f08080;
}

.bg-color-palevioletred {
    background-color: #db7093;
    border-color: #db7093;
}

.bg-color-chocolate {
    background-color: #d2691e;
    border-color: #d2691e;
}

.bg-color-darkolivegreen {
    background-color: #556b2f;
    border-color: #556b2f;
}

.bg-color-darkred {
    background-color: #8b0000;
    border-color: #8b0000;
}

.bg-color-mediumaquamarine {
    background-color: #66cdaa;
    border-color: #66cdaa;
}

.bg-color-sandybrown {
    background-color: #f4a460;
    border-color: #f4a460;
}

.bg-color-darkslategray {
    background-color: #2f4f4f;
    border-color: #2f4f4f;
}

.bg-color-salmon {
    background-color: salmon;
    border-color: salmon;
}

.bg-color-slateblue {
    background-color: #6a5acd;
    border-color: #6a5acd;
}

.bg-color-lightgray {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

.bg-color-lemonchiffon {
    background-color: #fffacd;
    border-color: #fffacd;
}

.bg-color-thistle {
    background-color: #d8bfd8;
    border-color: #d8bfd8;
}

.bg-color-wheat {
    background-color: wheat;
    border-color: wheat;
}

.bg-color-lightsalmon {
    background-color: #ffa07a;
    border-color: #ffa07a;
}

.bg-color-hotpink {
    background-color: #ff69b4;
    border-color: #ff69b4;
}

.bg-color-lawngreen {
    background-color: #7cfc00;
    border-color: #7cfc00;
}

.bg-color-snow {
    background-color: snow;
    border-color: snow;
}

.bg-color-darkslateblue {
    background-color: #483d8b;
    border-color: #483d8b;
}

.bg-color-coral {
    background-color: coral;
    border-color: coral;
}

.bg-color-limegreen {
    background-color: #32cd32;
    border-color: #32cd32;
}

.bg-color-lightgrey {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

.bg-color-royalblue {
    background-color: #4169e1;
    border-color: #4169e1;
}

.bg-color-dimgrey {
    background-color: #696969;
    border-color: #696969;
}

.bg-color-lightseagreen {
    background-color: #20b2aa;
    border-color: #20b2aa;
}

.bg-color-skyblue {
    background-color: #87ceeb;
    border-color: #87ceeb;
}

.bg-color-orchid {
    background-color: orchid;
    border-color: orchid;
}

.bg-color-darksalmon {
    background-color: #e9967a;
    border-color: #e9967a;
}

.bg-color-darkorchid {
    background-color: #9932cc;
    border-color: #9932cc;
}

.bg-color-cornflowerblue {
    background-color: #6495ed;
    border-color: #6495ed;
}

.bg-color-cornsilk {
    background-color: #fff8dc;
    border-color: #fff8dc;
}

.bg-color-lightslategrey {
    background-color: #789;
    border-color: #789;
}

.bg-color-whitesmoke {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.bg-color-seagreen {
    background-color: #2e8b57;
    border-color: #2e8b57;
}

.bg-color-crimson {
    background-color: #dc143c;
    border-color: #dc143c;
}

.bg-color-azure {
    background-color: azure;
    border-color: azure;
}

.bg-color-paleturquoise {
    background-color: #afeeee;
    border-color: #afeeee;
}

.bg-color-darkkhaki {
    background-color: #bdb76b;
    border-color: #bdb76b;
}

.bg-color-mediumvioletred {
    background-color: #c71585;
    border-color: #c71585;
}

.bg-color-lightgoldenrodyellow {
    background-color: #fafad2;
    border-color: #fafad2;
}

.bg-color-violet {
    background-color: violet;
    border-color: violet;
}

.bg-color-peachpuff {
    background-color: #ffdab9;
    border-color: #ffdab9;
}

.bg-color-steelblue {
    background-color: #4682b4;
    border-color: #4682b4;
}

.bg-color-blanchedalmond {
    background-color: #ffebcd;
    border-color: #ffebcd;
}

.bg-color-moccasin {
    background-color: #ffe4b5;
    border-color: #ffe4b5;
}

.bg-color-antiquewhite {
    background-color: #faebd7;
    border-color: #faebd7;
}

.bg-color-mediumturquoise {
    background-color: #48d1cc;
    border-color: #48d1cc;
}

.bg-color-lightskyblue {
    background-color: #87cefa;
    border-color: #87cefa;
}

.bg-color-darkorange {
    background-color: #ff8c00;
    border-color: #ff8c00;
}

.bg-color-darkblue {
    background-color: #00008b;
    border-color: #00008b;
}

.bg-color-springgreen {
    background-color: #00ff7f;
    border-color: #00ff7f;
}

.bg-color-lavender {
    background-color: #e6e6fa;
    border-color: #e6e6fa;
}

.bg-color-mediumpurple {
    background-color: #9370db;
    border-color: #9370db;
}

.bg-color-deepskyblue {
    background-color: #00bfff;
    border-color: #00bfff;
}

.bg-color-mintcream {
    background-color: #f5fffa;
    border-color: #f5fffa;
}

.bg-color-deeppink {
    background-color: #ff1493;
    border-color: #ff1493;
}

.bg-color-darkseagreen {
    background-color: #8fbc8f;
    border-color: #8fbc8f;
}

.bg-color-papayawhip {
    background-color: #ffefd5;
    border-color: #ffefd5;
}

.bg-color-orangered {
    background-color: #ff4500;
    border-color: #ff4500;
}

.bg-color-tomato {
    background-color: tomato;
    border-color: tomato;
}

.bg-color-navajowhite {
    background-color: #ffdead;
    border-color: #ffdead;
}

.bg-color-mediumorchid {
    background-color: #ba55d3;
    border-color: #ba55d3;
}

.bg-color-ghostwhite {
    background-color: #f8f8ff;
    border-color: #f8f8ff;
}

.bg-color-slategrey {
    background-color: #708090;
    border-color: #708090;
}

.bg-color-forestgreen {
    background-color: #228b22;
    border-color: #228b22;
}

.bg-color-dodgerblue {
    background-color: #1e90ff;
    border-color: #1e90ff;
}

.bg-color-linen {
    background-color: linen;
    border-color: linen;
}

.bg-color-blueviolet {
    background-color: #8a2be2;
    border-color: #8a2be2;
}

.bg-color-gainsboro {
    background-color: #dcdcdc;
    border-color: #dcdcdc;
}

.bg-color-lightgreen {
    background-color: #90ee90;
    border-color: #90ee90;
}

.bg-color-chartreuse {
    background-color: #7fff00;
    border-color: #7fff00;
}

.bg-color-mistyrose {
    background-color: #ffe4e1;
    border-color: #ffe4e1;
}

.bg-color-darkgray {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}

.bg-color-peru {
    background-color: peru;
    border-color: peru;
}

.bg-color-tan {
    background-color: tan;
    border-color: tan;
}

.bg-color-palegreen {
    background-color: #98fb98;
    border-color: #98fb98;
}

.bg-color-rebeccapurple {
    background-color: #639;
    border-color: #639;
}

.bg-color-darkcyan {
    background-color: #008b8b;
    border-color: #008b8b;
}

.bg-color-oldlace {
    background-color: #fdf5e6;
    border-color: #fdf5e6;
}

.bg-color-rosybrown {
    background-color: #bc8f8f;
    border-color: #bc8f8f;
}

.bg-color-darkslategrey {
    background-color: #2f4f4f;
    border-color: #2f4f4f;
}

.bg-color-lightslategray {
    background-color: #789;
    border-color: #789;
}

.bg-color-turquoise {
    background-color: #40e0d0;
    border-color: #40e0d0;
}

.bg-color-darkgoldenrod {
    background-color: #b8860b;
    border-color: #b8860b;
}

.bg-color-honeydew {
    background-color: #f0fff0;
    border-color: #f0fff0;
}

.bg-color-mediumslateblue {
    background-color: #7b68ee;
    border-color: #7b68ee;
}

.bg-color-mediumspringgreen {
    background-color: #00fa9a;
    border-color: #00fa9a;
}

.bg-color-plum {
    background-color: plum;
    border-color: plum;
}

.bg-color-darkgrey {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}

.bg-color-slategray {
    background-color: #708090;
    border-color: #708090;
}

.bg-color-darkmagenta {
    background-color: #8b008b;
    border-color: #8b008b;
}

.bg-color-lightblue {
    background-color: #add8e6;
    border-color: #add8e6;
}

.bg-color-floralwhite {
    background-color: #fffaf0;
    border-color: #fffaf0;
}

.bg-color-dimgray {
    background-color: #696969;
    border-color: #696969;
}

.bg-color-greenyellow {
    background-color: #adff2f;
    border-color: #adff2f;
}

.bg-color-fuchsia {
    background-color: #f0f;
    border-color: #f0f;
}

.bg-color-cadetblue {
    background-color: #5f9ea0;
    border-color: #5f9ea0;
}

.bg-color-yellowgreen {
    background-color: #9acd32;
    border-color: #9acd32;
}

.bg-color-darkviolet {
    background-color: #9400d3;
    border-color: #9400d3;
}

.bg-color-sienna {
    background-color: sienna;
    border-color: sienna;
}

.bg-color-lightpink {
    background-color: #ffb6c1;
    border-color: #ffb6c1;
}

.bg-color-mediumblue {
    background-color: #0000cd;
    border-color: #0000cd;
}

.bg-color-bisque {
    background-color: bisque;
    border-color: bisque;
}

.bg-color-aquamarine {
    background-color: #7fffd4;
    border-color: #7fffd4;
}

.bg-color-palegoldenrod {
    background-color: #eee8aa;
    border-color: #eee8aa;
}

.bg-color-aliceblue {
    background-color: #f0f8ff;
    border-color: #f0f8ff;
}

.bg-color-olivedrab {
    background-color: #6b8e23;
    border-color: #6b8e23;
}

.bg-color-indigo {
    background-color: indigo;
    border-color: indigo;
}

.bg-color-lightcyan {
    background-color: #e0ffff;
    border-color: #e0ffff;
}

.bg-color-midnightblue {
    background-color: #191970;
    border-color: #191970;
}

.bg-color-khaki {
    background-color: khaki;
    border-color: khaki;
}

.bg-color-burlywood {
    background-color: #deb887;
    border-color: #deb887;
}

.bg-color-lightyellow {
    background-color: #ffffe0;
    border-color: #ffffe0;
}

.bg-color-lightsteelblue {
    background-color: #b0c4de;
    border-color: #b0c4de;
}

.bg-color-goldenrod {
    background-color: #daa520;
    border-color: #daa520;
}

.bg-color-darkturquoise {
    background-color: #00ced1;
    border-color: #00ced1;
}

.bg-color-magenta {
    background-color: #f0f;
    border-color: #f0f;
}

.bg-color-seashell {
    background-color: #fff5ee;
    border-color: #fff5ee;
}

.bg-color-indianred {
    background-color: #cd5c5c;
    border-color: #cd5c5c;
}

.bg-color-mediumseagreen {
    background-color: #3cb371;
    border-color: #3cb371;
}

.bg-color-firebrick {
    background-color: #b22222;
    border-color: #b22222;
}

.bg-color-metallic-sunburst{
    border-color: #9e7a48;
    background-color: #9e7a48;
}
.bg-color-deep-taupe{
   border-color: #816059;
    background-color: #816059;
}
.bg-color-rose-taupe{
    border-color: #945754;
    background-color: #945754;
}   
.bg-color-nickel{
 border-color: #70756e;
 background-color: #70756e; 
}
.bg-color-police-blue{
     border-color: #3f506e;
    background-color: #3f506e;
}
.bg-color-stormcloud{
    border-color: #4f636c;
    background-color: #4f636c;
}
.bg-color-feldgrau{
     border-color: #45604d;
    background-color: #45604d;
}
.bg-color-independence{
    border-color: #4a5163;
    background-color: #4a5163;
}
.bg-color-melon{
    border-color: #fbaca8;
    background-color: #fbaca8;
}

.bg-color-dark-vanilla{
    border-color: #d7bdb0;
    background-color: #d7bdb0;

}
.bg-color-pastel-gray{
    border-color: #d2d6bd;
    background-color: #d2d6bd;
}
.bg-color-color_pale-cerulean{
    border-color: #9dcbd8;
    background-color: #9dcbd8;

}
.bg-color-columbia-blue{
    border-color: #cddbe6;
    background-color: #cddbe6;

}
.bg-color-chinese-silver{
      border-color: #c6d0cf;
    background-color: #c6d0cf;

}
.bg-color-bright-gray{

    border-color: #eaeaea;
    background-color: #eaeaea;
}
.bg-color-feldgrau{
    border-color: #4f7053;
    background-color: #4f7053;
}

.bg-color-pale-silver{
    border-color: #d9bcc0;
    background-color: #d9bcc0;
}

.bg-color-water{
      border-color: #d0eff4;
      background-color: #d0eff4;
}
.bg-color-ash-gray{
    border-color: #adbeb6;
    background-color: #adbeb6;
}
.bg-color-jelly-bean{
    border-color: #d76a49;
    background-color: #d76a49;
}
.bg-color-deer{
    border-color: #c07e68;
    background-color: #c07e68;
}
.bg-color-opera-mauve{
     border-color: #b47eb2;
     background-color: #b47eb2;
}
.bg-color-cool-grey{
    background-color: #8883ab;
    border-color:#8883ab;
}
.bg-color-old-rose{
    border-color: #b2817d;
    background-color: #b2817d;
}
.bg-color-deep-amethyst{
    border-color: #9c8e9b;
    background-color: #9c8e9b;
}
.bg-color-desert-sand{    
   border-color: #e4c7a9;
  background-color: #e4c7a9;
}
.bg-color-pastel-pink{
   border-color: #dea89c;
   background-color: #dea89c;
}
.bg-color-pastel-purple{
    border-color: #b8a0b0;
    background-color: #b8a0b0;
}
.bg-color-unbleached-silk{
    border-color: #f9dac6;
    background-color: #f9dac6;
}
.bg-color-brown-yellow{
    background-color: #ce925e;
    border-color:#ce925e;
}
.bg-color-dark-vanilla{
   border-color: #d5b8aa;
   background-color: #d5b8aa;
}
.bg-color-iceberg{
    background-color: #68bbd9;
    border-color: #68bbd9;
}
.bg-color-cadet-grey{
       border-color: #97a6ad;
      background-color: #97a6ad;
}
.bg-color-light-taupe{
    border-color: #b48e6a;
    background-color: #b48e6a;
}
.bg-color-copper-rose{
    border-color: #916f6d;
    background-color: #916f6d;
}
.bg-color-pastel-brown{
    border-color: #767058;
    background-color: #767058;
}
.bg-color-grullo{
    border-color: #a1a290;
    background-color: #a1a290;
}
.bg-color-sonic-silver{
    border-color: #777777;
    background-color: #777777;
}
.bg-color-redwood{
    border-color: #97544e;
    background-color: #97544e;
}
.bg-color-laurel-green{
    border-color: #b1b897;
    background-color: #b1b897;
}
.bg-color-pale-cerulean{
      border-color: #9dcbd8;
      background-color: #9dcbd8;
}
.bg-color-chinese-white{
      border-color: #dbe3e6;
      background-color: #dbe3e6;
}

.bg-color-rocket-metallic{
    border-color: #89806f;
    background-color: #89806f;
}
.bg-color-silver-pink{
    border-color: #cbadab;
    background-color: #cbadab;
}
.bg-color-pale-chestnut{
    border-color: #deb1ae;
    background-color: #deb1ae;
}
.bg-color-opal{
    border-color: #a0bdc5;
    background-color: #a0bdc5;
}
.bg-color-gold-fusion{
    border-color: #7d7a57;
    background-color: #7d7a57;
}
.bg-color-old-silver{
    border-color: #818286;
    background-color: #818286;
}
.bg-color-dust-storm{
    border-color: #e0cdc7;
    background-color: #e0cdc7;
}
.bg-color-alabaster{
    border-color: #f0e7e8;
    background-color: #f0e7e8;
}
.bg-color-english-lavender{
    border-color: #ae8e9d;
    background-color: #ae8e9d;
}
.bg-color-azureish-white{
    border-color: #d8f1ee;
    background-color: #d8f1ee;
}
.bg-color-silver-pink{
    border-color: #ccafb3;
    background-color: #ccafb3;
}
.bg-color-metallic{
    border-color: #aaa8b6;
    background-color: #aaa8b6;
}

.bg-color-coffee{   
   border-color: #724d30;
    background-color: #724d30;
}

.bg-color-sugar-plum{
    border-color: #914671;
    background-color: #914671;
}
.bg-color-tiara{
    background-color: #c4cdd1;
    border-color: #c4cdd1;
}
.bg-color-scarpa-flow{
    background-color:#56535b ;
    border-color:#56535b ;
}
.bg-color-chicago{
    background-color:#5f5a5a ;
    border-color:#5f5a5a;
}
.bg-color-amulet{
    background-color:#819b78 ;
    border-color:#819b78 ;
}
.bg-color-santas-gray{
    background-color:#95a0b1 ;
    border-color:#95a0b1 ;
}
.bg-color-pewter{
    background-color:#93a8aa ;
    border-color:#93a8aa ;
}
.bg-color-pink-flare{
    background-color:#eac0cc ;
    border-color:#eac0cc ;
}
.bg-color-twilight{
    background-color:#e4cddd ;
    border-color:#e4cddd ;
}
.bg-color-bombay{
    background-color:#b3b7b8 ;
    border-color:#b3b7b8 ;
}
.bg-color-pale-sky{
    background-color:#697d82 ;
    border-color:#697d82 ;
}
.bg-color-patina{
    background-color:#4d988e ;
    border-color:#4d988e ;
}
.bg-color-viridian-green{
    background-color: #5d827c;
    border-color:#5d827c ;
}
.bg-color-nevada{
    background-color:#ebfd59 ;
    border-color:#ebfd59 ;
}
.bg-color-ronchi{
    background-color:#eab852 ;
    border-color:#eab852 ;
}
.bg-color-sandrift{
    background-color:#af9575 ;
    border-color:#af9575 ;
}
.bg-color-old-gold{
    background-color:#ccae41 ;
    border-color:#ccae41 ;
}
.bg-color-geyser{
    background-color:#d2dfe9 ;
    border-color:#d2dfe9 ;
}
.bg-color-conch{
    background-color:#cbd3d2 ;
    border-color:#cbd3d2 ;
}
.bg-color-outer-space{
    background-color:#2a313d ;
    border-color: #2a313d;
}
.bg-color-fiord{
    background-color:#3f555f ;
    border-color:#3f555f ;
}
.bg-color-silver-rust{
    background-color:#c8bebf ;
    border-color:#c8bebf ;
}
.bg-color-cloud{
    background-color:#c7c5c5 ;
    border-color:#c7c5c5 ;
}
.bg-color-wewak{
    background-color:#e4a8a8 ;
    border-color:#e4a8a8 ;
}
.bg-color-bon-jour{
    background-color:#e9dee1 ;
    border-color:#e9dee1 ;
}
.bg-color-downy{
    background-color:#73cbc3 ;
    border-color:#73cbc3 ;
}
.bg-color-shadow-green{
    background-color:#9bc1bd ;
    border-color:#9bc1bd ;
}
.bg-color-dusty-gray{
    background-color:#a191a6 ;
    border-color:#a191a6 ;
}
.bg-color-venus{
    background-color:#9f8a8e ;
    border-color:#9f8a8e ;
}
.bg-color-rock-blue{
    background-color:#9bb8d7 ;
    border-color:#9bb8d7 ;
}
.bg-color-nebula{
    background-color:#cfdcdb ;
    border-color:#cfdcdb ;
}
.bg-color-botticelli{
    background-color:#cddce1 ;
    border-color:#cddce1 ;
}
.bg-color-nepal{
    background-color:#92afc5 ;
    border-color:#92afc5 ;
}
.bg-color-summer-green{
    background-color:#91b6af ;
    border-color:#91b6af ;
}
.bg-color-dark-sea-green{
    background-color:#92b698 ;
    border-color:#92b698 ;
}
.bg-color-careys-pink{
    background-color:#c6a0a7 ;
    border-color:#c6a0a7 ;
}
.bg-color-clam-shell{
    background-color:#d8bbb1 ;
    border-color:#d8bbb1 ;
}
.bg-color-fuscous-gray{
    background-color:#545454 ;
    border-color:#545454 ;
}
.bg-color-blue-bayoux{
    background-color:#4d5b82 ;
    border-color:#4d5b82 ;
}
.bg-color-mako{
    background-color:#4a4953 ;
    border-color:#4a4953 ;
}
.bg-color-boston-blue{
    background-color:#4391a3;
    border-color:#4391a3;
}
.bg-color-oslo-gray{
    background-color:#7f9096;
    border-color:#7f9096;
}
.bg-color-polo-blue{
    background-color:#8ba9c7;
    border-color:#8ba9c7;
}
.bg-color-edward{
    background-color:#a9b8ac;
    border-color:#a9b8ac;
}
.bg-color-ethylene-vinyl-acetate{
    background-color:#8ba9c7;
    border-color:#8ba9c7;
}
.bg-color-di-serria{
    background-color:#e2a063;
    border-color:#e2a063;
}
.bg-color-whiskey{
    background-color:#c99e77;
    border-color:#c99e77;
}
.bg-color-bandicoot{
    background-color:#808870;
    border-color:#808870;
}
.bg-color-star-dust{
    background-color:#9ca49d;
    border-color:#9ca49d;
}
.bg-color-juniper{
    background-color:#6f9197;
    border-color:#6f9197;
}
.bg-color-lynch{
    background-color:#62788e;
    border-color:#62788e;
}
.bg-color-slate-gray{
    background-color:#708090;
    border-color:#708090;
}
.bg-color-gum-leaf{
    background-color:#acd2bb;
    border-color:#acd2bb;
}
.bg-color-sinbad{
    background-color:#a1ccd2;
    border-color:#a1ccd2;
}
.bg-color-zinnwaldite{
    background-color:#e3c2ad;
    border-color:#e3c2ad;
}
.bg-color-mischka{
    background-color:#d5cde5;
    border-color:#d5cde5;
}
.bg-color-brown{
    background-color:#613942;
    border-color:#613942;
}
.bg-color-cashmere{
    background-color:#ddc1a6;
    border-color:#ddc1a6;
}
.bg-color-strikemaster{
    background-color:#9c698a;
    border-color:#9c698a;
}
.bg-color-granny-smith{
    background-color:#899d9b;
    border-color:#899d9b;
}
.bg-color-turkish-rose{
    background-color:#b27a82;
    border-color:#b27a82;
}
.bg-color-quill-gray{
    background-color:#d7d5d4;
    border-color:#d7d5d4;
}
.bg-color-don-juan {
    background-color:#5a4f51;
    border-color:#5a4f51;
}
.bg-color-prim {
    background-color:#ebe6ec;
    border-color:#ebe6ec;
}
.bg-color-gray-nurse {
    background-color:#e8ebe8;
    border-color:#e8ebe8;
}
.bg-color-finlandia {
    background-color:#526f54;
    border-color:#526f54;
}
.bg-color-tasman {
    background-color:#d1ded5;
    border-color:#d1ded5;
}
.bg-color-gravel {
    background-color:#494748;
    border-color:#494748;
}
.bg-color-twine {
    background-color:#cf935e;
    border-color:#cf935e;
}
.bg-color-eunry {
    background-color:#d2a593;
    border-color:#d2a593;
}
.bg-color-mountain-mist {
    background-color:#96949f;
    border-color:#96949f;
}
.bg-color-sisal {
    background-color:#d7cbb9;
    border-color:#d7cbb9;
}
.bg-color-clay-ash {
    background-color:#c1c3ad;
    border-color:#c1c3ad;
}
.bg-color-brown {
    background-color:#613942;
    border-color:#613942;
}
.bg-color-pale-slate {
    background-color:#C3BFC1;
    border-color:#C3BFC1;
}
.bg-color-grain-brown {
    background-color:#CCB9A8;
    border-color:#CCB9A8;
}

/**************/

.item-swiper-init .products {
    display: grid;
}

.swatch-element {
  position: relative;
  display: inline-block;
  margin: 0 5px 5px 0;
}

.swatch-element input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  z-index: 2;
}

.swatch-variant-color,
.swatch-variant-image {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ddd;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
}

/* ✅ Checkmark and border based on parent class */
.swatch-element.is-selected .swatch-variant-color,
.swatch-element.is-selected .swatch-variant-image {
  border-color: #05352D;
  box-shadow: 0 0 0 2px rgba(5, 53, 45, 0.2);
}

.swatch-element.is-selected .swatch-variant-color:after,
.swatch-element.is-selected .swatch-variant-image:after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 16px;
  background: #05352D;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  z-index: 1;
}

/* Mobile */
@media (max-width: 749px) {
  .swatch-variant-color,
  .swatch-variant-image {
    width: 35px;
    height: 35px;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
  }
  .swatch-element {
    margin: 0 3px