{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=CAN-012607",
  "locale": "default",
  "product": {
    "uuid": "6b07f8c7ff9cb8a3a0c42182ee",
    "id": "CAN-012607",
    "upc": "074469516358",
    "productName": "Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde",
    "productType": "variant",
    "manufacturerSKU": null,
    "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": "Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw72b2f902/images/joico/012607C.jpg?sw=650&sh=650&sfrm=png",
          "title": "Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde"
        }
      ],
      "zoom": [
        {
          "alt": "Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw72b2f902/images/joico/012607C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "values": [
          {
            "id": "2NN_Natural_Natural_Darkest_Brown",
            "description": null,
            "displayValue": "2NN Natural Natural Darkest Brown",
            "value": "2NN_Natural_Natural_Darkest_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010594",
            "UPC": "074469512688",
            "orderLevel": "2",
            "variantRank": "1",
            "shadeLabel": "2NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=2NN_Natural_Natural_Darkest_Brown&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "2NN Natural Natural Darkest Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd5b4c23a/images/joico/010594C_s.png?sw=60&sh=60",
                  "title": "2NN Natural Natural Darkest Brown"
                }
              ]
            }
          },
          {
            "id": "3NNA_Natural_Natural_Ash_Dark_Brown",
            "description": null,
            "displayValue": "3NNA Natural Natural Ash Dark Brown",
            "value": "3NNA_Natural_Natural_Ash_Dark_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010604",
            "UPC": "074469512954",
            "orderLevel": "3",
            "variantRank": "2",
            "shadeLabel": "3NNA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=3NNA_Natural_Natural_Ash_Dark_Brown&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "3NNA Natural Natural Ash Dark Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7b87ccd0/images/joico/010604C_s.png?sw=60&sh=60",
                  "title": "3NNA Natural Natural Ash Dark Brown"
                }
              ]
            }
          },
          {
            "id": "4NN_Natural_Natural_Medium_Brown",
            "description": null,
            "displayValue": "4NN Natural Natural Medium Brown",
            "value": "4NN_Natural_Natural_Medium_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010597",
            "UPC": "074469512664",
            "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-347158_color=4NN_Natural_Natural_Medium_Brown&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NN Natural Natural Medium Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3e9fb15b/images/joico/010597C_s.png?sw=60&sh=60",
                  "title": "4NN Natural Natural Medium Brown"
                }
              ]
            }
          },
          {
            "id": "4NNW_Natural_Natural_Warm_Medium_Brown",
            "description": null,
            "displayValue": "4NNW Natural Natural Warm Medium Brown",
            "value": "4NNW_Natural_Natural_Warm_Medium_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021727",
            "UPC": "074469534451",
            "orderLevel": "4",
            "variantRank": "4",
            "shadeLabel": "4NNW",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "4NNW Natural Natural Warm Medium Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5243568f/images/joico/021727C_s.png?sw=60&sh=60",
                  "title": "4NNW Natural Natural Warm Medium Brown"
                }
              ]
            }
          },
          {
            "id": "4NNWC_Natural_Natural_Warm_Copper",
            "description": null,
            "displayValue": "4NNWC Natural Natural Warm Copper",
            "value": "4NNWC_Natural_Natural_Warm_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021743",
            "UPC": "074469524223",
            "orderLevel": "4",
            "variantRank": "5",
            "shadeLabel": "4NNWC",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "4NNWC Natural Natural Warm Copper",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw789162d2/images/joico/021743C_s.png?sw=60&sh=60",
                  "title": "4NNWC Natural Natural Warm Copper"
                }
              ]
            }
          },
          {
            "id": "4NNG_Natural_Natural_Gold_Medium_Brown",
            "description": null,
            "displayValue": "4NNG Natural Natural Gold Medium Brown",
            "value": "4NNG_Natural_Natural_Gold_Medium_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-012599",
            "UPC": "074469516303",
            "orderLevel": "4",
            "variantRank": "6",
            "shadeLabel": "4NNG",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "4NNG Natural Natural Gold Medium Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa6a9d52f/images/joico/012599C_s.png?sw=60&sh=60",
                  "title": "4NNG Natural Natural Gold Medium Brown"
                }
              ]
            }
          },
          {
            "id": "5NN__Natural_Natural_Light_Brown",
            "description": null,
            "displayValue": "5NN  Natural Natural Light Brown",
            "value": "5NN__Natural_Natural_Light_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010598",
            "UPC": "074469512671",
            "orderLevel": "5",
            "variantRank": "7",
            "shadeLabel": "5NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=5NN__Natural_Natural_Light_Brown&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NN  Natural Natural Light Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0795e3ee/images/joico/010598C_s.png?sw=60&sh=60",
                  "title": "5NN  Natural Natural Light Brown"
                }
              ]
            }
          },
          {
            "id": "5NNWC_Natural_Natural_Warm_Copper",
            "description": null,
            "displayValue": "5NNWC Natural Natural Warm Copper",
            "value": "5NNWC_Natural_Natural_Warm_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-021744",
            "UPC": "074469524230",
            "orderLevel": "5",
            "variantRank": "8",
            "shadeLabel": "5NNWC",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=5NNWC_Natural_Natural_Warm_Copper&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NNWC Natural Natural Warm Copper",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7d90e51b/images/joico/021744C_s.png?sw=60&sh=60",
                  "title": "5NNWC Natural Natural Warm Copper"
                }
              ]
            }
          },
          {
            "id": "5NNA_Natural_Natural_Ash_Light_Brown",
            "description": null,
            "displayValue": "5NNA Natural Natural Ash Light Brown",
            "value": "5NNA_Natural_Natural_Ash_Light_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010605",
            "UPC": "074469512930",
            "orderLevel": "5",
            "variantRank": "9",
            "shadeLabel": "5NNA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=5NNA_Natural_Natural_Ash_Light_Brown&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NNA Natural Natural Ash Light Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwedc9307d/images/joico/010605C_s.png?sw=60&sh=60",
                  "title": "5NNA Natural Natural Ash Light Brown"
                }
              ]
            }
          },
          {
            "id": "5NNG_Natural_Natural_Gold_Light_Brown",
            "description": null,
            "displayValue": "5NNG Natural Natural Gold Light Brown",
            "value": "5NNG_Natural_Natural_Gold_Light_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-012606",
            "UPC": "074469516341",
            "orderLevel": "5",
            "variantRank": "10",
            "shadeLabel": "5NNG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=5NNG_Natural_Natural_Gold_Light_Brown&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NNG Natural Natural Gold Light Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe541c1d5/images/joico/012606C_s.png?sw=60&sh=60",
                  "title": "5NNG Natural Natural Gold Light Brown"
                }
              ]
            }
          },
          {
            "id": "6NN_Natural_Natural_Dark_Blonde",
            "description": null,
            "displayValue": "6NN Natural Natural Dark Blonde",
            "value": "6NN_Natural_Natural_Dark_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010599",
            "UPC": "074469512695",
            "orderLevel": "6",
            "variantRank": "11",
            "shadeLabel": "6NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=6NN_Natural_Natural_Dark_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NN Natural Natural Dark Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe6f23728/images/joico/010599C_s.png?sw=60&sh=60",
                  "title": "6NN Natural Natural Dark Blonde"
                }
              ]
            }
          },
          {
            "id": "6NNW_Natural_Natural_Warm_Dark_Blonde",
            "description": null,
            "displayValue": "6NNW Natural Natural Warm Dark Blonde",
            "value": "6NNW_Natural_Natural_Warm_Dark_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-021732",
            "UPC": "074469534512",
            "orderLevel": "6",
            "variantRank": "12",
            "shadeLabel": "6NNW",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=6NNW_Natural_Natural_Warm_Dark_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NNW Natural Natural Warm Dark Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw452cdee4/images/joico/021732C_s.png?sw=60&sh=60",
                  "title": "6NNW Natural Natural Warm Dark Blonde"
                }
              ]
            }
          },
          {
            "id": "6NNWC_Natural_Natural_Warm_Copper",
            "description": null,
            "displayValue": "6NNWC Natural Natural Warm Copper",
            "value": "6NNWC_Natural_Natural_Warm_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-021745",
            "UPC": "074469524247",
            "orderLevel": "6",
            "variantRank": "13",
            "shadeLabel": "6NNWC",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=6NNWC_Natural_Natural_Warm_Copper&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NNWC Natural Natural Warm Copper",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8992d41d/images/joico/021745C_s.png?sw=60&sh=60",
                  "title": "6NNWC Natural Natural Warm Copper"
                }
              ]
            }
          },
          {
            "id": "6NNA_Natural_Natural_Ash_Dark_Blonde",
            "description": null,
            "displayValue": "6NNA Natural Natural Ash Dark Blonde",
            "value": "6NNA_Natural_Natural_Ash_Dark_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010606",
            "UPC": "074469512947",
            "orderLevel": "6",
            "variantRank": "14",
            "shadeLabel": "6NNA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=6NNA_Natural_Natural_Ash_Dark_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NNA Natural Natural Ash Dark Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6d4e5902/images/joico/010606C_s.png?sw=60&sh=60",
                  "title": "6NNA Natural Natural Ash Dark Blonde"
                }
              ]
            }
          },
          {
            "id": "6NNG_Natural_Natural_Gold_Dark_Blonde",
            "description": null,
            "displayValue": "6NNG Natural Natural Gold Dark Blonde",
            "value": "6NNG_Natural_Natural_Gold_Dark_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-012603",
            "UPC": "074469516310",
            "orderLevel": "6",
            "variantRank": "15",
            "shadeLabel": "6NNG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=6NNG_Natural_Natural_Gold_Dark_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NNG Natural Natural Gold Dark Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfde617b7/images/joico/012603C_s.png?sw=60&sh=60",
                  "title": "6NNG Natural Natural Gold Dark Blonde"
                }
              ]
            }
          },
          {
            "id": "7NN_Natural_Natural_Medium_Blonde",
            "description": null,
            "displayValue": "7NN Natural Natural Medium Blonde",
            "value": "7NN_Natural_Natural_Medium_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010600",
            "UPC": "074469512701",
            "orderLevel": "7",
            "variantRank": "16",
            "shadeLabel": "7NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=7NN_Natural_Natural_Medium_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NN Natural Natural Medium Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2284dbc5/images/joico/010600C_s.png?sw=60&sh=60",
                  "title": "7NN Natural Natural Medium Blonde"
                }
              ]
            }
          },
          {
            "id": "7NNWC_Natural_Natural_Warm_Copper",
            "description": null,
            "displayValue": "7NNWC Natural Natural Warm Copper",
            "value": "7NNWC_Natural_Natural_Warm_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-021746",
            "UPC": "074469524254",
            "orderLevel": "7",
            "variantRank": "17",
            "shadeLabel": "7NNWC",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=7NNWC_Natural_Natural_Warm_Copper&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NNWC Natural Natural Warm Copper",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw382fb62c/images/joico/021746C_s.png?sw=60&sh=60",
                  "title": "7NNWC Natural Natural Warm Copper"
                }
              ]
            }
          },
          {
            "id": "7NNA_Natural_Natural_Ash_Medium_Blonde",
            "description": null,
            "displayValue": "7NNA Natural Natural Ash Medium Blonde",
            "value": "7NNA_Natural_Natural_Ash_Medium_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010608",
            "UPC": "074469512923",
            "orderLevel": "7",
            "variantRank": "18",
            "shadeLabel": "7NNA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=7NNA_Natural_Natural_Ash_Medium_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NNA Natural Natural Ash Medium Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwaced089a/images/joico/010608C_s.png?sw=60&sh=60",
                  "title": "7NNA Natural Natural Ash Medium Blonde"
                }
              ]
            }
          },
          {
            "id": "7NNG_Natural_Natural_Gold_Medium_Blonde",
            "description": null,
            "displayValue": "7NNG Natural Natural Gold Medium Blonde",
            "value": "7NNG_Natural_Natural_Gold_Medium_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-012604",
            "UPC": "074469516327",
            "orderLevel": "7",
            "variantRank": "19",
            "shadeLabel": "7NNG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=7NNG_Natural_Natural_Gold_Medium_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NNG Natural Natural Gold Medium Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3349bca7/images/joico/012604C_s.png?sw=60&sh=60",
                  "title": "7NNG Natural Natural Gold Medium Blonde"
                }
              ]
            }
          },
          {
            "id": "8NN_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "8NN Natural Natural Blonde",
            "value": "8NN_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010601",
            "UPC": "074469512718",
            "orderLevel": "8",
            "variantRank": "20",
            "shadeLabel": "8NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=8NN_Natural_Natural_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NN Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8687e0cb/images/joico/010601C_s.png?sw=60&sh=60",
                  "title": "8NN Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "8NNW_Natural_Natural_Warm_Blonde",
            "description": null,
            "displayValue": "8NNW Natural Natural Warm Blonde",
            "value": "8NNW_Natural_Natural_Warm_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021742",
            "UPC": "074469534611",
            "orderLevel": "8",
            "variantRank": "21",
            "shadeLabel": "8NNW",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "8NNW Natural Natural Warm Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw856a6975/images/joico/021742C_s.png?sw=60&sh=60",
                  "title": "8NNW Natural Natural Warm Blonde"
                }
              ]
            }
          },
          {
            "id": "8NNG_Natural_Natural_Gold_Blonde",
            "description": null,
            "displayValue": "8NNG Natural Natural Gold Blonde",
            "value": "8NNG_Natural_Natural_Gold_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-012600",
            "UPC": "074469516297",
            "orderLevel": "8",
            "variantRank": "22",
            "shadeLabel": "8NNG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=8NNG_Natural_Natural_Gold_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NNG Natural Natural Gold Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw34ca6baa/images/joico/012600C_s.png?sw=60&sh=60",
                  "title": "8NNG Natural Natural Gold Blonde"
                }
              ]
            }
          },
          {
            "id": "9NN_Natural_Natural_Light_Blonde",
            "description": null,
            "displayValue": "9NN Natural Natural Light Blonde",
            "value": "9NN_Natural_Natural_Light_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010602",
            "UPC": "074469512725",
            "orderLevel": "9",
            "variantRank": "23",
            "shadeLabel": "9NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=9NN_Natural_Natural_Light_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NN Natural Natural Light Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa6d28a86/images/joico/010602C_s.png?sw=60&sh=60",
                  "title": "9NN Natural Natural Light Blonde"
                }
              ]
            }
          },
          {
            "id": "9NNWC_Natural_Natural_Warm_Copper",
            "description": null,
            "displayValue": "9NNWC Natural Natural Warm Copper",
            "value": "9NNWC_Natural_Natural_Warm_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021747",
            "UPC": "074469524261",
            "orderLevel": "9",
            "variantRank": "24",
            "shadeLabel": "9NNWC",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "9NNWC Natural Natural Warm Copper",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa5d1cd1d/images/joico/021747C_s.png?sw=60&sh=60",
                  "title": "9NNWC Natural Natural Warm Copper"
                }
              ]
            }
          },
          {
            "id": "9NNA_Natural_Natural_Ash_Light_Blonde",
            "description": null,
            "displayValue": "9NNA Natural Natural Ash Light Blonde",
            "value": "9NNA_Natural_Natural_Ash_Light_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010609",
            "UPC": "074469512916",
            "orderLevel": "9",
            "variantRank": "25",
            "shadeLabel": "9NNA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=9NNA_Natural_Natural_Ash_Light_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NNA Natural Natural Ash Light Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8301fd92/images/joico/010609C_s.png?sw=60&sh=60",
                  "title": "9NNA Natural Natural Ash Light Blonde"
                }
              ]
            }
          },
          {
            "id": "9NNG_Natural_Natural_Gold_Light_Blonde",
            "description": null,
            "displayValue": "9NNG Natural Natural Gold Light Blonde",
            "value": "9NNG_Natural_Natural_Gold_Light_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-012605",
            "UPC": "074469516334",
            "orderLevel": "9",
            "variantRank": "26",
            "shadeLabel": "9NNG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=9NNG_Natural_Natural_Gold_Light_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NNG Natural Natural Gold Light Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2b4ce9bf/images/joico/012605C_s.png?sw=60&sh=60",
                  "title": "9NNG Natural Natural Gold Light Blonde"
                }
              ]
            }
          },
          {
            "id": "10NN_Natural_Natural_Lightest_Blonde",
            "description": null,
            "displayValue": "10NN Natural Natural Lightest Blonde",
            "value": "10NN_Natural_Natural_Lightest_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010603",
            "UPC": "074469513081",
            "orderLevel": "10",
            "variantRank": "27",
            "shadeLabel": "10NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-347158_color=10NN_Natural_Natural_Lightest_Blonde&pid=CAN-M-347158&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10NN Natural Natural Lightest Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc44efbb9/images/joico/010603C_s.png?sw=60&sh=60",
                  "title": "10NN Natural Natural Lightest Blonde"
                }
              ]
            }
          },
          {
            "id": "10NNG_Natural_Natural_Gold_Lightest_blonde",
            "description": null,
            "displayValue": "10NNG Natural Natural Gold Lightest blonde",
            "value": "10NNG_Natural_Natural_Gold_Lightest_blonde",
            "selected": true,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-012607",
            "UPC": "074469516358",
            "orderLevel": "10",
            "variantRank": "28",
            "shadeLabel": "10NNG",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "10NNG Natural Natural Gold Lightest blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe54eadbf/images/joico/012607C_s.png?sw=60&sh=60",
                  "title": "10NNG Natural Natural Gold Lightest blonde"
                }
              ]
            }
          }
        ],
        "variant": {}
      }
    ],
    "selectedVariationAttributes": [
      {
        "Color": {}
      }
    ],
    "longDescription": "Unlock hair?s youth potential with NEW LumiShine? YouthLock Repair + Permanent Creme Color; Joico?s first collagen-infused permanent cr�me color. Harnessing the fountain of youth-like properties of Collagen?known to keep skin youthfully plump and improve skin elasticity and hydration?this innovative formula helps revitalize strands and lock in the look and feel of younger-looking hair. With just one color service: Hair springs back with renewed bounce, body, and signature LumiShine shine**. Smoothness and softness(vs. untreated damaged hair) are restored. Resistant gray gets our most gleaming and gorgeous coverage. Keep youthful looking hair on your side with 13 radiant, lustrous shades offering 100% gray coverage and a complete healthy-looking hair protection plan. Deliver shiny, strengthened, restored hair with the dependability of LumiShine Permanent Cr�me Color. <br>\nExperience the fountain of youth in every tube. <br><br>\n\n** With K-PAK Color Therapy Shampoo and Conditioner on damaged hair",
    "shortDescription": null,
    "bulletList": null,
    "directions": "COLORING INSTRUCTIONS:<br>\nLumiShine Permanent Crème Color is mixed 1:1 (equal parts color and appropriate Volume LumiShine Developer) \nApply with a color applicator bottle, or bowl and brush. (When mixing in a bottle, add developer ? rst, then add color, and shake well.) \nProcess for 35-45 minutes for gray coverage.<br><br>\n\nPOST-COLOR SERVICE<br>\nRinse thoroughly. Acidify with K-PAK Professional Cuticle Sealer, rinse. Apply the K-PAK Color Therapy Shampoo to scalp and massage well. Work through hair lengths. Rinse thoroughly. Squeeze out excess water. Apply K-PAK Color Therapy Conditioner to hair lengths after squeezing out excess moisture. Massage throughout hair and leave in for 5 minutes. Rinse thoroughly. Towel-dry hair. Style as needed with preferred Joico styling products.<br><br>\n\nDEFY DAMAGE SERVICE<br>\nFor damage protection and color perfection, use with Joico Defy Damage ProSeries 1 before color service and Joico Defy Damage ProSeries 2 for a post color service treatment.",
    "ingredients": "Key Ingredients:<br>\nCOLLAGEN: Helps restore strength and hydration to aging, fragile strands for healthy-looking hair. <br>\nBURITI FRUIT OIL:Helps add gloss, shine, and moisture to hair, helping to leave hair feeling moisturized.<br>\nQUADRAMINE? COMPLEX:Our exclusive blend of low molecular weight and size proteins (MWS 150-2500) adhere quickly to maximize reconstruction from cuticle to cortex. The result? Guaranteed healthier-looking hair after each LumiShine color service.<br>\nPATENTED CONDITIONING COMPLEX:This conditioning shield surrounds the hair shaft to nourish and protect color-treated hair for up to 30 shampoos,**  sealing in moisture, softness, and unprecedented shine.<br>\nBOND-BUILDING ARGININE: A naturally occurring amino acid crucial to hair?s strength, Arginine helps to protect hair and reduce breakage* in every single treatment. Reinforced locks also improve the signs of damage and aging.",
    "featuresAndBenefits": null,
    "prop65Warning": null,
    "ProductImageOverlay": null,
    "overlayTo": null,
    "overlayFrom": null,
    "badgeOverlay": null,
    "badgeOverlayTo": null,
    "badgeOverlayFrom": null,
    "promotions": null,
    "attributes": [
      {
        "ID": "CustomAttributes",
        "name": "Custom Attributes",
        "attributes": [
          {
            "label": "PDP Youtube Video ID",
            "value": [
              "tYI9MEEQfbw"
            ]
          }
        ]
      }
    ],
    "availability": {
      "messages": [
        "This item is currently not available"
      ],
      "OutOfStockLabel": "This product is out of stock online",
      "inStockDate": null,
      "estimatedQty": 0,
      "ats": 0,
      "maxOrderQuantity": 0,
      "maxQtyLimitMsg": "error.max.quantity.limit",
      "IsOutOfStock": true,
      "pavRestricted": false,
      "geprRestricted": false
    },
    "available": false,
    "geprStateRestriction": "",
    "options": [],
    "quantities": [
      {
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012607"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "badges": [],
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=Lumishine",
      "type": "",
      "benefit": "",
      "refinementColor": ""
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-012607"
      }
    ],
    "geprContent": null,
    "selectedProductUrl": "/CAN-M-347158.html?dwvar_CAN-M-347158_color=10NNG_Natural_Natural_Gold_Lightest_blonde&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "CAN-M-347158",
    "pageTitle": "Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde - Joico | CosmoProf",
    "pageDescription": null,
    "pageKeywords": "joico haircolor, lumishine youthlock, lumishine youthlock hair color, lumishine haircolor, joico permanent hair color, joico hair color, joico permanent haircolor, lumishine youthlock by joico at cosmoprof beauty",
    "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-347158",
    "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-012607",
  "isFromPLPFlow": "false",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [
    "2",
    "3",
    "4",
    "5",
    "6",
    "7",
    "8",
    "9",
    "10"
  ],
  "enableLatestNearByStores": true,
  "deliveryTilesEnabled": true,
  "tracking_consent": null,
  "ecommerceDetail": {
    "event": "productView",
    "productViewType": "QuickView",
    "ecommerce": {
      "currencyCode": "CAD",
      "detail": {
        "products": [
          {
            "name": "Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde",
            "id": "CAN-012607",
            "category": "",
            "brand": "Joico",
            "variant": "CAN-012607",
            "dimension52": "Lumishine YouthLock Repair+Permanent Creme Color | Color | 10NNG Natural Natural Gold Lightest blonde",
            "dimension56": "",
            "dimension57": "Lumishine",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant product-wrapper product-detail\" data-pid=\"CAN-012607\" 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;Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde&quot;,&quot;id&quot;:&quot;CAN-012607&quot;,&quot;category&quot;:&quot;&quot;,&quot;brand&quot;:&quot;Joico&quot;,&quot;variant&quot;:&quot;CAN-012607&quot;,&quot;dimension52&quot;:&quot;Lumishine YouthLock Repair+Permanent Creme Color | Color | 10NNG Natural Natural Gold Lightest blonde&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;Lumishine&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        \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-012607-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw72b2f902/images/joico/012607C.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/dw72b2f902/images/joico/012607C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n    \n        <div class=\"item\">\n            \n                <div class=\"embed-responsive embed-responsive-16by9 z-depth-1-half d-block\">\n                    <iframe class=\"embed-responsive-item\"\n                        src=\"https://www.youtube-nocookie.com/embed/tYI9MEEQfbw\" allowfullscreen></iframe>\n                </div>\n            \n        </div>\n    \n</div>\n\n    \n    \n\n\n<div class=\"pdp-dots-container carousel-content\">\n    \n        \n        \n        \n        <div class=\"owl-carousel owl-theme pdp-dots-carousel\">\n            \n                <div class=\"pdp-dots active\" data-index=\"0\" data-pid=\"CAN-012607\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw72b2f902/images/joico/012607C.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde\" itemprop=\"image\" />\n                </div>\n                \n            \n            \n                \n                    <div class=\"pdp-dots d-inline-block\" data-index=\"1.0\"></div>\n                \n                \n            \n        </div>\n        <div class=\"sliderControl\">\n            <div class=\"owl-controls\">\n                <div class='owl-nav d-none'>\n                    <div class=\"prvBtn d-none\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwa52ed24e/images/caret_left.svg\" alt=\"previous\" />\n                    </div>\n                    <div class=\"nxtBtn\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw758a08a1/images/caret_right.svg\" alt=\"next\" />\n                     </div>\n                </div>\n             </div>\n         </div>\n    \n</div>\n\n\n    <div class=\"modal fade\" id=\"modal1\" tabindex=\"-1\" role=\"dialog\"\n        aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n        <div class=\"modal-dialog modal-lg\" role=\"document\">\n\n            <!--Content-->\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;</span></button>\n                </div>\n                <!--Body-->\n                <div class=\"modal-body mb-0 p-0\">\n                    <div class=\"embed-responsive embed-responsive-16by9 z-depth-1-half\">\n                        <iframe class=\"embed-responsive-item\"\n                            src=\"https://www.youtube-nocookie.com/embed/tYI9MEEQfbw\" allowfullscreen></iframe>\n                    </div>\n                </div>\n            </div>\n            <!--/.Content-->\n        </div>\n    </div>\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            Lumishine YouthLock - 10NNG Natural Nat Gold Lightest Blonde\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=Lumishine\" class=\"pdp-brand\">\n                Lumishine\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-012607\">\n                CAN-012607\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                    074469516358\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    <div class=\"row\">\n        <div class=\"col\">\n            <div class=\"main-attributes\">\n                \n                    \n                \n            </div>\n        </div>\n    </div>\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-012607\">\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<div class=\"color-container col-12\">\n\n  <label id=\"variant-color\" class='js-old-pdp-selected-label color '>\n      Color: <span>10NNG Natural Natural Gold Lightest blonde</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            <div class=\"swatch-line\" data-filter-item data-filter-name=\"2nn natural natural darkest brown|can-010594|074469512688\" data-pid=\"CAN-010594\">\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-010594\"\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-010594\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010594\"\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-010594\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010594\"\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-010594\" data-attr=\"color\" title=\"2NN Natural Natural Darkest Brown\">\n                  <a href=\"#\" data-pid=\"CAN-010594\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010594&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010594\">\n                    <span data-attr-value=\"2NN_Natural_Natural_Darkest_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/dwd5b4c23a/images/joico/010594C_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\">2NN Natural Natural Darkest Brown</span>\n                  <span class=\"variation-pid\">CAN-010594</span>\n                  <span class=\"variation-upc\">074469512688</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-010594 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=\"3nna natural natural ash dark brown|can-010604|074469512954\" data-pid=\"CAN-010604\">\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-010604\"\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-010604\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010604\"\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-010604\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010604\"\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-010604\" data-attr=\"color\" title=\"3NNA Natural Natural Ash Dark Brown\">\n                  <a href=\"#\" data-pid=\"CAN-010604\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010604&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010604\">\n                    <span data-attr-value=\"3NNA_Natural_Natural_Ash_Dark_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/dw7b87ccd0/images/joico/010604C_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\">3NNA Natural Natural Ash Dark Brown</span>\n                  <span class=\"variation-pid\">CAN-010604</span>\n                  <span class=\"variation-upc\">074469512954</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-010604 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=\"4nn natural natural medium brown|can-010597|074469512664\" data-pid=\"CAN-010597\">\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-010597\"\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-010597\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010597\"\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-010597\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010597\"\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-010597\" data-attr=\"color\" title=\"4NN Natural Natural Medium Brown\">\n                  <a href=\"#\" data-pid=\"CAN-010597\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010597&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010597\">\n                    <span data-attr-value=\"4NN_Natural_Natural_Medium_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/dw3e9fb15b/images/joico/010597C_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 Natural Natural Medium Brown</span>\n                  <span class=\"variation-pid\">CAN-010597</span>\n                  <span class=\"variation-upc\">074469512664</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-010597 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=\"4nnw natural natural warm medium brown|can-021727|074469534451\" data-pid=\"CAN-021727\">\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-021727\"\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-021727\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021727\"\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-021727\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021727\"\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-021727\" data-attr=\"color\" title=\"4NNW Natural Natural Warm Medium Brown\">\n                  <a href=\"#\" data-pid=\"CAN-021727\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021727&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021727\">\n                    <span data-attr-value=\"4NNW_Natural_Natural_Warm_Medium_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/dw5243568f/images/joico/021727C_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\">4NNW Natural Natural Warm Medium Brown</span>\n                  <span class=\"variation-pid\">CAN-021727</span>\n                  <span class=\"variation-upc\">074469534451</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-021727 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=\"4nnwc natural natural warm copper|can-021743|074469524223\" data-pid=\"CAN-021743\">\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-021743\"\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-021743\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021743\"\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-021743\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021743\"\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-021743\" data-attr=\"color\" title=\"4NNWC Natural Natural Warm Copper\">\n                  <a href=\"#\" data-pid=\"CAN-021743\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021743&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021743\">\n                    <span data-attr-value=\"4NNWC_Natural_Natural_Warm_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/dw789162d2/images/joico/021743C_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\">4NNWC Natural Natural Warm Copper</span>\n                  <span class=\"variation-pid\">CAN-021743</span>\n                  <span class=\"variation-upc\">074469524223</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-021743 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=\"4nng natural natural gold medium brown|can-012599|074469516303\" data-pid=\"CAN-012599\">\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-012599\"\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-012599\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-012599\"\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-012599\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012599\"\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-012599\" data-attr=\"color\" title=\"4NNG Natural Natural Gold Medium Brown\">\n                  <a href=\"#\" data-pid=\"CAN-012599\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012599&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012599\">\n                    <span data-attr-value=\"4NNG_Natural_Natural_Gold_Medium_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/dwa6a9d52f/images/joico/012599C_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\">4NNG Natural Natural Gold Medium Brown</span>\n                  <span class=\"variation-pid\">CAN-012599</span>\n                  <span class=\"variation-upc\">074469516303</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-012599 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=\"5nn  natural natural light brown|can-010598|074469512671\" data-pid=\"CAN-010598\">\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-010598\"\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-010598\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010598\"\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-010598\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010598\"\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-010598\" data-attr=\"color\" title=\"5NN  Natural Natural Light Brown\">\n                  <a href=\"#\" data-pid=\"CAN-010598\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010598&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010598\">\n                    <span data-attr-value=\"5NN__Natural_Natural_Light_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/dw0795e3ee/images/joico/010598C_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  Natural Natural Light Brown</span>\n                  <span class=\"variation-pid\">CAN-010598</span>\n                  <span class=\"variation-upc\">074469512671</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-010598 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=\"5nnwc natural natural warm copper|can-021744|074469524230\" data-pid=\"CAN-021744\">\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-021744\"\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-021744\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021744\"\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-021744\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021744\"\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-021744\" data-attr=\"color\" title=\"5NNWC Natural Natural Warm Copper\">\n                  <a href=\"#\" data-pid=\"CAN-021744\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021744&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021744\">\n                    <span data-attr-value=\"5NNWC_Natural_Natural_Warm_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/dw7d90e51b/images/joico/021744C_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\">5NNWC Natural Natural Warm Copper</span>\n                  <span class=\"variation-pid\">CAN-021744</span>\n                  <span class=\"variation-upc\">074469524230</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-021744 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=\"5nna natural natural ash light brown|can-010605|074469512930\" data-pid=\"CAN-010605\">\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-010605\"\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-010605\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010605\"\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-010605\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010605\"\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-010605\" data-attr=\"color\" title=\"5NNA Natural Natural Ash Light Brown\">\n                  <a href=\"#\" data-pid=\"CAN-010605\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010605&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010605\">\n                    <span data-attr-value=\"5NNA_Natural_Natural_Ash_Light_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/dwedc9307d/images/joico/010605C_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\">5NNA Natural Natural Ash Light Brown</span>\n                  <span class=\"variation-pid\">CAN-010605</span>\n                  <span class=\"variation-upc\">074469512930</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-010605 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=\"5nng natural natural gold light brown|can-012606|074469516341\" data-pid=\"CAN-012606\">\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-012606\"\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-012606\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-012606\"\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-012606\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012606\"\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-012606\" data-attr=\"color\" title=\"5NNG Natural Natural Gold Light Brown\">\n                  <a href=\"#\" data-pid=\"CAN-012606\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012606&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012606\">\n                    <span data-attr-value=\"5NNG_Natural_Natural_Gold_Light_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/dwe541c1d5/images/joico/012606C_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\">5NNG Natural Natural Gold Light Brown</span>\n                  <span class=\"variation-pid\">CAN-012606</span>\n                  <span class=\"variation-upc\">074469516341</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-012606 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=\"6nn natural natural dark blonde|can-010599|074469512695\" data-pid=\"CAN-010599\">\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-010599\"\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-010599\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010599\"\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-010599\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010599\"\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-010599\" data-attr=\"color\" title=\"6NN Natural Natural Dark Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-010599\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010599&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010599\">\n                    <span data-attr-value=\"6NN_Natural_Natural_Dark_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/dwe6f23728/images/joico/010599C_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 Natural Natural Dark Blonde</span>\n                  <span class=\"variation-pid\">CAN-010599</span>\n                  <span class=\"variation-upc\">074469512695</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-010599 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=\"6nnw natural natural warm dark blonde|can-021732|074469534512\" data-pid=\"CAN-021732\">\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-021732\"\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-021732\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021732\"\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-021732\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021732\"\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-021732\" data-attr=\"color\" title=\"6NNW Natural Natural Warm Dark Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-021732\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021732&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021732\">\n                    <span data-attr-value=\"6NNW_Natural_Natural_Warm_Dark_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/dw452cdee4/images/joico/021732C_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\">6NNW Natural Natural Warm Dark Blonde</span>\n                  <span class=\"variation-pid\">CAN-021732</span>\n                  <span class=\"variation-upc\">074469534512</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-021732 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=\"6nnwc natural natural warm copper|can-021745|074469524247\" data-pid=\"CAN-021745\">\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-021745\"\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-021745\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021745\"\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-021745\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021745\"\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-021745\" data-attr=\"color\" title=\"6NNWC Natural Natural Warm Copper\">\n                  <a href=\"#\" data-pid=\"CAN-021745\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021745&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021745\">\n                    <span data-attr-value=\"6NNWC_Natural_Natural_Warm_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/dw8992d41d/images/joico/021745C_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\">6NNWC Natural Natural Warm Copper</span>\n                  <span class=\"variation-pid\">CAN-021745</span>\n                  <span class=\"variation-upc\">074469524247</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-021745 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=\"6nna natural natural ash dark blonde|can-010606|074469512947\" data-pid=\"CAN-010606\">\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-010606\"\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-010606\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010606\"\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-010606\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010606\"\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-010606\" data-attr=\"color\" title=\"6NNA Natural Natural Ash Dark Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-010606\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010606&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010606\">\n                    <span data-attr-value=\"6NNA_Natural_Natural_Ash_Dark_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/dw6d4e5902/images/joico/010606C_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\">6NNA Natural Natural Ash Dark Blonde</span>\n                  <span class=\"variation-pid\">CAN-010606</span>\n                  <span class=\"variation-upc\">074469512947</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-010606 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=\"6nng natural natural gold dark blonde|can-012603|074469516310\" data-pid=\"CAN-012603\">\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-012603\"\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-012603\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-012603\"\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-012603\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012603\"\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-012603\" data-attr=\"color\" title=\"6NNG Natural Natural Gold Dark Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-012603\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012603&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012603\">\n                    <span data-attr-value=\"6NNG_Natural_Natural_Gold_Dark_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/dwfde617b7/images/joico/012603C_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\">6NNG Natural Natural Gold Dark Blonde</span>\n                  <span class=\"variation-pid\">CAN-012603</span>\n                  <span class=\"variation-upc\">074469516310</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-012603 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=\"7nn natural natural medium blonde|can-010600|074469512701\" data-pid=\"CAN-010600\">\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-010600\"\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-010600\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010600\"\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-010600\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010600\"\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-010600\" data-attr=\"color\" title=\"7NN Natural Natural Medium Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-010600\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010600&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010600\">\n                    <span data-attr-value=\"7NN_Natural_Natural_Medium_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/dw2284dbc5/images/joico/010600C_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 Natural Natural Medium Blonde</span>\n                  <span class=\"variation-pid\">CAN-010600</span>\n                  <span class=\"variation-upc\">074469512701</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-010600 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=\"7nnwc natural natural warm copper|can-021746|074469524254\" data-pid=\"CAN-021746\">\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-021746\"\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-021746\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021746\"\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-021746\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021746\"\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-021746\" data-attr=\"color\" title=\"7NNWC Natural Natural Warm Copper\">\n                  <a href=\"#\" data-pid=\"CAN-021746\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021746&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021746\">\n                    <span data-attr-value=\"7NNWC_Natural_Natural_Warm_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/dw382fb62c/images/joico/021746C_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\">7NNWC Natural Natural Warm Copper</span>\n                  <span class=\"variation-pid\">CAN-021746</span>\n                  <span class=\"variation-upc\">074469524254</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-021746 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=\"7nna natural natural ash medium blonde|can-010608|074469512923\" data-pid=\"CAN-010608\">\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-010608\"\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-010608\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010608\"\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-010608\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010608\"\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-010608\" data-attr=\"color\" title=\"7NNA Natural Natural Ash Medium Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-010608\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010608&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010608\">\n                    <span data-attr-value=\"7NNA_Natural_Natural_Ash_Medium_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/dwaced089a/images/joico/010608C_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\">7NNA Natural Natural Ash Medium Blonde</span>\n                  <span class=\"variation-pid\">CAN-010608</span>\n                  <span class=\"variation-upc\">074469512923</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-010608 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=\"7nng natural natural gold medium blonde|can-012604|074469516327\" data-pid=\"CAN-012604\">\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-012604\"\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-012604\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-012604\"\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-012604\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012604\"\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-012604\" data-attr=\"color\" title=\"7NNG Natural Natural Gold Medium Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-012604\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012604&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012604\">\n                    <span data-attr-value=\"7NNG_Natural_Natural_Gold_Medium_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/dw3349bca7/images/joico/012604C_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\">7NNG Natural Natural Gold Medium Blonde</span>\n                  <span class=\"variation-pid\">CAN-012604</span>\n                  <span class=\"variation-upc\">074469516327</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-012604 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=\"8nn natural natural blonde|can-010601|074469512718\" data-pid=\"CAN-010601\">\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-010601\"\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-010601\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010601\"\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-010601\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010601\"\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-010601\" data-attr=\"color\" title=\"8NN Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-010601\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010601&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010601\">\n                    <span data-attr-value=\"8NN_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/dw8687e0cb/images/joico/010601C_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 Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-010601</span>\n                  <span class=\"variation-upc\">074469512718</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-010601 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=\"8nnw natural natural warm blonde|can-021742|074469534611\" data-pid=\"CAN-021742\">\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-021742\"\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-021742\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021742\"\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-021742\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021742\"\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-021742\" data-attr=\"color\" title=\"8NNW Natural Natural Warm Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-021742\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021742&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021742\">\n                    <span data-attr-value=\"8NNW_Natural_Natural_Warm_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/dw856a6975/images/joico/021742C_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\">8NNW Natural Natural Warm Blonde</span>\n                  <span class=\"variation-pid\">CAN-021742</span>\n                  <span class=\"variation-upc\">074469534611</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-021742 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=\"8nng natural natural gold blonde|can-012600|074469516297\" data-pid=\"CAN-012600\">\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-012600\"\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-012600\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-012600\"\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-012600\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012600\"\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-012600\" data-attr=\"color\" title=\"8NNG Natural Natural Gold Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-012600\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012600&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012600\">\n                    <span data-attr-value=\"8NNG_Natural_Natural_Gold_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/dw34ca6baa/images/joico/012600C_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\">8NNG Natural Natural Gold Blonde</span>\n                  <span class=\"variation-pid\">CAN-012600</span>\n                  <span class=\"variation-upc\">074469516297</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-012600 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=\"9nn natural natural light blonde|can-010602|074469512725\" data-pid=\"CAN-010602\">\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-010602\"\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-010602\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010602\"\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-010602\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010602\"\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-010602\" data-attr=\"color\" title=\"9NN Natural Natural Light Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-010602\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010602&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010602\">\n                    <span data-attr-value=\"9NN_Natural_Natural_Light_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/dwa6d28a86/images/joico/010602C_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 Natural Natural Light Blonde</span>\n                  <span class=\"variation-pid\">CAN-010602</span>\n                  <span class=\"variation-upc\">074469512725</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-010602 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=\"9nnwc natural natural warm copper|can-021747|074469524261\" data-pid=\"CAN-021747\">\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-021747\"\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-021747\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021747\"\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-021747\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021747\"\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-021747\" data-attr=\"color\" title=\"9NNWC Natural Natural Warm Copper\">\n                  <a href=\"#\" data-pid=\"CAN-021747\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021747&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021747\">\n                    <span data-attr-value=\"9NNWC_Natural_Natural_Warm_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/dwa5d1cd1d/images/joico/021747C_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\">9NNWC Natural Natural Warm Copper</span>\n                  <span class=\"variation-pid\">CAN-021747</span>\n                  <span class=\"variation-upc\">074469524261</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-021747 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=\"9nna natural natural ash light blonde|can-010609|074469512916\" data-pid=\"CAN-010609\">\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-010609\"\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-010609\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010609\"\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-010609\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010609\"\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-010609\" data-attr=\"color\" title=\"9NNA Natural Natural Ash Light Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-010609\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010609&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010609\">\n                    <span data-attr-value=\"9NNA_Natural_Natural_Ash_Light_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/dw8301fd92/images/joico/010609C_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\">9NNA Natural Natural Ash Light Blonde</span>\n                  <span class=\"variation-pid\">CAN-010609</span>\n                  <span class=\"variation-upc\">074469512916</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-010609 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=\"9nng natural natural gold light blonde|can-012605|074469516334\" data-pid=\"CAN-012605\">\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-012605\"\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-012605\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-012605\"\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-012605\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012605\"\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-012605\" data-attr=\"color\" title=\"9NNG Natural Natural Gold Light Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-012605\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012605&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012605\">\n                    <span data-attr-value=\"9NNG_Natural_Natural_Gold_Light_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/dw2b4ce9bf/images/joico/012605C_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\">9NNG Natural Natural Gold Light Blonde</span>\n                  <span class=\"variation-pid\">CAN-012605</span>\n                  <span class=\"variation-upc\">074469516334</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-012605 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=\"10nn natural natural lightest blonde|can-010603|074469513081\" data-pid=\"CAN-010603\">\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-010603\"\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-010603\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-010603\"\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-010603\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010603\"\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-010603\" data-attr=\"color\" title=\"10NN Natural Natural Lightest Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-010603\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010603&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010603\">\n                    <span data-attr-value=\"10NN_Natural_Natural_Lightest_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/dwc44efbb9/images/joico/010603C_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 Natural Natural Lightest Blonde</span>\n                  <span class=\"variation-pid\">CAN-010603</span>\n                  <span class=\"variation-upc\">074469513081</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-010603 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=\"10nng natural natural gold lightest blonde|can-012607|074469516358\" data-pid=\"CAN-012607\">\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-012607\"\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-012607\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-012607\"\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-012607\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012607\"\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-012607\" data-attr=\"color\" title=\"10NNG Natural Natural Gold Lightest blonde\">\n                  <a href=\"#\" data-pid=\"CAN-012607\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012607&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-012607\">\n                    <span data-attr-value=\"10NNG_Natural_Natural_Gold_Lightest_blonde\"\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/dwe54eadbf/images/joico/012607C_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\">10NNG Natural Natural Gold Lightest blonde</span>\n                  <span class=\"variation-pid\">CAN-012607</span>\n                  <span class=\"variation-upc\">074469516358</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-012607 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-012607&amp;page=qv\">\n              <!-- Product Availability -->\n              <div class=\"d-sm-none col availability align-self-end \" data-ready-to-order=\"true\" data-available=\"false\">\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=\"false\">\n                                                                                                                \n  </div>\n</div>",
  "productUrl": "/CAN-012607.html"
}