:root {
    --color-primary: #111111;
    --color-accent: #5d775d;
    --color-default: #000000;
    --color-grey: #c6c5c3;
    --color-light-grey: #f9f9f9;
    --color-function-primary: #16ac67;
    --color-function-secondary: #ca4231;
  }
    .color-swatch-black,
    .bc-sf-filter-option-swatch a[data-value="Black"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="black"] span.bc-sf-filter-option-swatch-image {
      background: #000000 !important;
    }
    .color-swatch-white,
    .bc-sf-filter-option-swatch a[data-value="White"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="white"] span.bc-sf-filter-option-swatch-image {
      background: #ffffff !important;
    }
    .color-swatch-charcoal,
    .bc-sf-filter-option-swatch a[data-value="Charcoal"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="charcoal"] span.bc-sf-filter-option-swatch-image {
      background: #63666a !important;
    }
    .color-swatch-teal,
    .bc-sf-filter-option-swatch a[data-value="Teal"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="teal"] span.bc-sf-filter-option-swatch-image {
      background: #008080 !important;
    }
    .color-swatch-gray,
    .bc-sf-filter-option-swatch a[data-value="Gray"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="gray"] span.bc-sf-filter-option-swatch-image {
      background: #b2b4b2 !important;
    }
    .color-swatch-grey,
    .bc-sf-filter-option-swatch a[data-value="Grey"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="grey"] span.bc-sf-filter-option-swatch-image {
      background: #808080 !important;
    }
    .color-swatch-silver,
    .bc-sf-filter-option-swatch a[data-value="Silver"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="silver"] span.bc-sf-filter-option-swatch-image {
      background: #c0c0c0 !important;
    }
    .color-swatch-red,
    .bc-sf-filter-option-swatch a[data-value="Red"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="red"] span.bc-sf-filter-option-swatch-image {
      background: #c8102e !important;
    }
    .color-swatch-coral,
    .bc-sf-filter-option-swatch a[data-value="Coral"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="coral"] span.bc-sf-filter-option-swatch-image {
      background: #fc766a !important;
    }
    .color-swatch-linen,
    .bc-sf-filter-option-swatch a[data-value="Linen"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="linen"] span.bc-sf-filter-option-swatch-image {
      background: #dfd7c8 !important;
    }
    .color-swatch-spruce,
    .bc-sf-filter-option-swatch a[data-value="Spruce"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="spruce"] span.bc-sf-filter-option-swatch-image {
      background: #697c6a !important;
    }
    .color-swatch-surf,
    .bc-sf-filter-option-swatch a[data-value="Surf"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="surf"] span.bc-sf-filter-option-swatch-image {
      background: #64ccc9 !important;
    }
    .color-swatch-lagoon-blue,
    .bc-sf-filter-option-swatch a[data-value="Lagoon-Blue"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="lagoon-blue"] span.bc-sf-filter-option-swatch-image {
      background: #2d5b6c !important;
    }
    .color-swatch-mint,
    .bc-sf-filter-option-swatch a[data-value="Mint"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="mint"] span.bc-sf-filter-option-swatch-image {
      background: #afcfbd !important;
    }
    .color-swatch-mist-blue,
    .bc-sf-filter-option-swatch a[data-value="Mist-Blue"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="mist-blue"] span.bc-sf-filter-option-swatch-image {
      background: #56728b !important;
    }
    .color-swatch-avocado,
    .bc-sf-filter-option-swatch a[data-value="Avocado"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="avocado"] span.bc-sf-filter-option-swatch-image {
      background: #9db73d !important;
    }
    
    .color-swatch-natural,
    .bc-sf-filter-option-swatch a[data-value="Natural"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="natural"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/natural.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-cream,
    .bc-sf-filter-option-swatch a[data-value="Cream"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="cream"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/cream.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-linen-cream,
    .bc-sf-filter-option-swatch a[data-value="Linen-Cream"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="linen-cream"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/linen-cream.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-dove-grey,
    .bc-sf-filter-option-swatch a[data-value="Dove-Grey"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="dove-grey"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/dove-grey.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-slate-grey,
    .bc-sf-filter-option-swatch a[data-value="Slate-Grey"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="slate-grey"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/slate-grey.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-rainbow,
    .bc-sf-filter-option-swatch a[data-value="Rainbow"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="rainbow"] span.bc-sf-filter-option-swatch-image {
      background: linear-gradient(125deg, rgba(241, 0, 0, 1) 0%, rgba(252, 176, 69, 1) 13%, rgba(249, 252, 69, 1) 26%, rgba(96, 252, 69, 1) 41%, rgba(69, 252, 233, 1) 57%, rgba(73, 69, 252, 1) 73%, rgba(252, 69, 228, 1) 87%, rgba(226, 0, 105, 1) 100%) !important;
    }
    .color-swatch-matt-black,
    .bc-sf-filter-option-swatch a[data-value="Matt-Black"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="matt-black"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/matt-black.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-matt-silver,
    .bc-sf-filter-option-swatch a[data-value="Matt-Silver"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="matt-silver"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/matt-silver.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-matt-white,
    .bc-sf-filter-option-swatch a[data-value="Matt-White"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="matt-white"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/matt-white.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-antique-brass,
    .bc-sf-filter-option-swatch a[data-value="Antique-Brass"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="antique-brass"] span.bc-sf-filter-option-swatch-image {
      background: #faebd7 !important;
      background-image: url('../images/antique-brass.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-black-nickel,
    .bc-sf-filter-option-swatch a[data-value="Black-Nickel"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="black-nickel"] span.bc-sf-filter-option-swatch-image {
      background: linear-gradient(125deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 49%, rgba(164, 164, 164, 1) 50%, rgba(85, 85, 85, 1) 66%, rgba(153, 153, 153, 1) 75%, rgba(249, 249, 249, 1) 100%) !important;
      background-image: url('../images/black-nickel.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-stainless-steel,
    .bc-sf-filter-option-swatch a[data-value="Stainless-Steel"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="stainless-steel"] span.bc-sf-filter-option-swatch-image {
      background: #ffffff !important;
      background-image: url('../images/stainless-steel.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-chrome,
    .bc-sf-filter-option-swatch a[data-value="Chrome"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="chrome"] span.bc-sf-filter-option-swatch-image {
      background: rgb(155, 154, 155); background: linear-gradient(125deg, rgba(155, 154, 155, 1) 2%, rgba(232, 232, 232, 1) 20%, rgba(253, 253, 253, 1) 26%, rgba(155, 154, 155, 1) 32%, rgba(49, 49, 51, 1) 34%, rgba(232, 232, 232, 1) 38%, rgba(253, 253, 253, 1) 44%, rgba(220, 220, 222, 1) 81%) !important;
      background-image: url('../images/chrome.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-blush,
    .bc-sf-filter-option-swatch a[data-value="Blush"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="blush"] span.bc-sf-filter-option-swatch-image {
      background: #ffffff !important;
      background-image: url('../images/blush.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-mustard,
    .bc-sf-filter-option-swatch a[data-value="Mustard"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="mustard"] span.bc-sf-filter-option-swatch-image {
      background: #ffffff !important;
      background-image: url('../images/mustard.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-walnut,
    .bc-sf-filter-option-swatch a[data-value="Walnut"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="walnut"] span.bc-sf-filter-option-swatch-image {
      background: #ffffff !important;
      background-image: url('../images/walnut.jpg') !important;
      background-size: cover !important;
    }
    .color-swatch-bronze,
    .bc-sf-filter-option-swatch a[data-value="Bronze"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="bronze"] span.bc-sf-filter-option-swatch-image {
      background: #8e5e00 !important;
      background-image: url('') !important;
      background-size: cover !important;
    }
    
    .color-swatch-nickel,
    .bc-sf-filter-option-swatch a[data-value="Nickel"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="nickel"] span.bc-sf-filter-option-swatch-image {
      background: linear-gradient(125deg, rgba(226, 226, 226, 1) 0%, rgba(149, 149, 149, 1) 24%, rgba(211, 211, 211, 1) 50%, rgba(111, 111, 111, 1) 71%, rgba(223, 223, 223, 1) 100%) !important;
      background-image: url('') !important;
      background-size: cover !important;
    }

    .color-swatch-linen-look-grey,
    .bc-sf-filter-option-swatch a[data-value="Linen-Look-Grey"] span.bc-sf-filter-option-swatch-image,
    .bc-sf-filter-option-swatch a[data-value="linen-look-grey"] span.bc-sf-filter-option-swatch-image {
      background: rgba(0, 0, 0, 0) !important;
      background-image: url('../images/linen-look-grey.jpg') !important;
      background-size: cover !important;
    }