{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=CAN-350401",
  "locale": "default",
  "product": {
    "uuid": "7a482f56d6c27f03cd71450ce5",
    "id": "CAN-350401",
    "upc": "074469490559",
    "productName": "6NA+ Light Natural Ash Brown - Age Defy",
    "productType": "variant",
    "manufacturerSKU": "2808104",
    "manufacturerName": "JOICO LABORATORIES-ISO / HENKEL CORPORAT",
    "brand": {},
    "brandUrl": "/shop-by-brand/joico",
    "url": {},
    "bvAverageRating": "0",
    "bvReviewCount": "0",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "6NA+ Light Natural Ash Brown - Age Defy",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw16c48564/images/joico/350401C.jpg?sw=650&sh=650&sfrm=png",
          "title": "6NA+ Light Natural Ash Brown - Age Defy"
        }
      ],
      "zoom": [
        {
          "alt": "6NA+ Light Natural Ash Brown - Age Defy",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw16c48564/images/joico/350401C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "6NA+ Light Natural Ash Brown - Age Defy"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 122,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "values": [
          {
            "id": "2NA+_Very_Dark_Natural_Ash_Brown",
            "description": null,
            "displayValue": "2NA+ Very Dark Natural Ash Brown",
            "value": "2NA+_Very_Dark_Natural_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349486",
            "UPC": "074469465397",
            "orderLevel": "2",
            "variantRank": "1",
            "shadeLabel": "2NA+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=2NA%2B_Very_Dark_Natural_Ash_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "2NA+ Very Dark Natural Ash Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw53f5af42/images/joico/349486C_s.png?sw=60&sh=60",
                  "title": "2NA+ Very Dark Natural Ash Brown"
                }
              ]
            }
          },
          {
            "id": "4NN+_Dark_Natural_Natural_Brown",
            "description": null,
            "displayValue": "4NN+ Dark Natural Natural Brown",
            "value": "4NN+_Dark_Natural_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349484",
            "UPC": "074469465403",
            "orderLevel": "4",
            "variantRank": "3",
            "shadeLabel": "4NN+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=4NN%2B_Dark_Natural_Natural_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NN+ Dark Natural Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb5c2443b/images/joico/349484C_s.png?sw=60&sh=60",
                  "title": "4NN+ Dark Natural Natural Brown"
                }
              ]
            }
          },
          {
            "id": "4NA+_Dark_Natural_Ash_Brown",
            "description": null,
            "displayValue": "4NA+ Dark Natural Ash Brown",
            "value": "4NA+_Dark_Natural_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349485",
            "UPC": "074469465342",
            "orderLevel": "4",
            "variantRank": "4",
            "shadeLabel": "4NA+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=4NA%2B_Dark_Natural_Ash_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NA+ Dark Natural Ash Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb1e51922/images/joico/349485C_s.png?sw=60&sh=60",
                  "title": "4NA+ Dark Natural Ash Brown"
                }
              ]
            }
          },
          {
            "id": "4NG+_Dark_Natural_Brown",
            "description": null,
            "displayValue": "4NG+ Dark Natural Brown",
            "value": "4NG+_Dark_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349138",
            "UPC": "074469471657",
            "orderLevel": "4",
            "variantRank": "5",
            "shadeLabel": "4NG+Dark",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=4NG%2B_Dark_Natural_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NG+ Dark Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw408d67de/images/joico/349138C_s.png?sw=60&sh=60",
                  "title": "4NG+ Dark Natural Brown"
                }
              ]
            }
          },
          {
            "id": "4NRV+_Dark_Natural_Red_Violet_Brown",
            "description": null,
            "displayValue": "4NRV+ Dark Natural Red Violet Brown",
            "value": "4NRV+_Dark_Natural_Red_Violet_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-349103",
            "UPC": "074469471732",
            "orderLevel": "4",
            "variantRank": "7",
            "shadeLabel": "4NRV+",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "4NRV+ Dark Natural Red Violet Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6af995b7/images/joico/349103C_s.png?sw=60&sh=60",
                  "title": "4NRV+ Dark Natural Red Violet Brown"
                }
              ]
            }
          },
          {
            "id": "5NN+_Medium_Natural_Natural_Brown",
            "description": null,
            "displayValue": "5NN+ Medium Natural Natural Brown",
            "value": "5NN+_Medium_Natural_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349483",
            "UPC": "074469465335",
            "orderLevel": "5",
            "variantRank": "10",
            "shadeLabel": "5NN+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=5NN%2B_Medium_Natural_Natural_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NN+ Medium Natural Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc5e71dd7/images/joico/349483C_s.png?sw=60&sh=60",
                  "title": "5NN+ Medium Natural Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5NG+_Medium_Natural_Brown",
            "description": null,
            "displayValue": "5NG+ Medium Natural Brown",
            "value": "5NG+_Medium_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349109",
            "UPC": "074469471640",
            "orderLevel": "5",
            "variantRank": "11",
            "shadeLabel": "5NG+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=5NG%2B_Medium_Natural_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NG+ Medium Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw86854550/images/joico/349109C_s.png?sw=60&sh=60",
                  "title": "5NG+ Medium Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5NR+_Medium_Natural_Red_Brown",
            "description": null,
            "displayValue": "5NR+ Medium Natural Red Brown",
            "value": "5NR+_Medium_Natural_Red_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349101",
            "UPC": "074469471718",
            "orderLevel": "5",
            "variantRank": "12",
            "shadeLabel": "5NR+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=5NR%2B_Medium_Natural_Red_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NR+ Medium Natural Red Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw38b2dff7/images/joico/349101_s.png?sw=60&sh=60",
                  "title": "5NR+ Medium Natural Red Brown"
                }
              ]
            }
          },
          {
            "id": "5NRM+_Medium_Natural_Red_Mahogany_Brown",
            "description": null,
            "displayValue": "5NRM+ Medium Natural Red Mahogany Brown",
            "value": "5NRM+_Medium_Natural_Red_Mahogany_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349102",
            "UPC": "074469471725",
            "orderLevel": "5",
            "variantRank": "13",
            "shadeLabel": "5NRM+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=5NRM%2B_Medium_Natural_Red_Mahogany_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NRM+ Medium Natural Red Mahogany Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw67c2dd1d/images/joico/349102C_s.png?sw=60&sh=60",
                  "title": "5NRM+ Medium Natural Red Mahogany Brown"
                }
              ]
            }
          },
          {
            "id": "5MB+_Medium_Mocha_Brown",
            "description": null,
            "displayValue": "5MB+ Medium Mocha Brown",
            "value": "5MB+_Medium_Mocha_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-350403",
            "UPC": "074469490610",
            "orderLevel": "5",
            "variantRank": "14",
            "shadeLabel": "5MB+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=5MB%2B_Medium_Mocha_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5MB+ Medium Mocha Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2bff1f02/images/joico/350403C_s.png?sw=60&sh=60",
                  "title": "5MB+ Medium Mocha Brown"
                }
              ]
            }
          },
          {
            "id": "5BG+_Medium_Brown_Golden",
            "description": null,
            "displayValue": "5BG+ Medium Brown Golden",
            "value": "5BG+_Medium_Brown_Golden",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-350407",
            "UPC": "074469490573",
            "orderLevel": "5",
            "variantRank": "15",
            "shadeLabel": "5BG+",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "5BG+ Medium Brown Golden",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwbc802cbd/images/joico/350407C_s.png?sw=60&sh=60",
                  "title": "5BG+ Medium Brown Golden"
                }
              ]
            }
          },
          {
            "id": "5BCR+_Medium_Brown_Copper_Red",
            "description": null,
            "displayValue": "5BCR+ Medium Brown Copper Red",
            "value": "5BCR+_Medium_Brown_Copper_Red",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-349490",
            "UPC": "074469465984",
            "orderLevel": "5",
            "variantRank": "16",
            "shadeLabel": "5BCR+",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "5BCR+ Medium Brown Copper Red",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4830c6d8/images/joico/349490C_s.png?sw=60&sh=60",
                  "title": "5BCR+ Medium Brown Copper Red"
                }
              ]
            }
          },
          {
            "id": "6NN+_Light_Natural_Natural_Brown",
            "description": null,
            "displayValue": "6NN+ Light Natural Natural Brown",
            "value": "6NN+_Light_Natural_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349482",
            "UPC": "074469465373",
            "orderLevel": "6",
            "variantRank": "17",
            "shadeLabel": "6NN+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=6NN%2B_Light_Natural_Natural_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NN+ Light Natural Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwbeb0c5ff/images/joico/349482C_s.png?sw=60&sh=60",
                  "title": "6NN+ Light Natural Natural Brown"
                }
              ]
            }
          },
          {
            "id": "6NA+_Light_Natural_Ash_Brown",
            "description": null,
            "displayValue": "6NA+ Light Natural Ash Brown",
            "value": "6NA+_Light_Natural_Ash_Brown",
            "selected": true,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-350401",
            "UPC": "074469490559",
            "orderLevel": "6",
            "variantRank": "18",
            "shadeLabel": "6NA+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=6NA%2B_Light_Natural_Ash_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NA+ Light Natural Ash Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwde6052f5/images/joico/350401C_s.png?sw=60&sh=60",
                  "title": "6NA+ Light Natural Ash Brown"
                }
              ]
            }
          },
          {
            "id": "6NG+_Light_Natural_Brown",
            "description": null,
            "displayValue": "6NG+ Light Natural Brown",
            "value": "6NG+_Light_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349108",
            "UPC": "074469471633",
            "orderLevel": "6",
            "variantRank": "19",
            "shadeLabel": "6NG+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=6NG%2B_Light_Natural_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NG+ Light Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb5dfc6cf/images/joico/349108C_s.png?sw=60&sh=60",
                  "title": "6NG+ Light Natural Brown"
                }
              ]
            }
          },
          {
            "id": "6NGC+_Light_Natural_Golden_Copper",
            "description": null,
            "displayValue": "6NGC+ Light Natural Golden Copper",
            "value": "6NGC+_Light_Natural_Golden_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349488",
            "UPC": "074469465960",
            "orderLevel": "6",
            "variantRank": "20",
            "shadeLabel": "6NGC+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=6NGC%2B_Light_Natural_Golden_Copper&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NGC+ Light Natural Golden Copper",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwef0c5ed1/images/joico/349488C_s.png?sw=60&sh=60",
                  "title": "6NGC+ Light Natural Golden Copper"
                }
              ]
            }
          },
          {
            "id": "6NR+_Light_Natural_Red_Brown",
            "description": null,
            "displayValue": "6NR+ Light Natural Red Brown",
            "value": "6NR+_Light_Natural_Red_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349099",
            "UPC": "074469471701",
            "orderLevel": "6",
            "variantRank": "21",
            "shadeLabel": "6NR+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=6NR%2B_Light_Natural_Red_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NR+ Light Natural Red Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw517f6231/images/joico/349099_s.png?sw=60&sh=60",
                  "title": "6NR+ Light Natural Red Brown"
                }
              ]
            }
          },
          {
            "id": "6MB+_Light_Mocha_Brown",
            "description": null,
            "displayValue": "6MB+ Light Mocha Brown",
            "value": "6MB+_Light_Mocha_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-350404",
            "UPC": "074469490627",
            "orderLevel": "6",
            "variantRank": "22",
            "shadeLabel": "6MB+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=6MB%2B_Light_Mocha_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6MB+ Light Mocha Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe30da6c3/images/joico/350404C_s.png?sw=60&sh=60",
                  "title": "6MB+ Light Mocha Brown"
                }
              ]
            }
          },
          {
            "id": "6BG+_Light_Brown_Golden",
            "description": null,
            "displayValue": "6BG+ Light Brown Golden",
            "value": "6BG+_Light_Brown_Golden",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-350408",
            "UPC": "074469490580",
            "orderLevel": "6",
            "variantRank": "23",
            "shadeLabel": "6BG+",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "6BG+ Light Brown Golden",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw72df5d49/images/joico/350408C_s.png?sw=60&sh=60",
                  "title": "6BG+ Light Brown Golden"
                }
              ]
            }
          },
          {
            "id": "6CG+_Light_Copper_Golden_Brown",
            "description": null,
            "displayValue": "6CG+ Light Copper Golden Brown",
            "value": "6CG+_Light_Copper_Golden_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349098",
            "UPC": "074469471695",
            "orderLevel": "6",
            "variantRank": "24",
            "shadeLabel": "6CG+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=6CG%2B_Light_Copper_Golden_Brown&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6CG+ Light Copper Golden Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw047d8141/images/joico/349098_s.png?sw=60&sh=60",
                  "title": "6CG+ Light Copper Golden Brown"
                }
              ]
            }
          },
          {
            "id": "7NN+_Dark_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "7NN+ Dark Natural Natural Blonde",
            "value": "7NN+_Dark_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349481",
            "UPC": "074469465366",
            "orderLevel": "7",
            "variantRank": "25",
            "shadeLabel": "7NN+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=7NN%2B_Dark_Natural_Natural_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NN+ Dark Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfc569c76/images/joico/349481C_s.png?sw=60&sh=60",
                  "title": "7NN+ Dark Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "7NA+_Dark_Natural_Ash_Blonde",
            "description": null,
            "displayValue": "7NA+ Dark Natural Ash Blonde",
            "value": "7NA+_Dark_Natural_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-350402",
            "UPC": "074469490566",
            "orderLevel": "7",
            "variantRank": "26",
            "shadeLabel": "7NA+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=7NA%2B_Dark_Natural_Ash_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NA+ Dark Natural Ash Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0bd024ba/images/joico/350402_s.png?sw=60&sh=60",
                  "title": "7NA+ Dark Natural Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "7NG+_Dark_Natural_Blonde",
            "description": null,
            "displayValue": "7NG+ Dark Natural Blonde",
            "value": "7NG+_Dark_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349107",
            "UPC": "074469471626",
            "orderLevel": "7",
            "variantRank": "27",
            "shadeLabel": "7NG+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=7NG%2B_Dark_Natural_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NG+ Dark Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2b3a1e00/images/joico/349107C_s.png?sw=60&sh=60",
                  "title": "7NG+ Dark Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "7CG+_Dark_Copper_Golden_Blonde",
            "description": null,
            "displayValue": "7CG+ Dark Copper Golden Blonde",
            "value": "7CG+_Dark_Copper_Golden_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349097",
            "UPC": "074469471688",
            "orderLevel": "7",
            "variantRank": "28",
            "shadeLabel": "7CG+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=7CG%2B_Dark_Copper_Golden_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7CG+ Dark Copper Golden Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfc00b6e5/images/joico/349097C_s.png?sw=60&sh=60",
                  "title": "7CG+ Dark Copper Golden Blonde"
                }
              ]
            }
          },
          {
            "id": "8NN+_Medium_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "8NN+ Medium Natural Natural Blonde",
            "value": "8NN+_Medium_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349480",
            "UPC": "074469465380",
            "orderLevel": "8",
            "variantRank": "29",
            "shadeLabel": "8NN+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=8NN%2B_Medium_Natural_Natural_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NN+ Medium Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4a74ce26/images/joico/349480C_s.png?sw=60&sh=60",
                  "title": "8NN+ Medium Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "8NG+_Medium_Natural_Blonde",
            "description": null,
            "displayValue": "8NG+ Medium Natural Blonde",
            "value": "8NG+_Medium_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349106",
            "UPC": "074469471619",
            "orderLevel": "8",
            "variantRank": "30",
            "shadeLabel": "8NG+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=8NG%2B_Medium_Natural_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NG+ Medium Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1ee0b910/images/joico/349106C_s.png?sw=60&sh=60",
                  "title": "8NG+ Medium Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "8NGC+_Medium_Natural_Golden_Copper",
            "description": null,
            "displayValue": "8NGC+ Medium Natural Golden Copper",
            "value": "8NGC+_Medium_Natural_Golden_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349487",
            "UPC": "074469465953",
            "orderLevel": "8",
            "variantRank": "31",
            "shadeLabel": "8NGC+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=8NGC%2B_Medium_Natural_Golden_Copper&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NGC+ Medium Natural Golden Copper",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8ab08afa/images/joico/349487C_s.png?sw=60&sh=60",
                  "title": "8NGC+ Medium Natural Golden Copper"
                }
              ]
            }
          },
          {
            "id": "8MB+_Medium_Mocha_Blonde",
            "description": null,
            "displayValue": "8MB+ Medium Mocha Blonde",
            "value": "8MB+_Medium_Mocha_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-350405",
            "UPC": "074469490634",
            "orderLevel": "8",
            "variantRank": "32",
            "shadeLabel": "8MB+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=8MB%2B_Medium_Mocha_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8MB+ Medium Mocha Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw52cc5a24/images/joico/350405C_s.png?sw=60&sh=60",
                  "title": "8MB+ Medium Mocha Blonde"
                }
              ]
            }
          },
          {
            "id": "8GC+_Medium_Golden_Copper_Blonde",
            "description": null,
            "displayValue": "8GC+ Medium Golden Copper Blonde",
            "value": "8GC+_Medium_Golden_Copper_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349089",
            "UPC": "074469471671",
            "orderLevel": "8",
            "variantRank": "33",
            "shadeLabel": "8GC+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=8GC%2B_Medium_Golden_Copper_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8GC+ Medium Golden Copper Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwea456198/images/joico/349089_s.png?sw=60&sh=60",
                  "title": "8GC+ Medium Golden Copper Blonde"
                }
              ]
            }
          },
          {
            "id": "9NN+_Light_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "9NN+ Light Natural Natural Blonde",
            "value": "9NN+_Light_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349479",
            "UPC": "074469465908",
            "orderLevel": "9",
            "variantRank": "34",
            "shadeLabel": "9NN+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=9NN%2B_Light_Natural_Natural_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NN+ Light Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw159908a9/images/joico/349479C_s.png?sw=60&sh=60",
                  "title": "9NN+ Light Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "9NG+_Light_Natural_Blonde",
            "description": null,
            "displayValue": "9NG+ Light Natural Blonde",
            "value": "9NG+_Light_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349105",
            "UPC": "074469471602",
            "orderLevel": "9",
            "variantRank": "35",
            "shadeLabel": "9NG+",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=9NG%2B_Light_Natural_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NG+ Light Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw989d0c02/images/joico/349105C_s.png?sw=60&sh=60",
                  "title": "9NG+ Light Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "10NN+_Violet_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "10NN+ Violet Natural Natural Blonde",
            "value": "10NN+_Violet_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-349478",
            "UPC": "074469465892",
            "orderLevel": "10",
            "variantRank": "39",
            "shadeLabel": "10NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=10NN%2B_Violet_Natural_Natural_Blonde&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10NN+ Violet Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw16035346/images/joico/349478C_s.png?sw=60&sh=60",
                  "title": "10NN+ Violet Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "No_Gray_Controller",
            "description": null,
            "displayValue": "No Gray Controller",
            "value": "No_Gray_Controller",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-348325",
            "UPC": "074469471763",
            "orderLevel": "Neutral",
            "variantRank": "42",
            "shadeLabel": null,
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347003_color=No_Gray_Controller&pid=CAN-M-347003&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "No Gray Controller",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5c17843f/images/joico/348325_s.png?sw=60&sh=60",
                  "title": "No Gray Controller"
                }
              ]
            }
          }
        ],
        "variant": {}
      }
    ],
    "selectedVariationAttributes": [
      {
        "Color": {}
      }
    ],
    "longDescription": "Superior gray coverage is one of the most effective ways to turn and reverse the clock on aging hair. Now, with 14 new shades added to the Joico <strong>Vero K-PAK Color Age Defy</strong> collection, gray coverage is just the beginning to revealing renewed hair!<br />\n<br />\nVero K-PAK Color Age Defy is the first professional hair color that actually reverses the signs of aging. With the addition of 14 new shades in Natural Natural (NN+), Natural Ash (NA+), Natural Gold Copper (NGC+) and Brown Copper Red (BCR+) shade families, stylists can color with confidence &ndash; all new shades provide 100% gray coverage. These will join the other 18 existing Vero K-PAK Color Age Defy shades, making this a comprehensive, must-have palette for any colorist.<br />\n<br />\nGray is not the only characteristic of aging hair&mdash;strands also tend to become coarse, dry, dull, brittle and lifeless with time. Vero K-PAK Color Age Defy series defies the aging process, offering salon clients incredible coverage, unparalleled softness and manageability, dazzling shine and luster, and optimum condition. Shades are completely intermixable with all Joico <strong>Vero K-PAK Color</strong> shades, and feature a one-to-one mixing ratio.<br />\n<br />\n<strong>Age Defy</strong> Vero K-PAK Color&rsquo;s age defying science features Joico&rsquo;s proprietary 3-Defense Technology. A combination of time-released lipids, essential amino acids and bio-mimetic ceramides create superior condition and manageability with every color application. What&rsquo;s more, Vero K-PAK Color Age Defy contains Joico&rsquo;s award winning Quadramine Complex. This molecularly diverse keratin protein works from the inside out, offering unparalleled reconstruction, strength and long-lasting protection.",
    "shortDescription": null,
    "bulletList": null,
    "directions": "Please see manufacturer's packaged instructions.",
    "ingredients": "Water, Cetyl Alcohol, Propylene Glycol, Cyclopentasiloxane, C12 15 Alkyl Benzoate, Oleyl Alcohol, Stearic Acid, Steareth 21, Ammonium Hydroxide, Stearamidopropyl Dimethylamine, Glyceryl Stearate, Decyl Glucoside, Mineral Oil (Paraffinum Liquidum), Glycol Distearate, Hydrolyzed Keratin, Cocodimonium Hydroxypropyl Hydrolyzed Hair Keratin, Tocopheryl Acetate, Keratin, Butyrospermum Parkii (Shea Butter) Extract, Amodimethicone, Behentrimonium Methosulfate, Caprylic/Capric Triglyceride, Dimethicone, Carbomer, Polyquaternium 22, Polysorbate 80, Sodium Methyl Cocoyl Taurate, Ceramide 2, Synthetic Wax, C10 40 Isoalkylamidopropylethyldimonium Ethosulfate, Lecithin, Glycerin, Hydroxyethyl Behenamidopropyl Dimonium Chloride, Isostearic Acid, Lysine HCl, Trideceth 12, PEI 10, Cetrimonium Chloride, Cetearyl Alcohol, Ceteth 10 Phosphate, Dicetyl Phosphate, Phosphoric Acid, Sodium Sulfite, Sodium Acetylated Hyaluronate, Sodium Metasilicate, EDTA, Erythorbic Acid, Alpha Isomethyl Ionone, Fragrance, Toluene 2, 5 DIamine Sulfate, M Aminophenol, P Aminophenol, P Phenylenediamine, Resorcinol, 1 Naphithol, 2 Amino 4 Hydroxyethylaminoanisole Sulfate, 2 Methyl Resorcinol, n,n bis(2 hydroxyethyl) p phenylenediamine sulfate",
    "featuresAndBenefits": null,
    "prop65Warning": null,
    "ProductImageOverlay": null,
    "overlayTo": null,
    "overlayFrom": null,
    "badgeOverlay": null,
    "badgeOverlayTo": null,
    "badgeOverlayFrom": null,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [],
      "OutOfStockLabel": "",
      "inStockDate": null,
      "estimatedQty": 122,
      "ats": 122,
      "maxOrderQuantity": 122,
      "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-350401&quantity=1",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=2",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=3",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=4",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=5",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=6",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=7",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=8",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=9",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=10",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "11",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=11",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "12",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=12",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "13",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=13",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "14",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=14",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "15",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=15",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "16",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=16",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "17",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=17",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "18",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=18",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "19",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=19",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "20",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=20",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "21",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=21",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "22",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=22",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "23",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=23",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "24",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=24",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "25",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=25",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "26",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=26",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "27",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=27",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "28",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=28",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "29",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=29",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "30",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=30",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "31",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=31",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "32",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=32",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "33",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=33",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "34",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=34",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "35",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=35",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "36",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=36",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "37",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=37",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "38",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=38",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "39",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=39",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "40",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=40",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "41",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=41",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "42",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=42",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "43",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=43",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "44",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=44",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "45",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=45",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "46",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=46",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "47",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=47",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "48",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=48",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "49",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=49",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "50",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=50",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "51",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=51",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "52",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=52",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "53",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=53",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "54",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=54",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "55",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=55",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "56",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=56",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "57",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=57",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "58",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=58",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "59",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=59",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "60",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=60",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "61",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=61",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "62",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=62",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "63",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=63",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "64",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=64",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "65",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=65",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "66",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=66",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "67",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=67",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "68",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=68",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "69",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=69",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "70",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=70",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "71",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=71",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "72",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=72",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "73",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=73",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "74",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=74",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "75",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=75",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "76",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=76",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "77",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=77",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "78",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=78",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "79",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=79",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "80",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=80",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "81",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=81",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "82",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=82",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "83",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=83",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "84",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=84",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "85",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=85",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "86",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=86",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "87",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=87",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "88",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=88",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "89",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=89",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "90",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=90",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "91",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=91",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "92",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=92",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "93",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=93",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "94",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=94",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "95",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=95",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "96",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=96",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "97",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=97",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "98",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=98",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "99",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=99",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "100",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=100",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "101",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=101",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "102",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=102",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "103",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=103",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "104",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=104",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "105",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=105",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "106",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=106",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "107",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=107",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "108",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=108",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "109",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=109",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "110",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=110",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "111",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=111",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "112",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=112",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "113",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=113",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "114",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=114",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "115",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=115",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "116",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=116",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "117",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=117",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "118",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=118",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "119",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=119",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "120",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=120",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "121",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=121",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      },
      {
        "value": "122",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&quantity=122",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "badges": [],
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=Vero%20K-Pak%20Color",
      "type": "",
      "benefit": "Grey Coverage",
      "refinementColor": "Browns"
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-350401",
        "sku": "2808104"
      }
    ],
    "geprContent": null,
    "selectedProductUrl": "/CAN-M-347003.html?dwvar_CAN-M-347003_color=6NA%2B_Light_Natural_Ash_Brown&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "CAN-M-347003",
    "pageTitle": "6NA+ Light Natural Ash Brown - Age Defy - Joico | 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-347003",
    "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-350401",
  "isFromPLPFlow": "false",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [
    "2",
    "3",
    "4",
    "5",
    "6",
    "7",
    "8",
    "9",
    "10",
    "Neutral"
  ],
  "enableLatestNearByStores": true,
  "deliveryTilesEnabled": true,
  "tracking_consent": null,
  "ecommerceDetail": {
    "event": "productView",
    "productViewType": "QuickView",
    "ecommerce": {
      "currencyCode": "CAD",
      "detail": {
        "products": [
          {
            "name": "6NA+ Light Natural Ash Brown - Age Defy",
            "id": "CAN-350401",
            "category": "",
            "brand": "Joico",
            "variant": "CAN-350401",
            "dimension52": "Vero K-Pak - Age Defy Color | Color | 6NA+ Light Natural Ash Brown",
            "dimension56": "",
            "dimension57": "Vero K-Pak Color",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant product-wrapper product-detail\" data-pid=\"CAN-350401\" 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;6NA+ Light Natural Ash Brown - Age Defy&quot;,&quot;id&quot;:&quot;CAN-350401&quot;,&quot;category&quot;:&quot;&quot;,&quot;brand&quot;:&quot;Joico&quot;,&quot;variant&quot;:&quot;CAN-350401&quot;,&quot;dimension52&quot;:&quot;Vero K-Pak - Age Defy Color | Color | 6NA+ Light Natural Ash Brown&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;Vero K-Pak Color&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-350401-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw16c48564/images/joico/350401C.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/dw16c48564/images/joico/350401C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"6NA+ Light Natural Ash Brown - Age Defy\" 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            6NA+ Light Natural Ash Brown - Age Defy\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=Vero%20K-Pak%20Color\" class=\"pdp-brand\">\n                Vero K-Pak Color\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"Joico\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/shop-by-brand/joico\" class=\"pdp-brand\">\n                Joico\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-350401\">\n                CAN-350401\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                    074469490559\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-350401\">\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  \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>6NA+ Light Natural Ash Brown</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            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \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=\"2na+ very dark natural ash brown|can-349486|074469465397\" data-pid=\"CAN-349486\">\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-349486\"\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-349486\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349486\"\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-349486\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349486\"\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-349486\" data-attr=\"color\" title=\"2NA+ Very Dark Natural Ash Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349486\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349486&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349486\">\n                    <span data-attr-value=\"2NA+_Very_Dark_Natural_Ash_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/dw53f5af42/images/joico/349486C_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\">2NA+ Very Dark Natural Ash Brown</span>\n                  <span class=\"variation-pid\">CAN-349486</span>\n                  <span class=\"variation-upc\">074469465397</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-349486 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              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4nn+ dark natural natural brown|can-349484|074469465403\" data-pid=\"CAN-349484\">\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-349484\"\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-349484\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349484\"\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-349484\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349484\"\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-349484\" data-attr=\"color\" title=\"4NN+ Dark Natural Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349484\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349484&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349484\">\n                    <span data-attr-value=\"4NN+_Dark_Natural_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/dwb5c2443b/images/joico/349484C_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\">4NN+ Dark Natural Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-349484</span>\n                  <span class=\"variation-upc\">074469465403</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-349484 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            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4na+ dark natural ash brown|can-349485|074469465342\" data-pid=\"CAN-349485\">\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-349485\"\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-349485\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349485\"\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-349485\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349485\"\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-349485\" data-attr=\"color\" title=\"4NA+ Dark Natural Ash Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349485\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349485&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349485\">\n                    <span data-attr-value=\"4NA+_Dark_Natural_Ash_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/dwb1e51922/images/joico/349485C_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\">4NA+ Dark Natural Ash Brown</span>\n                  <span class=\"variation-pid\">CAN-349485</span>\n                  <span class=\"variation-upc\">074469465342</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-349485 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=\"4ng+ dark natural brown|can-349138|074469471657\" data-pid=\"CAN-349138\">\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-349138\"\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-349138\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349138\"\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-349138\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349138\"\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-349138\" data-attr=\"color\" title=\"4NG+ Dark Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349138\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349138&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349138\">\n                    <span data-attr-value=\"4NG+_Dark_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/dw408d67de/images/joico/349138C_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\">4NG+ Dark Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-349138</span>\n                  <span class=\"variation-upc\">074469471657</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-349138 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=\"4nrv+ dark natural red violet brown|can-349103|074469471732\" data-pid=\"CAN-349103\">\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-349103\"\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-349103\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349103\"\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-349103\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349103\"\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-349103\" data-attr=\"color\" title=\"4NRV+ Dark Natural Red Violet Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349103\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349103&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349103\">\n                    <span data-attr-value=\"4NRV+_Dark_Natural_Red_Violet_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/dw6af995b7/images/joico/349103C_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\">4NRV+ Dark Natural Red Violet Brown</span>\n                  <span class=\"variation-pid\">CAN-349103</span>\n                  <span class=\"variation-upc\">074469471732</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-349103 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          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5nn+ medium natural natural brown|can-349483|074469465335\" data-pid=\"CAN-349483\">\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-349483\"\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-349483\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349483\"\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-349483\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349483\"\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-349483\" data-attr=\"color\" title=\"5NN+ Medium Natural Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349483\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349483&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349483\">\n                    <span data-attr-value=\"5NN+_Medium_Natural_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/dwc5e71dd7/images/joico/349483C_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\">5NN+ Medium Natural Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-349483</span>\n                  <span class=\"variation-upc\">074469465335</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-349483 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=\"5ng+ medium natural brown|can-349109|074469471640\" data-pid=\"CAN-349109\">\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-349109\"\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-349109\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349109\"\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-349109\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349109\"\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-349109\" data-attr=\"color\" title=\"5NG+ Medium Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349109\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349109&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349109\">\n                    <span data-attr-value=\"5NG+_Medium_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/dw86854550/images/joico/349109C_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\">5NG+ Medium Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-349109</span>\n                  <span class=\"variation-upc\">074469471640</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-349109 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=\"5nr+ medium natural red brown|can-349101|074469471718\" data-pid=\"CAN-349101\">\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-349101\"\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-349101\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349101\"\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-349101\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349101\"\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-349101\" data-attr=\"color\" title=\"5NR+ Medium Natural Red Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349101\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349101&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349101\">\n                    <span data-attr-value=\"5NR+_Medium_Natural_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/dw38b2dff7/images/joico/349101_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\">5NR+ Medium Natural Red Brown</span>\n                  <span class=\"variation-pid\">CAN-349101</span>\n                  <span class=\"variation-upc\">074469471718</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-349101 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=\"5nrm+ medium natural red mahogany brown|can-349102|074469471725\" data-pid=\"CAN-349102\">\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-349102\"\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-349102\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349102\"\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-349102\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349102\"\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-349102\" data-attr=\"color\" title=\"5NRM+ Medium Natural Red Mahogany Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349102\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349102&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349102\">\n                    <span data-attr-value=\"5NRM+_Medium_Natural_Red_Mahogany_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/dw67c2dd1d/images/joico/349102C_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\">5NRM+ Medium Natural Red Mahogany Brown</span>\n                  <span class=\"variation-pid\">CAN-349102</span>\n                  <span class=\"variation-upc\">074469471725</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-349102 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=\"5mb+ medium mocha brown|can-350403|074469490610\" data-pid=\"CAN-350403\">\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-350403\"\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-350403\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-350403\"\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-350403\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350403\"\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-350403\" data-attr=\"color\" title=\"5MB+ Medium Mocha Brown\">\n                  <a href=\"#\" data-pid=\"CAN-350403\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350403&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350403\">\n                    <span data-attr-value=\"5MB+_Medium_Mocha_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/dw2bff1f02/images/joico/350403C_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\">5MB+ Medium Mocha Brown</span>\n                  <span class=\"variation-pid\">CAN-350403</span>\n                  <span class=\"variation-upc\">074469490610</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-350403 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            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5bg+ medium brown golden|can-350407|074469490573\" data-pid=\"CAN-350407\">\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-350407\"\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-350407\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-350407\"\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-350407\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350407\"\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-350407\" data-attr=\"color\" title=\"5BG+ Medium Brown Golden\">\n                  <a href=\"#\" data-pid=\"CAN-350407\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350407&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350407\">\n                    <span data-attr-value=\"5BG+_Medium_Brown_Golden\"\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/dwbc802cbd/images/joico/350407C_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\">5BG+ Medium Brown Golden</span>\n                  <span class=\"variation-pid\">CAN-350407</span>\n                  <span class=\"variation-upc\">074469490573</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-350407 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            \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=\"5bcr+ medium brown copper red|can-349490|074469465984\" data-pid=\"CAN-349490\">\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-349490\"\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-349490\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349490\"\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-349490\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349490\"\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-349490\" data-attr=\"color\" title=\"5BCR+ Medium Brown Copper Red\">\n                  <a href=\"#\" data-pid=\"CAN-349490\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349490&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349490\">\n                    <span data-attr-value=\"5BCR+_Medium_Brown_Copper_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/dw4830c6d8/images/joico/349490C_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\">5BCR+ Medium Brown Copper Red</span>\n                  <span class=\"variation-pid\">CAN-349490</span>\n                  <span class=\"variation-upc\">074469465984</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-349490 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            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6nn+ light natural natural brown|can-349482|074469465373\" data-pid=\"CAN-349482\">\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-349482\"\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-349482\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349482\"\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-349482\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349482\"\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-349482\" data-attr=\"color\" title=\"6NN+ Light Natural Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349482\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349482&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349482\">\n                    <span data-attr-value=\"6NN+_Light_Natural_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/dwbeb0c5ff/images/joico/349482C_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\">6NN+ Light Natural Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-349482</span>\n                  <span class=\"variation-upc\">074469465373</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-349482 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=\"6na+ light natural ash brown|can-350401|074469490559\" data-pid=\"CAN-350401\">\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-350401\"\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-350401\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-350401\"\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-350401\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401\"\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-350401\" data-attr=\"color\" title=\"6NA+ Light Natural Ash Brown\">\n                  <a href=\"#\" data-pid=\"CAN-350401\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350401\">\n                    <span data-attr-value=\"6NA+_Light_Natural_Ash_Brown\"\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/dwde6052f5/images/joico/350401C_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\">6NA+ Light Natural Ash Brown</span>\n                  <span class=\"variation-pid\">CAN-350401</span>\n                  <span class=\"variation-upc\">074469490559</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-350401 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=\"6ng+ light natural brown|can-349108|074469471633\" data-pid=\"CAN-349108\">\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-349108\"\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-349108\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349108\"\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-349108\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349108\"\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-349108\" data-attr=\"color\" title=\"6NG+ Light Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349108\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349108&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349108\">\n                    <span data-attr-value=\"6NG+_Light_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/dwb5dfc6cf/images/joico/349108C_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\">6NG+ Light Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-349108</span>\n                  <span class=\"variation-upc\">074469471633</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-349108 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            \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=\"6ngc+ light natural golden copper|can-349488|074469465960\" data-pid=\"CAN-349488\">\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-349488\"\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-349488\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349488\"\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-349488\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349488\"\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-349488\" data-attr=\"color\" title=\"6NGC+ Light Natural Golden Copper\">\n                  <a href=\"#\" data-pid=\"CAN-349488\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349488&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349488\">\n                    <span data-attr-value=\"6NGC+_Light_Natural_Golden_Copper\"\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/dwef0c5ed1/images/joico/349488C_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\">6NGC+ Light Natural Golden Copper</span>\n                  <span class=\"variation-pid\">CAN-349488</span>\n                  <span class=\"variation-upc\">074469465960</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-349488 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=\"6nr+ light natural red brown|can-349099|074469471701\" data-pid=\"CAN-349099\">\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-349099\"\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-349099\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349099\"\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-349099\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349099\"\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-349099\" data-attr=\"color\" title=\"6NR+ Light Natural Red Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349099\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349099&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349099\">\n                    <span data-attr-value=\"6NR+_Light_Natural_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/dw517f6231/images/joico/349099_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\">6NR+ Light Natural Red Brown</span>\n                  <span class=\"variation-pid\">CAN-349099</span>\n                  <span class=\"variation-upc\">074469471701</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-349099 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=\"6mb+ light mocha brown|can-350404|074469490627\" data-pid=\"CAN-350404\">\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-350404\"\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-350404\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-350404\"\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-350404\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350404\"\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-350404\" data-attr=\"color\" title=\"6MB+ Light Mocha Brown\">\n                  <a href=\"#\" data-pid=\"CAN-350404\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350404&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350404\">\n                    <span data-attr-value=\"6MB+_Light_Mocha_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/dwe30da6c3/images/joico/350404C_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\">6MB+ Light Mocha Brown</span>\n                  <span class=\"variation-pid\">CAN-350404</span>\n                  <span class=\"variation-upc\">074469490627</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-350404 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            \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=\"6bg+ light brown golden|can-350408|074469490580\" data-pid=\"CAN-350408\">\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-350408\"\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-350408\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-350408\"\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-350408\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350408\"\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-350408\" data-attr=\"color\" title=\"6BG+ Light Brown Golden\">\n                  <a href=\"#\" data-pid=\"CAN-350408\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350408&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350408\">\n                    <span data-attr-value=\"6BG+_Light_Brown_Golden\"\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/dw72df5d49/images/joico/350408C_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\">6BG+ Light Brown Golden</span>\n                  <span class=\"variation-pid\">CAN-350408</span>\n                  <span class=\"variation-upc\">074469490580</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-350408 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=\"6cg+ light copper golden brown|can-349098|074469471695\" data-pid=\"CAN-349098\">\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-349098\"\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-349098\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349098\"\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-349098\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349098\"\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-349098\" data-attr=\"color\" title=\"6CG+ Light Copper Golden Brown\">\n                  <a href=\"#\" data-pid=\"CAN-349098\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349098&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349098\">\n                    <span data-attr-value=\"6CG+_Light_Copper_Golden_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/dw047d8141/images/joico/349098_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\">6CG+ Light Copper Golden Brown</span>\n                  <span class=\"variation-pid\">CAN-349098</span>\n                  <span class=\"variation-upc\">074469471695</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-349098 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            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7nn+ dark natural natural blonde|can-349481|074469465366\" data-pid=\"CAN-349481\">\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-349481\"\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-349481\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349481\"\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-349481\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349481\"\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-349481\" data-attr=\"color\" title=\"7NN+ Dark Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349481\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349481&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349481\">\n                    <span data-attr-value=\"7NN+_Dark_Natural_Natural_Blonde\"\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/dwfc569c76/images/joico/349481C_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\">7NN+ Dark Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-349481</span>\n                  <span class=\"variation-upc\">074469465366</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-349481 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=\"7na+ dark natural ash blonde|can-350402|074469490566\" data-pid=\"CAN-350402\">\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-350402\"\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-350402\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-350402\"\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-350402\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350402\"\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-350402\" data-attr=\"color\" title=\"7NA+ Dark Natural Ash Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-350402\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350402&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350402\">\n                    <span data-attr-value=\"7NA+_Dark_Natural_Ash_Blonde\"\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/dw0bd024ba/images/joico/350402_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\">7NA+ Dark Natural Ash Blonde</span>\n                  <span class=\"variation-pid\">CAN-350402</span>\n                  <span class=\"variation-upc\">074469490566</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-350402 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=\"7ng+ dark natural blonde|can-349107|074469471626\" data-pid=\"CAN-349107\">\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-349107\"\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-349107\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349107\"\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-349107\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349107\"\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-349107\" data-attr=\"color\" title=\"7NG+ Dark Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349107\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349107&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349107\">\n                    <span data-attr-value=\"7NG+_Dark_Natural_Blonde\"\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/dw2b3a1e00/images/joico/349107C_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\">7NG+ Dark Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-349107</span>\n                  <span class=\"variation-upc\">074469471626</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-349107 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=\"7cg+ dark copper golden blonde|can-349097|074469471688\" data-pid=\"CAN-349097\">\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-349097\"\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-349097\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349097\"\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-349097\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349097\"\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-349097\" data-attr=\"color\" title=\"7CG+ Dark Copper Golden Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349097\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349097&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349097\">\n                    <span data-attr-value=\"7CG+_Dark_Copper_Golden_Blonde\"\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/dwfc00b6e5/images/joico/349097C_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\">7CG+ Dark Copper Golden Blonde</span>\n                  <span class=\"variation-pid\">CAN-349097</span>\n                  <span class=\"variation-upc\">074469471688</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-349097 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=\"8nn+ medium natural natural blonde|can-349480|074469465380\" data-pid=\"CAN-349480\">\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-349480\"\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-349480\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349480\"\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-349480\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349480\"\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-349480\" data-attr=\"color\" title=\"8NN+ Medium Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349480\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349480&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349480\">\n                    <span data-attr-value=\"8NN+_Medium_Natural_Natural_Blonde\"\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/dw4a74ce26/images/joico/349480C_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\">8NN+ Medium Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-349480</span>\n                  <span class=\"variation-upc\">074469465380</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-349480 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=\"8ng+ medium natural blonde|can-349106|074469471619\" data-pid=\"CAN-349106\">\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-349106\"\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-349106\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349106\"\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-349106\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349106\"\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-349106\" data-attr=\"color\" title=\"8NG+ Medium Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349106\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349106&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349106\">\n                    <span data-attr-value=\"8NG+_Medium_Natural_Blonde\"\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/dw1ee0b910/images/joico/349106C_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\">8NG+ Medium Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-349106</span>\n                  <span class=\"variation-upc\">074469471619</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-349106 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            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8ngc+ medium natural golden copper|can-349487|074469465953\" data-pid=\"CAN-349487\">\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-349487\"\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-349487\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349487\"\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-349487\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349487\"\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-349487\" data-attr=\"color\" title=\"8NGC+ Medium Natural Golden Copper\">\n                  <a href=\"#\" data-pid=\"CAN-349487\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349487&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349487\">\n                    <span data-attr-value=\"8NGC+_Medium_Natural_Golden_Copper\"\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/dw8ab08afa/images/joico/349487C_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\">8NGC+ Medium Natural Golden Copper</span>\n                  <span class=\"variation-pid\">CAN-349487</span>\n                  <span class=\"variation-upc\">074469465953</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-349487 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=\"8mb+ medium mocha blonde|can-350405|074469490634\" data-pid=\"CAN-350405\">\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-350405\"\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-350405\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-350405\"\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-350405\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350405\"\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-350405\" data-attr=\"color\" title=\"8MB+ Medium Mocha Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-350405\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350405&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-350405\">\n                    <span data-attr-value=\"8MB+_Medium_Mocha_Blonde\"\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/dw52cc5a24/images/joico/350405C_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\">8MB+ Medium Mocha Blonde</span>\n                  <span class=\"variation-pid\">CAN-350405</span>\n                  <span class=\"variation-upc\">074469490634</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-350405 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=\"8gc+ medium golden copper blonde|can-349089|074469471671\" data-pid=\"CAN-349089\">\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-349089\"\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-349089\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349089\"\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-349089\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349089\"\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-349089\" data-attr=\"color\" title=\"8GC+ Medium Golden Copper Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349089\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349089&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349089\">\n                    <span data-attr-value=\"8GC+_Medium_Golden_Copper_Blonde\"\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/dwea456198/images/joico/349089_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\">8GC+ Medium Golden Copper Blonde</span>\n                  <span class=\"variation-pid\">CAN-349089</span>\n                  <span class=\"variation-upc\">074469471671</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-349089 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=\"9nn+ light natural natural blonde|can-349479|074469465908\" data-pid=\"CAN-349479\">\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-349479\"\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-349479\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349479\"\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-349479\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349479\"\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-349479\" data-attr=\"color\" title=\"9NN+ Light Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349479\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349479&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349479\">\n                    <span data-attr-value=\"9NN+_Light_Natural_Natural_Blonde\"\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/dw159908a9/images/joico/349479C_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\">9NN+ Light Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-349479</span>\n                  <span class=\"variation-upc\">074469465908</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-349479 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=\"9ng+ light natural blonde|can-349105|074469471602\" data-pid=\"CAN-349105\">\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-349105\"\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-349105\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349105\"\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-349105\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349105\"\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-349105\" data-attr=\"color\" title=\"9NG+ Light Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349105\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349105&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349105\">\n                    <span data-attr-value=\"9NG+_Light_Natural_Blonde\"\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/dw989d0c02/images/joico/349105C_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\">9NG+ Light Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-349105</span>\n                  <span class=\"variation-upc\">074469471602</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-349105 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=\"10nn+ violet natural natural blonde|can-349478|074469465892\" data-pid=\"CAN-349478\">\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-349478\"\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-349478\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-349478\"\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-349478\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349478\"\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-349478\" data-attr=\"color\" title=\"10NN+ Violet Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-349478\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349478&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-349478\">\n                    <span data-attr-value=\"10NN+_Violet_Natural_Natural_Blonde\"\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/dw16035346/images/joico/349478C_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\">10NN+ Violet Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-349478</span>\n                  <span class=\"variation-upc\">074469465892</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-349478 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=\"no gray controller|can-348325|074469471763\" data-pid=\"CAN-348325\">\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-348325\"\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-348325\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-348325\"\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-348325\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-348325\"\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-348325\" data-attr=\"color\" title=\"No Gray Controller\">\n                  <a href=\"#\" data-pid=\"CAN-348325\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-348325&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-348325\">\n                    <span data-attr-value=\"No_Gray_Controller\"\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/dw5c17843f/images/joico/348325_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\">No Gray Controller</span>\n                  <span class=\"variation-pid\">CAN-348325</span>\n                  <span class=\"variation-upc\">074469471763</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-348325 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-350401&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-350401.html"
}