{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=CAN-818525",
  "locale": "default",
  "product": {
    "uuid": "20e2527fddf37d278178ceef2e",
    "id": "CAN-818525",
    "upc": "070018115140",
    "productName": "Color Fresh - 7/74 Medium Blonde/Brown Red",
    "productType": "variant",
    "manufacturerSKU": "81647426",
    "manufacturerName": "WELLA OPERATIONS US LLC - HAIR - JDA US",
    "brand": {},
    "brandUrl": "/shop-by-brand/wella",
    "url": {},
    "bvAverageRating": "0",
    "bvReviewCount": "0",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "Color Fresh - 7/74 Medium Blonde/Brown Red",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw54ad7fc3/images/wella/818525C.jpg?sw=650&sh=650&sfrm=png",
          "title": "Color Fresh - 7/74 Medium Blonde/Brown Red"
        }
      ],
      "zoom": [
        {
          "alt": "Color Fresh - 7/74 Medium Blonde/Brown Red",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw54ad7fc3/images/wella/818525C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "Color Fresh - 7/74 Medium Blonde/Brown Red"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 17,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "values": [
          {
            "id": "2/0_Darkest_Brown/Natural",
            "description": null,
            "displayValue": "2/0 Darkest Brown/Natural",
            "value": "2/0_Darkest_Brown/Natural",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818507",
            "UPC": "070018115720",
            "orderLevel": "2",
            "variantRank": "1",
            "shadeLabel": "2/0",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=2%2F0_Darkest_Brown%2FNatural&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "2/0 Darkest Brown/Natural",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6304075b/images/wella/818507C_s.png?sw=60&sh=60",
                  "title": "2/0 Darkest Brown/Natural"
                }
              ]
            }
          },
          {
            "id": "3/07_Dark_Brown/Natural_Brown",
            "description": null,
            "displayValue": "3/07 Dark Brown/Natural Brown",
            "value": "3/07_Dark_Brown/Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-818508",
            "UPC": "70018114969",
            "orderLevel": "3",
            "variantRank": "2",
            "shadeLabel": "3/07",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "3/07 Dark Brown/Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw00cfde6c/images/wella/818508C_s.png?sw=60&sh=60",
                  "title": "3/07 Dark Brown/Natural Brown"
                }
              ]
            }
          },
          {
            "id": "3/66_Dark_Brown/Intense_Violet",
            "description": null,
            "displayValue": "3/66 Dark Brown/Intense Violet",
            "value": "3/66_Dark_Brown/Intense_Violet",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-818533",
            "UPC": "070018115287",
            "orderLevel": "3",
            "variantRank": "3",
            "shadeLabel": "3/66",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "3/66 Dark Brown/Intense Violet",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw89410d80/images/wella/818533C_s.png?sw=60&sh=60",
                  "title": "3/66 Dark Brown/Intense Violet"
                }
              ]
            }
          },
          {
            "id": "4/07_Medium_Brown/Natural_Brown",
            "description": null,
            "displayValue": "4/07 Medium Brown/Natural Brown",
            "value": "4/07_Medium_Brown/Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818509",
            "UPC": "070018118059",
            "orderLevel": "4",
            "variantRank": "4",
            "shadeLabel": "4/07",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=4%2F07_Medium_Brown%2FNatural_Brown&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4/07 Medium Brown/Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw67ba35b1/images/wella/818509C_s.png?sw=60&sh=60",
                  "title": "4/07 Medium Brown/Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5/07_Light_Brown/Natural_Brown",
            "description": null,
            "displayValue": "5/07 Light Brown/Natural Brown",
            "value": "5/07_Light_Brown/Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818516",
            "UPC": "070018115058",
            "orderLevel": "5",
            "variantRank": "5",
            "shadeLabel": "5/07",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=5%2F07_Light_Brown%2FNatural_Brown&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5/07 Light Brown/Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw66f76a95/images/wella/818516C_s.png?sw=60&sh=60",
                  "title": "5/07 Light Brown/Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5/55_Light_Brown/Intense_Red_Violet",
            "description": null,
            "displayValue": "5/55 Light Brown/Intense Red Violet",
            "value": "5/55_Light_Brown/Intense_Red_Violet",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818534",
            "UPC": "070018115300",
            "orderLevel": "5",
            "variantRank": "7",
            "shadeLabel": "5/55",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=5%2F55_Light_Brown%2FIntense_Red_Violet&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5/55 Light Brown/Intense Red Violet",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw65d7addb/images/wella/818534C_s.png?sw=60&sh=60",
                  "title": "5/55 Light Brown/Intense Red Violet"
                }
              ]
            }
          },
          {
            "id": "5/56_Light_Brown/Red_Violet",
            "description": null,
            "displayValue": "5/56 Light Brown/Red Violet",
            "value": "5/56_Light_Brown/Red_Violet",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-818535",
            "UPC": "070018115324",
            "orderLevel": "5",
            "variantRank": "8",
            "shadeLabel": "5/56",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "5/56 Light Brown/Red Violet",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwff3e7d44/images/wella/818535C_s.png?sw=60&sh=60",
                  "title": "5/56 Light Brown/Red Violet"
                }
              ]
            }
          },
          {
            "id": "6/0_Dark_Blonde/Natural",
            "description": null,
            "displayValue": "6/0 Dark Blonde/Natural",
            "value": "6/0_Dark_Blonde/Natural",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818529",
            "UPC": "070018115201",
            "orderLevel": "6",
            "variantRank": "9",
            "shadeLabel": "6/0",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=6%2F0_Dark_Blonde%2FNatural&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6/0 Dark Blonde/Natural",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7700f053/images/wella/818529C_s.png?sw=60&sh=60",
                  "title": "6/0 Dark Blonde/Natural"
                }
              ]
            }
          },
          {
            "id": "6/34_Dark_Blonde/Gold_Red",
            "description": null,
            "displayValue": "6/34 Dark Blonde/Gold Red",
            "value": "6/34_Dark_Blonde/Gold_Red",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-818536",
            "UPC": "70018115348",
            "orderLevel": "6",
            "variantRank": "10",
            "shadeLabel": "6/34",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "6/34 Dark Blonde/Gold Red",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw43756c55/images/wella/818536C_s.png?sw=60&sh=60",
                  "title": "6/34 Dark Blonde/Gold Red"
                }
              ]
            }
          },
          {
            "id": "6/45_Dark_Blonde/Red_Violet",
            "description": null,
            "displayValue": "6/45 Dark Blonde/Red Violet",
            "value": "6/45_Dark_Blonde/Red_Violet",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818537",
            "UPC": "070018115362",
            "orderLevel": "6",
            "variantRank": "11",
            "shadeLabel": "6/45",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=6%2F45_Dark_Blonde%2FRed_Violet&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6/45 Dark Blonde/Red Violet",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8a58c97e/images/wella/818537C_s.png?sw=60&sh=60",
                  "title": "6/45 Dark Blonde/Red Violet"
                }
              ]
            }
          },
          {
            "id": "6/7_Dark_Blonde/Brown",
            "description": null,
            "displayValue": "6/7 Dark Blonde/Brown",
            "value": "6/7_Dark_Blonde/Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818521",
            "UPC": "070018115102",
            "orderLevel": "6",
            "variantRank": "12",
            "shadeLabel": "6/7",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=6%2F7_Dark_Blonde%2FBrown&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6/7 Dark Blonde/Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc38fd4b4/images/wella/818521C_s.png?sw=60&sh=60",
                  "title": "6/7 Dark Blonde/Brown"
                }
              ]
            }
          },
          {
            "id": "7/00_Medium_Blonde/Natural_Intense",
            "description": null,
            "displayValue": "7/00 Medium Blonde/Natural Intense",
            "value": "7/00_Medium_Blonde/Natural_Intense",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818523",
            "UPC": "070018115126",
            "orderLevel": "7",
            "variantRank": "13",
            "shadeLabel": "7/00",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=7%2F00_Medium_Blonde%2FNatural_Intense&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7/00 Medium Blonde/Natural Intense",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw68f0d38b/images/wella/818523C_s.png?sw=60&sh=60",
                  "title": "7/00 Medium Blonde/Natural Intense"
                }
              ]
            }
          },
          {
            "id": "7/44_Medium_Blonde/Intense_Red",
            "description": null,
            "displayValue": "7/44 Medium Blonde/Intense Red",
            "value": "7/44_Medium_Blonde/Intense_Red",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818539",
            "UPC": "070018115409",
            "orderLevel": "7",
            "variantRank": "15",
            "shadeLabel": "7/44",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=7%2F44_Medium_Blonde%2FIntense_Red&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7/44 Medium Blonde/Intense Red",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd0ec02cc/images/wella/818539C_s.png?sw=60&sh=60",
                  "title": "7/44 Medium Blonde/Intense Red"
                }
              ]
            }
          },
          {
            "id": "7/47_Medium_Blonde/Red_Brown",
            "description": null,
            "displayValue": "7/47 Medium Blonde/Red Brown",
            "value": "7/47_Medium_Blonde/Red_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-818549",
            "UPC": "070018115423",
            "orderLevel": "7",
            "variantRank": "16",
            "shadeLabel": "7/47",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "7/47 Medium Blonde/Red Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1be71455/images/wella/818549C_s.png?sw=60&sh=60",
                  "title": "7/47 Medium Blonde/Red Brown"
                }
              ]
            }
          },
          {
            "id": "7/74_Medium_Blonde/Brown_Red",
            "description": null,
            "displayValue": "7/74 Medium Blonde/Brown Red",
            "value": "7/74_Medium_Blonde/Brown_Red",
            "selected": true,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818525",
            "UPC": "070018115140",
            "orderLevel": "7",
            "variantRank": "17",
            "shadeLabel": "7/74",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=7%2F74_Medium_Blonde%2FBrown_Red&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7/74 Medium Blonde/Brown Red",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw07655e3f/images/wella/818525C_s.png?sw=60&sh=60",
                  "title": "7/74 Medium Blonde/Brown Red"
                }
              ]
            }
          },
          {
            "id": "8/0_Light_Blonde/Natural",
            "description": null,
            "displayValue": "8/0 Light Blonde/Natural",
            "value": "8/0_Light_Blonde/Natural",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818532",
            "UPC": "070018115263",
            "orderLevel": "8",
            "variantRank": "18",
            "shadeLabel": "8/0",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=8%2F0_Light_Blonde%2FNatural&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8/0 Light Blonde/Natural",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa8d4c71e/images/wella/818532C_s.png?sw=60&sh=60",
                  "title": "8/0 Light Blonde/Natural"
                }
              ]
            }
          },
          {
            "id": "8/03_Light_Blonde/Gold",
            "description": null,
            "displayValue": "8/03 Light Blonde/Gold",
            "value": "8/03_Light_Blonde/Gold",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818550",
            "UPC": "070018115447",
            "orderLevel": "8",
            "variantRank": "19",
            "shadeLabel": "8/03",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=8%2F03_Light_Blonde%2FGold&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8/03 Light Blonde/Gold",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw820a3d94/images/wella/818550C_s.png?sw=60&sh=60",
                  "title": "8/03 Light Blonde/Gold"
                }
              ]
            }
          },
          {
            "id": "8/81_Light_Blonde/Pearl_Ash",
            "description": null,
            "displayValue": "8/81 Light Blonde/Pearl Ash",
            "value": "8/81_Light_Blonde/Pearl_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818554",
            "UPC": "070018115676",
            "orderLevel": "8",
            "variantRank": "20",
            "shadeLabel": "8/81",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=8%2F81_Light_Blonde%2FPearl_Ash&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8/81 Light Blonde/Pearl Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf77ef215/images/wella/818554C_s.png?sw=60&sh=60",
                  "title": "8/81 Light Blonde/Pearl Ash"
                }
              ]
            }
          },
          {
            "id": "9/3_Very_Light_Blonde/Gold",
            "description": null,
            "displayValue": "9/3 Very Light Blonde/Gold",
            "value": "9/3_Very_Light_Blonde/Gold",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-818551",
            "UPC": "70018115478",
            "orderLevel": "9",
            "variantRank": "21",
            "shadeLabel": "9/3",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "9/3 Very Light Blonde/Gold",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwabf7de46/images/wella/818551C_s.png?sw=60&sh=60",
                  "title": "9/3 Very Light Blonde/Gold"
                }
              ]
            }
          },
          {
            "id": "10/36_Lightest_Blonde/Gold_Violet",
            "description": null,
            "displayValue": "10/36 Lightest Blonde/Gold Violet",
            "value": "10/36_Lightest_Blonde/Gold_Violet",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818527",
            "UPC": "070018115164",
            "orderLevel": "10",
            "variantRank": "22",
            "shadeLabel": "10/36",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=10%2F36_Lightest_Blonde%2FGold_Violet&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10/36 Lightest Blonde/Gold Violet",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw815d3c73/images/wella/818527C_s.png?sw=60&sh=60",
                  "title": "10/36 Lightest Blonde/Gold Violet"
                }
              ]
            }
          },
          {
            "id": "10/81_Lightest_Blonde_Pearl",
            "description": null,
            "displayValue": "10/81 Lightest Blonde Pearl",
            "value": "10/81_Lightest_Blonde_Pearl",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818555",
            "UPC": "070018115690",
            "orderLevel": "10",
            "variantRank": "24",
            "shadeLabel": "10/81",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=10%2F81_Lightest_Blonde_Pearl&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10/81 Lightest Blonde Pearl",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfadf5e8b/images/wella/818555C_s.png?sw=60&sh=60",
                  "title": "10/81 Lightest Blonde Pearl"
                }
              ]
            }
          },
          {
            "id": "0/8_Pearl",
            "description": null,
            "displayValue": "0/8 Pearl",
            "value": "0/8_Pearl",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818552",
            "UPC": "070018115638",
            "orderLevel": "0",
            "variantRank": "25",
            "shadeLabel": "0/8",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=0%2F8_Pearl&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "0/8 Pearl",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0584fd69/images/wella/818552C_s.png?sw=60&sh=60",
                  "title": "0/8 Pearl"
                }
              ]
            }
          },
          {
            "id": "0/89_Pearl_Cendre",
            "description": null,
            "displayValue": "0/89 Pearl Cendre",
            "value": "0/89_Pearl_Cendre",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-818553",
            "UPC": "070018115652",
            "orderLevel": "0",
            "variantRank": "26",
            "shadeLabel": "0/89",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-813158_color=0%2F89_Pearl_Cendre&pid=CAN-M-813158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "0/89 Pearl Cendre",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7db4e5b5/images/wella/818553C_s.png?sw=60&sh=60",
                  "title": "0/89 Pearl Cendre"
                }
              ]
            }
          }
        ],
        "variant": {}
      }
    ],
    "selectedVariationAttributes": [
      {
        "Color": {}
      }
    ],
    "longDescription": "Color Fresh is an extremely versatile, gentle conditioning color enhancer with acidic pH. It is ideal for refreshing color in between services, for color correction and introducing new clients to color.",
    "shortDescription": null,
    "bulletList": null,
    "directions": "- Apply to shampooed, towel-dried hair. <br>\n- Apply color evenly to the hair, working through lengths and ends.<br>\n- Development time: 5 to 20 minutes.<br>\n- After development, emulsify and rinse.<br>\n- Style as usual.<br>\n- For gentle coloring effects or as a color refresher between color treatments, develop for 3 to 10 minutes. A more intensive color may be achieved with added heat and/or a longer development time.",
    "ingredients": null,
    "featuresAndBenefits": "- Acidic pH -Gentle processing without damage to hair structure.\r\n-Ammonia-free, peroxide-free -Won- t lighten the hair- s natural pigment. Prevents swelling of the hair. Can be used after perm and straightening.\r\n-Combination of direct dyes and caring agents -Gentle color enhancement.\r\n-Versatile shade palette matching Wella Professionals- color portfolios\r\n-Can be used as a refreshing service for mid-lengths and ends when applying root color.\r\n-Quick and easy application\r\n-No mixing; 20-minute development time.",
    "prop65Warning": null,
    "ProductImageOverlay": null,
    "overlayTo": null,
    "overlayFrom": null,
    "badgeOverlay": null,
    "badgeOverlayTo": null,
    "badgeOverlayFrom": null,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [],
      "OutOfStockLabel": "",
      "inStockDate": null,
      "estimatedQty": 17,
      "ats": 17,
      "maxOrderQuantity": 17,
      "maxQtyLimitMsg": "error.max.quantity.limit",
      "productQty": 1,
      "IsOutOfStock": false,
      "pavRestricted": false,
      "geprRestricted": false
    },
    "available": true,
    "geprStateRestriction": "",
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=1",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=2",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=3",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=4",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=5",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=6",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=7",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=8",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=9",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=10",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "11",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=11",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "12",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=12",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "13",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=13",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "14",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=14",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "15",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=15",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "16",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=16",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      },
      {
        "value": "17",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&quantity=17",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "badges": [],
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=Color%20Fresh",
      "type": "Semi-Permanent Hair Color",
      "benefit": "Color Care",
      "refinementColor": ""
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-818525",
        "sku": "81647426"
      }
    ],
    "geprContent": null,
    "selectedProductUrl": "/CAN-M-813158.html?dwvar_CAN-M-813158_color=7%2F74_Medium_Blonde%2FBrown_Red&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "CAN-M-813158",
    "pageTitle": "Color Fresh - 7/74 Medium Blonde/Brown Red - Wella | CosmoProf",
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": []
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for Availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "bvDisplay": {
    "bvPid": "CAN-M-813158",
    "qvType": "inlineratings",
    "productUrl": {},
    "rating": {
      "enabled": true,
      "type": "native",
      "rating": "0.0",
      "range": "0",
      "count": "0",
      "stars": "https://www.cosmoprofbeauty.ca/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwabc58c2d/images/stars/rating-0_0.gif"
    }
  },
  "productid": "CAN-818525",
  "isFromPLPFlow": "false",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [
    "2",
    "3",
    "4",
    "5",
    "6",
    "7",
    "8",
    "9",
    "10",
    "0"
  ],
  "enableLatestNearByStores": true,
  "deliveryTilesEnabled": true,
  "tracking_consent": null,
  "ecommerceDetail": {
    "event": "productView",
    "productViewType": "QuickView",
    "ecommerce": {
      "currencyCode": "CAD",
      "detail": {
        "products": [
          {
            "name": "Color Fresh - 7/74 Medium Blonde/Brown Red",
            "id": "CAN-818525",
            "category": "",
            "brand": "Wella",
            "variant": "CAN-818525",
            "dimension52": "Color Fresh Color Enhancers | Color | 7/74 Medium Blonde/Brown Red",
            "dimension56": "",
            "dimension57": "Color Fresh",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant product-wrapper product-detail\" data-pid=\"CAN-818525\" data-gtm=\"{&quot;event&quot;:&quot;productView&quot;,&quot;productViewType&quot;:&quot;QuickView&quot;,&quot;ecommerce&quot;:{&quot;currencyCode&quot;:&quot;CAD&quot;,&quot;detail&quot;:{&quot;products&quot;:[{&quot;name&quot;:&quot;Color Fresh - 7/74 Medium Blonde/Brown Red&quot;,&quot;id&quot;:&quot;CAN-818525&quot;,&quot;category&quot;:&quot;&quot;,&quot;brand&quot;:&quot;Wella&quot;,&quot;variant&quot;:&quot;CAN-818525&quot;,&quot;dimension52&quot;:&quot;Color Fresh Color Enhancers | Color | 7/74 Medium Blonde/Brown Red&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;Color Fresh&quot;,&quot;dimension64&quot;:&quot;stm&quot;}]}}}\" id=\"quickviewPLP\">\n\n  \n  <div id=\"availabilityProducts\" class=\"hide\" data-availability-products=\"\" data-is-size-variant=\"\"\n    data-is-color-variant=\"\"></div>\n\n  <div class=\"row no-gutters\">\n    <div class=\"col-12 col-md-6\">\n      <div class=\"image-container product-image-container\">\n\n        <!-- Product Images Carousel -->\n        \n    <div class=\"badges-container\">\n        \n    </div>\n    <div class=\"badges-bottom-container\">\n        \n    </div>\n\n\n        \n\n\n\n\n\n\n\n<div class=\"owl-carousel owl-theme pdp-carousel\">\n    \n        <div class=\"item zoom\">\n        \n\n\n\n\n\n\n\n\n            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-818525-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw54ad7fc3/images/wella/818525C.jpg?sw=650&amp;sh=650&amp;sfrm=png\" data-zoom=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw54ad7fc3/images/wella/818525C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"Color Fresh - 7/74 Medium Blonde/Brown Red\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n    \n</div>\n\n    \n\n\n<div class=\"pdp-dots-container carousel-content\">\n    \n</div>\n\n\n\n\n        \n\n\n\n\n\n\n\n\n      </div>\n    </div>\n    \n    \n      \n        \n      \n    \n    <div class=\"col-12 col-md-6\">\n      <div class=\"product-quickview__detail\">\n        <section class=\"product-quickview__info\">\n\n          <!-- Availability -->\n          <div class=\"available-msgs\"></div>\n\n          <!-- Product Name -->\n          <h1 class=\"product-name\">\n            Color Fresh - 7/74 Medium Blonde/Brown Red\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=Color%20Fresh\" class=\"pdp-brand\">\n                Color Fresh\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"Wella\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/shop-by-brand/wella\" class=\"pdp-brand\">\n                Wella\n              </a>\n            \n          </h5>\n\n          <!-- Prices -->\n          <div class=\"prices\">\n            \n            \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n  <span class=\"logintoviewprice d-none\"><a class=\"js-gtm-beginlogin\" href=\"https://www.cosmoprofbeauty.ca/login\" data-gtm-eventlocation=\"product tile\">Login</a> or <a class=\"js-gtm-vsustart\" data-gtm-eventlocation=\"product tile\" href=\"https://www.cosmoprofbeauty.ca/signup\">Register</a> to buy</span>\n\n          </div>\n\n          <div class=\"product-number-rating clearfix\">\n\n            <!-- Product Number -->\n            <div class=\"product-number\">\n              <!-- Style ID -->\n              \n              <span class=\"product-id-label \">\n                SKU&#35;:\n              </span>\n              <span class=\"product-id\" itemprop=\"productID\" data-pid=\"CAN-818525\">\n                CAN-818525\n              </span>\n\n              <!-- UPC Number -->\n              \n              <span class=\"upc-wrapper \">\n                <span class=\"upc-id-label\">\n                  UPC&#35;:\n                </span>\n                <span class=\"upc-id\">\n                  \n                    070018115140\n                  \n                </span>\n              </span>\n            </div>\n\n          </div>\n\n          <!-- Applicable Promotions -->\n         \n            <div class=\"row js-promotion-messaging d-none\">\n              <div class=\"col-12 align-self-center\">\n                <div class=\"promotion_container centered my-2\">\n                  <div class=\"promotion_wrapper transparent\">\n                    <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw8b3b6bf3/images/icons/promotionBadge.svg\" alt=\"Offers Available\" />\n                    <div class=\"button-tertiary-big\" >\n                      Offers Available </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n        </section>\n\n        <div class=\"detail-panel\">\n          <!-- Attributes -->\n          <section class=\"attributes\">\n            <div class=\"col-12 p-4\">\n\n              \n\n              <div>\n\n                <div class=\"mb-3 d-flex align-items-center justify-content-around\">\n\n                  \n\n                  <!-- Add To Cart -->\n                  <div class=\"add-item-to-bag\">\n                    \n                      <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Cart-AddProduct\">\n                      <div class=\"cart-and-ipay\">\n                        \n                          <a href=\"/login\" class=\"login-or-register-to-shop button-primary-big text-nowrap js-gtm-beginlogin \" data-gtm-eventlocation=\"quickview\">\n                            Log in or Register to Shop\n                          </a>\n                      \n                      </div>\n                    \n                  </div>\n\n                </div>\n\n                \n\n                \n                \n                  <div class=\"warning-wrapper geprErrorMessagePDP d-none\">\n                    Not available for standard shipping\n                  </div>\n                \n\n                <!-- WishList Link -->\n                <div class=\"wishlist-qv-container col-4 mt-3 mb-3\" data-loadurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Wishlist-WishListOptions?pid=CAN-818525\">\n                </div>\n\n              </div>\n\n              <!-- Variation Attributes -->\n              \n                \n                  <div class=\"color-container\" data-attr=\"color\">\n                    \n\n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n    \n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n\n\n<div class=\"color-container col-12\">\n\n  <label id=\"variant-color\" class='js-old-pdp-selected-label color '>\n      Color: <span>7/74 Medium Blonde/Brown Red</span>\n  </label>\n\n   \n    <div class=\"attribute swatch-container swatch-slider\">\n      \n          <input type=\"text\" class=\"form-control form__text swatch-search\" id=\"$colorInputText\" placeholder=\"Search by SKU or Name\" data-search aria-label=\"Qty\">\n      \n      \t\n        \n\n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"2/0 darkest brown/natural|can-818507|070018115720\" data-pid=\"CAN-818507\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818507\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818507\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818507\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818507\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818507\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818507\" data-attr=\"color\" title=\"2/0 Darkest Brown/Natural\">\n                  <a href=\"#\" data-pid=\"CAN-818507\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818507&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818507\">\n                    <span data-attr-value=\"2/0_Darkest_Brown/Natural\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6304075b/images/wella/818507C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">2/0 Darkest Brown/Natural</span>\n                  <span class=\"variation-pid\">CAN-818507</span>\n                  <span class=\"variation-upc\">070018115720</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818507 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"3/07 dark brown/natural brown|can-818508|70018114969\" data-pid=\"CAN-818508\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818508\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818508\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818508\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818508\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818508\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818508\" data-attr=\"color\" title=\"3/07 Dark Brown/Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-818508\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818508&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818508\">\n                    <span data-attr-value=\"3/07_Dark_Brown/Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw00cfde6c/images/wella/818508C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">3/07 Dark Brown/Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-818508</span>\n                  <span class=\"variation-upc\">70018114969</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818508 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"3/66 dark brown/intense violet|can-818533|070018115287\" data-pid=\"CAN-818533\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818533\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818533\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818533\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818533\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818533\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818533\" data-attr=\"color\" title=\"3/66 Dark Brown/Intense Violet\">\n                  <a href=\"#\" data-pid=\"CAN-818533\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818533&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818533\">\n                    <span data-attr-value=\"3/66_Dark_Brown/Intense_Violet\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw89410d80/images/wella/818533C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">3/66 Dark Brown/Intense Violet</span>\n                  <span class=\"variation-pid\">CAN-818533</span>\n                  <span class=\"variation-upc\">070018115287</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818533 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4/07 medium brown/natural brown|can-818509|070018118059\" data-pid=\"CAN-818509\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818509\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818509\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818509\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818509\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818509\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818509\" data-attr=\"color\" title=\"4/07 Medium Brown/Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-818509\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818509&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818509\">\n                    <span data-attr-value=\"4/07_Medium_Brown/Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw67ba35b1/images/wella/818509C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4/07 Medium Brown/Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-818509</span>\n                  <span class=\"variation-upc\">070018118059</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818509 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5/07 light brown/natural brown|can-818516|070018115058\" data-pid=\"CAN-818516\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818516\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818516\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818516\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818516\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818516\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818516\" data-attr=\"color\" title=\"5/07 Light Brown/Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-818516\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818516&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818516\">\n                    <span data-attr-value=\"5/07_Light_Brown/Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw66f76a95/images/wella/818516C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5/07 Light Brown/Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-818516</span>\n                  <span class=\"variation-upc\">070018115058</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818516 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5/55 light brown/intense red violet|can-818534|070018115300\" data-pid=\"CAN-818534\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818534\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818534\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818534\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818534\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818534\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818534\" data-attr=\"color\" title=\"5/55 Light Brown/Intense Red Violet\">\n                  <a href=\"#\" data-pid=\"CAN-818534\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818534&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818534\">\n                    <span data-attr-value=\"5/55_Light_Brown/Intense_Red_Violet\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw65d7addb/images/wella/818534C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5/55 Light Brown/Intense Red Violet</span>\n                  <span class=\"variation-pid\">CAN-818534</span>\n                  <span class=\"variation-upc\">070018115300</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818534 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5/56 light brown/red violet|can-818535|070018115324\" data-pid=\"CAN-818535\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818535\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818535\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818535\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818535\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818535\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818535\" data-attr=\"color\" title=\"5/56 Light Brown/Red Violet\">\n                  <a href=\"#\" data-pid=\"CAN-818535\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818535&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818535\">\n                    <span data-attr-value=\"5/56_Light_Brown/Red_Violet\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwff3e7d44/images/wella/818535C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">5/56 Light Brown/Red Violet</span>\n                  <span class=\"variation-pid\">CAN-818535</span>\n                  <span class=\"variation-upc\">070018115324</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818535 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6/0 dark blonde/natural|can-818529|070018115201\" data-pid=\"CAN-818529\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818529\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818529\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818529\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818529\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818529\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818529\" data-attr=\"color\" title=\"6/0 Dark Blonde/Natural\">\n                  <a href=\"#\" data-pid=\"CAN-818529\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818529&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818529\">\n                    <span data-attr-value=\"6/0_Dark_Blonde/Natural\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7700f053/images/wella/818529C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6/0 Dark Blonde/Natural</span>\n                  <span class=\"variation-pid\">CAN-818529</span>\n                  <span class=\"variation-upc\">070018115201</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818529 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6/34 dark blonde/gold red|can-818536|70018115348\" data-pid=\"CAN-818536\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818536\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818536\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818536\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818536\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818536\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818536\" data-attr=\"color\" title=\"6/34 Dark Blonde/Gold Red\">\n                  <a href=\"#\" data-pid=\"CAN-818536\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818536&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818536\">\n                    <span data-attr-value=\"6/34_Dark_Blonde/Gold_Red\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw43756c55/images/wella/818536C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">6/34 Dark Blonde/Gold Red</span>\n                  <span class=\"variation-pid\">CAN-818536</span>\n                  <span class=\"variation-upc\">70018115348</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818536 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6/45 dark blonde/red violet|can-818537|070018115362\" data-pid=\"CAN-818537\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818537\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818537\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818537\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818537\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818537\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818537\" data-attr=\"color\" title=\"6/45 Dark Blonde/Red Violet\">\n                  <a href=\"#\" data-pid=\"CAN-818537\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818537&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818537\">\n                    <span data-attr-value=\"6/45_Dark_Blonde/Red_Violet\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8a58c97e/images/wella/818537C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6/45 Dark Blonde/Red Violet</span>\n                  <span class=\"variation-pid\">CAN-818537</span>\n                  <span class=\"variation-upc\">070018115362</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818537 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6/7 dark blonde/brown|can-818521|070018115102\" data-pid=\"CAN-818521\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818521\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818521\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818521\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818521\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818521\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818521\" data-attr=\"color\" title=\"6/7 Dark Blonde/Brown\">\n                  <a href=\"#\" data-pid=\"CAN-818521\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818521&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818521\">\n                    <span data-attr-value=\"6/7_Dark_Blonde/Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc38fd4b4/images/wella/818521C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6/7 Dark Blonde/Brown</span>\n                  <span class=\"variation-pid\">CAN-818521</span>\n                  <span class=\"variation-upc\">070018115102</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818521 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7/00 medium blonde/natural intense|can-818523|070018115126\" data-pid=\"CAN-818523\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818523\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818523\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818523\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818523\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818523\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818523\" data-attr=\"color\" title=\"7/00 Medium Blonde/Natural Intense\">\n                  <a href=\"#\" data-pid=\"CAN-818523\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818523&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818523\">\n                    <span data-attr-value=\"7/00_Medium_Blonde/Natural_Intense\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw68f0d38b/images/wella/818523C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7/00 Medium Blonde/Natural Intense</span>\n                  <span class=\"variation-pid\">CAN-818523</span>\n                  <span class=\"variation-upc\">070018115126</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818523 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7/44 medium blonde/intense red|can-818539|070018115409\" data-pid=\"CAN-818539\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818539\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818539\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818539\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818539\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818539\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818539\" data-attr=\"color\" title=\"7/44 Medium Blonde/Intense Red\">\n                  <a href=\"#\" data-pid=\"CAN-818539\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818539&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818539\">\n                    <span data-attr-value=\"7/44_Medium_Blonde/Intense_Red\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd0ec02cc/images/wella/818539C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7/44 Medium Blonde/Intense Red</span>\n                  <span class=\"variation-pid\">CAN-818539</span>\n                  <span class=\"variation-upc\">070018115409</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818539 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7/47 medium blonde/red brown|can-818549|070018115423\" data-pid=\"CAN-818549\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818549\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818549\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818549\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818549\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818549\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818549\" data-attr=\"color\" title=\"7/47 Medium Blonde/Red Brown\">\n                  <a href=\"#\" data-pid=\"CAN-818549\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818549&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818549\">\n                    <span data-attr-value=\"7/47_Medium_Blonde/Red_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1be71455/images/wella/818549C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">7/47 Medium Blonde/Red Brown</span>\n                  <span class=\"variation-pid\">CAN-818549</span>\n                  <span class=\"variation-upc\">070018115423</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818549 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7/74 medium blonde/brown red|can-818525|070018115140\" data-pid=\"CAN-818525\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818525\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818525\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818525\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818525\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818525\" data-attr=\"color\" title=\"7/74 Medium Blonde/Brown Red\">\n                  <a href=\"#\" data-pid=\"CAN-818525\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818525\">\n                    <span data-attr-value=\"7/74_Medium_Blonde/Brown_Red\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          selected\n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw07655e3f/images/wella/818525C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7/74 Medium Blonde/Brown Red</span>\n                  <span class=\"variation-pid\">CAN-818525</span>\n                  <span class=\"variation-upc\">070018115140</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818525 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8/0 light blonde/natural|can-818532|070018115263\" data-pid=\"CAN-818532\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818532\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818532\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818532\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818532\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818532\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818532\" data-attr=\"color\" title=\"8/0 Light Blonde/Natural\">\n                  <a href=\"#\" data-pid=\"CAN-818532\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818532&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818532\">\n                    <span data-attr-value=\"8/0_Light_Blonde/Natural\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa8d4c71e/images/wella/818532C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8/0 Light Blonde/Natural</span>\n                  <span class=\"variation-pid\">CAN-818532</span>\n                  <span class=\"variation-upc\">070018115263</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818532 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8/03 light blonde/gold|can-818550|070018115447\" data-pid=\"CAN-818550\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818550\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818550\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818550\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818550\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818550\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818550\" data-attr=\"color\" title=\"8/03 Light Blonde/Gold\">\n                  <a href=\"#\" data-pid=\"CAN-818550\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818550&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818550\">\n                    <span data-attr-value=\"8/03_Light_Blonde/Gold\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw820a3d94/images/wella/818550C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8/03 Light Blonde/Gold</span>\n                  <span class=\"variation-pid\">CAN-818550</span>\n                  <span class=\"variation-upc\">070018115447</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818550 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8/81 light blonde/pearl ash|can-818554|070018115676\" data-pid=\"CAN-818554\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818554\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818554\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818554\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818554\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818554\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818554\" data-attr=\"color\" title=\"8/81 Light Blonde/Pearl Ash\">\n                  <a href=\"#\" data-pid=\"CAN-818554\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818554&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818554\">\n                    <span data-attr-value=\"8/81_Light_Blonde/Pearl_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf77ef215/images/wella/818554C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8/81 Light Blonde/Pearl Ash</span>\n                  <span class=\"variation-pid\">CAN-818554</span>\n                  <span class=\"variation-upc\">070018115676</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818554 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9/3 very light blonde/gold|can-818551|70018115478\" data-pid=\"CAN-818551\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818551\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818551\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818551\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818551\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818551\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818551\" data-attr=\"color\" title=\"9/3 Very Light Blonde/Gold\">\n                  <a href=\"#\" data-pid=\"CAN-818551\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818551&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818551\">\n                    <span data-attr-value=\"9/3_Very_Light_Blonde/Gold\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwabf7de46/images/wella/818551C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">9/3 Very Light Blonde/Gold</span>\n                  <span class=\"variation-pid\">CAN-818551</span>\n                  <span class=\"variation-upc\">70018115478</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818551 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10/36 lightest blonde/gold violet|can-818527|070018115164\" data-pid=\"CAN-818527\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818527\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818527\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818527\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818527\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818527\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818527\" data-attr=\"color\" title=\"10/36 Lightest Blonde/Gold Violet\">\n                  <a href=\"#\" data-pid=\"CAN-818527\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818527&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818527\">\n                    <span data-attr-value=\"10/36_Lightest_Blonde/Gold_Violet\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw815d3c73/images/wella/818527C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10/36 Lightest Blonde/Gold Violet</span>\n                  <span class=\"variation-pid\">CAN-818527</span>\n                  <span class=\"variation-upc\">070018115164</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818527 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10/81 lightest blonde pearl|can-818555|070018115690\" data-pid=\"CAN-818555\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818555\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818555\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818555\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818555\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818555\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818555\" data-attr=\"color\" title=\"10/81 Lightest Blonde Pearl\">\n                  <a href=\"#\" data-pid=\"CAN-818555\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818555&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818555\">\n                    <span data-attr-value=\"10/81_Lightest_Blonde_Pearl\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfadf5e8b/images/wella/818555C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10/81 Lightest Blonde Pearl</span>\n                  <span class=\"variation-pid\">CAN-818555</span>\n                  <span class=\"variation-upc\">070018115690</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818555 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"0/8 pearl|can-818552|070018115638\" data-pid=\"CAN-818552\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818552\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818552\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818552\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818552\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818552\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818552\" data-attr=\"color\" title=\"0/8 Pearl\">\n                  <a href=\"#\" data-pid=\"CAN-818552\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818552&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818552\">\n                    <span data-attr-value=\"0/8_Pearl\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0584fd69/images/wella/818552C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">0/8 Pearl</span>\n                  <span class=\"variation-pid\">CAN-818552</span>\n                  <span class=\"variation-upc\">070018115638</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818552 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"0/89 pearl cendre|can-818553|070018115652\" data-pid=\"CAN-818553\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-818553\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-818553\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-818553\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818553\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818553\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-818553\" data-attr=\"color\" title=\"0/89 Pearl Cendre\">\n                  <a href=\"#\" data-pid=\"CAN-818553\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818553&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-818553\">\n                    <span data-attr-value=\"0/89_Pearl_Cendre\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7db4e5b5/images/wella/818553C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">0/89 Pearl Cendre</span>\n                  <span class=\"variation-pid\">CAN-818553</span>\n                  <span class=\"variation-upc\">070018115652</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-818553 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n      \n    </div>\n  \n\n</div>\n                  </div>\n                  \n              \n\n              <input class=\"AvailabilityJsonURL\" type=\"hidden\" data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-818525&amp;page=qv\">\n              <!-- Product Availability -->\n              <div class=\"d-sm-none col availability align-self-end \" data-ready-to-order=\"true\" data-available=\"true\">\n                                                                                                                            \n              </div>\n            </div>\n\n            <hr>\n\n          </section>\n\n          \n            <!-- Options -->\n            \n          \n        </div>\n      </div>\n    </div>\n  </div>\n\n  \n  \n</div>\n\n<div class=\"modal-footer row align-items-end\">\n  <div class=\"hidden-xs-down col availability align-self-end global-availability\"\n    data-ready-to-order=\"true\" data-available=\"true\">\n                                                                                                                \n  </div>\n</div>",
  "productUrl": "/CAN-818525.html"
}