{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=USA-349489",
  "locale": "default",
  "product": {
    "uuid": "dfb3400f77f8b7fb2c97091883",
    "id": "USA-349489",
    "upc": "074469465977",
    "productName": "4NGC+ Dark Natural Golden Copper - Age Defy",
    "productType": "variant",
    "manufacturerSKU": "J14082",
    "manufacturerName": "JOICO LABORATORIES-ISO / HENKEL CORPORAT",
    "brand": {},
    "brandUrl": "/joico_products-1",
    "url": {},
    "bvAverageRating": "5.0",
    "bvReviewCount": "2",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "4NGC+ Dark Natural Golden Copper - Age Defy",
          "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw70e1a7a5/images/joico/349489.jpg?sw=650&sh=650&sfrm=png",
          "title": "4NGC+ Dark Natural Golden Copper - Age Defy"
        }
      ],
      "zoom": [
        {
          "alt": "4NGC+ Dark Natural Golden Copper - Age Defy",
          "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw70e1a7a5/images/joico/349489.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "4NGC+ Dark Natural Golden Copper - Age Defy"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "values": [
          {
            "id": "2NA+_Very_Dark_Natural_Ash_Brown",
            "description": null,
            "displayValue": "2NA+ Very Dark Natural Ash Brown",
            "value": "2NA+_Very_Dark_Natural_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349486",
            "UPC": "074469465397",
            "orderLevel": "2",
            "variantRank": "1",
            "shadeLabel": "2NA+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=2NA%2B_Very_Dark_Natural_Ash_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "2NA+ Very Dark Natural Ash Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6ccce4be/images/joico/349486_s.png?sw=60&sh=60",
                  "title": "2NA+ Very Dark Natural Ash Brown"
                }
              ]
            }
          },
          {
            "id": "4NN+_Dark_Natural_Natural_Brown",
            "description": null,
            "displayValue": "4NN+ Dark Natural Natural Brown",
            "value": "4NN+_Dark_Natural_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349484",
            "UPC": "074469465403",
            "orderLevel": "4",
            "variantRank": "2",
            "shadeLabel": "4NN+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=4NN%2B_Dark_Natural_Natural_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NN+ Dark Natural Natural Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwec62697f/images/joico/349484_s.png?sw=60&sh=60",
                  "title": "4NN+ Dark Natural Natural Brown"
                }
              ]
            }
          },
          {
            "id": "4NA+_Dark_Natural_Ash_Brown",
            "description": null,
            "displayValue": "4NA+ Dark Natural Ash Brown",
            "value": "4NA+_Dark_Natural_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349485",
            "UPC": "074469465342",
            "orderLevel": "4",
            "variantRank": "4",
            "shadeLabel": "4NA+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=4NA%2B_Dark_Natural_Ash_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NA+ Dark Natural Ash Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e8fe045/images/joico/349485_s.png?sw=60&sh=60",
                  "title": "4NA+ Dark Natural Ash Brown"
                }
              ]
            }
          },
          {
            "id": "4NG+_Dark_Natural_Brown",
            "description": null,
            "displayValue": "4NG+ Dark Natural Brown",
            "value": "4NG+_Dark_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349138",
            "UPC": "074469471657",
            "orderLevel": "4",
            "variantRank": "6",
            "shadeLabel": "4NG+Dark",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=4NG%2B_Dark_Natural_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NG+ Dark Natural Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf44d428a/images/joico/349138_s.png?sw=60&sh=60",
                  "title": "4NG+ Dark Natural Brown"
                }
              ]
            }
          },
          {
            "id": "4NGC+_Dark_Natural_Golden_Copper",
            "description": null,
            "displayValue": "4NGC+ Dark Natural Golden Copper",
            "value": "4NGC+_Dark_Natural_Golden_Copper",
            "selected": true,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "USA-349489",
            "UPC": "074469465977",
            "orderLevel": "4",
            "variantRank": "7",
            "shadeLabel": "4NGC+",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "4NGC+ Dark Natural Golden Copper",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfdddb21e/images/joico/349489_s.png?sw=60&sh=60",
                  "title": "4NGC+ Dark Natural Golden Copper"
                }
              ]
            }
          },
          {
            "id": "4NRV+_Dark_Natural_Red_Violet_Brown",
            "description": null,
            "displayValue": "4NRV+ Dark Natural Red Violet Brown",
            "value": "4NRV+_Dark_Natural_Red_Violet_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "USA-349103",
            "UPC": "074469471732",
            "orderLevel": "4",
            "variantRank": "8",
            "shadeLabel": "4NRV+",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "4NRV+ Dark Natural Red Violet Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5440e73e/images/joico/349103_s.png?sw=60&sh=60",
                  "title": "4NRV+ Dark Natural Red Violet Brown"
                }
              ]
            }
          },
          {
            "id": "5NN+_Medium_Natural_Natural_Brown",
            "description": null,
            "displayValue": "5NN+ Medium Natural Natural Brown",
            "value": "5NN+_Medium_Natural_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349483",
            "UPC": "074469465335",
            "orderLevel": "5",
            "variantRank": "9",
            "shadeLabel": "5NN+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=5NN%2B_Medium_Natural_Natural_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NN+ Medium Natural Natural Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw23c884d4/images/joico/349483_s.png?sw=60&sh=60",
                  "title": "5NN+ Medium Natural Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5NB+_Medium_Natural_Beige_Brown",
            "description": null,
            "displayValue": "5NB+ Medium Natural Beige Brown",
            "value": "5NB+_Medium_Natural_Beige_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-011489",
            "UPC": "074469513562",
            "orderLevel": "5",
            "variantRank": "10",
            "shadeLabel": "5NB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=5NB%2B_Medium_Natural_Beige_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NB+ Medium Natural Beige Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw27e53f23/images/joico/011489_s.png?sw=60&sh=60",
                  "title": "5NB+ Medium Natural Beige Brown"
                }
              ]
            }
          },
          {
            "id": "5NPA+_Medium_Natural_Platinum_Ash_Brown",
            "description": null,
            "displayValue": "5NPA+ Medium Natural Platinum Ash Brown",
            "value": "5NPA+_Medium_Natural_Platinum_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-352003",
            "UPC": "074469503181",
            "orderLevel": "5",
            "variantRank": "11",
            "shadeLabel": "5NPA+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=5NPA%2B_Medium_Natural_Platinum_Ash_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NPA+ Medium Natural Platinum Ash Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3b7a79c9/images/joico/352003_s.png?sw=60&sh=60",
                  "title": "5NPA+ Medium Natural Platinum Ash Brown"
                }
              ]
            }
          },
          {
            "id": "5NG+_Medium_Natural_Brown",
            "description": null,
            "displayValue": "5NG+ Medium Natural Brown",
            "value": "5NG+_Medium_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349109",
            "UPC": "074469471640",
            "orderLevel": "5",
            "variantRank": "12",
            "shadeLabel": "5NG+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=5NG%2B_Medium_Natural_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NG+ Medium Natural Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf145eed4/images/joico/349109_s.png?sw=60&sh=60",
                  "title": "5NG+ Medium Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5NR+_Medium_Natural_Red_Brown",
            "description": null,
            "displayValue": "5NR+ Medium Natural Red Brown",
            "value": "5NR+_Medium_Natural_Red_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349101",
            "UPC": "074469471718",
            "orderLevel": "5",
            "variantRank": "13",
            "shadeLabel": "5NR+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=5NR%2B_Medium_Natural_Red_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NR+ Medium Natural Red Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw38b2dff7/images/joico/349101_s.png?sw=60&sh=60",
                  "title": "5NR+ Medium Natural Red Brown"
                }
              ]
            }
          },
          {
            "id": "5NRM+_Medium_Natural_Red_Mahogany_Brown",
            "description": null,
            "displayValue": "5NRM+ Medium Natural Red Mahogany Brown",
            "value": "5NRM+_Medium_Natural_Red_Mahogany_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349102",
            "UPC": "074469471725",
            "orderLevel": "5",
            "variantRank": "14",
            "shadeLabel": "5NRM+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=5NRM%2B_Medium_Natural_Red_Mahogany_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NRM+ Medium Natural Red Mahogany Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw98c53a39/images/joico/349102_s.png?sw=60&sh=60",
                  "title": "5NRM+ Medium Natural Red Mahogany Brown"
                }
              ]
            }
          },
          {
            "id": "5MB+_Medium_Mocha_Brown",
            "description": null,
            "displayValue": "5MB+ Medium Mocha Brown",
            "value": "5MB+_Medium_Mocha_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-350403",
            "UPC": "074469490610",
            "orderLevel": "5",
            "variantRank": "15",
            "shadeLabel": "5MB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=5MB%2B_Medium_Mocha_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5MB+ Medium Mocha Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd49534ac/images/joico/350403_s.png?sw=60&sh=60",
                  "title": "5MB+ Medium Mocha Brown"
                }
              ]
            }
          },
          {
            "id": "5BCR+_Medium_Brown_Copper_Red",
            "description": null,
            "displayValue": "5BCR+ Medium Brown Copper Red",
            "value": "5BCR+_Medium_Brown_Copper_Red",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "USA-349490",
            "UPC": "074469465984",
            "orderLevel": "5",
            "variantRank": "17",
            "shadeLabel": "5BCR+",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "5BCR+ Medium Brown Copper Red",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw31eec49c/images/joico/349490_s.png?sw=60&sh=60",
                  "title": "5BCR+ Medium Brown Copper Red"
                }
              ]
            }
          },
          {
            "id": "6NN+_Light_Natural_Natural_Brown",
            "description": null,
            "displayValue": "6NN+ Light Natural Natural Brown",
            "value": "6NN+_Light_Natural_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349482",
            "UPC": "074469465373",
            "orderLevel": "6",
            "variantRank": "18",
            "shadeLabel": "6NN+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6NN%2B_Light_Natural_Natural_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NN+ Light Natural Natural Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf23b56d8/images/joico/349482_s.png?sw=60&sh=60",
                  "title": "6NN+ Light Natural Natural Brown"
                }
              ]
            }
          },
          {
            "id": "6NB+_Light_Natural_Beige_Brown",
            "description": null,
            "displayValue": "6NB+ Light Natural Beige Brown",
            "value": "6NB+_Light_Natural_Beige_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-011488",
            "UPC": "074469513579",
            "orderLevel": "6",
            "variantRank": "19",
            "shadeLabel": "6NB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6NB%2B_Light_Natural_Beige_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NB+ Light Natural Beige Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf962c810/images/joico/011488_s.png?sw=60&sh=60",
                  "title": "6NB+ Light Natural Beige Brown"
                }
              ]
            }
          },
          {
            "id": "6NA+_Light_Natural_Ash_Brown",
            "description": null,
            "displayValue": "6NA+ Light Natural Ash Brown",
            "value": "6NA+_Light_Natural_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-350401",
            "UPC": "074469490559",
            "orderLevel": "6",
            "variantRank": "20",
            "shadeLabel": "6NA+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6NA%2B_Light_Natural_Ash_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NA+ Light Natural Ash Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw07cf99e2/images/joico/350401_s.png?sw=60&sh=60",
                  "title": "6NA+ Light Natural Ash Brown"
                }
              ]
            }
          },
          {
            "id": "6NPA+_Light_Natural_Platinum_Ash_Brown",
            "description": null,
            "displayValue": "6NPA+ Light Natural Platinum Ash Brown",
            "value": "6NPA+_Light_Natural_Platinum_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-352004",
            "UPC": "074469503198",
            "orderLevel": "6",
            "variantRank": "21",
            "shadeLabel": "6NPA+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6NPA%2B_Light_Natural_Platinum_Ash_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NPA+ Light Natural Platinum Ash Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0ce6ef43/images/joico/352004_s.png?sw=60&sh=60",
                  "title": "6NPA+ Light Natural Platinum Ash Brown"
                }
              ]
            }
          },
          {
            "id": "6NG+_Light_Natural_Brown",
            "description": null,
            "displayValue": "6NG+ Light Natural Brown",
            "value": "6NG+_Light_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349108",
            "UPC": "074469471633",
            "orderLevel": "6",
            "variantRank": "22",
            "shadeLabel": "6NG+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6NG%2B_Light_Natural_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NG+ Light Natural Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw05a9a32e/images/joico/349108_s.png?sw=60&sh=60",
                  "title": "6NG+ Light Natural Brown"
                }
              ]
            }
          },
          {
            "id": "6NGC+_Light_Natural_Golden_Copper",
            "description": null,
            "displayValue": "6NGC+ Light Natural Golden Copper",
            "value": "6NGC+_Light_Natural_Golden_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349488",
            "UPC": "074469465960",
            "orderLevel": "6",
            "variantRank": "23",
            "shadeLabel": "6NGC+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6NGC%2B_Light_Natural_Golden_Copper&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NGC+ Light Natural Golden Copper",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3cb8a86e/images/joico/349488_s.png?sw=60&sh=60",
                  "title": "6NGC+ Light Natural Golden Copper"
                }
              ]
            }
          },
          {
            "id": "6NR+_Light_Natural_Red_Brown",
            "description": null,
            "displayValue": "6NR+ Light Natural Red Brown",
            "value": "6NR+_Light_Natural_Red_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349099",
            "UPC": "074469471701",
            "orderLevel": "6",
            "variantRank": "24",
            "shadeLabel": "6NR+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6NR%2B_Light_Natural_Red_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NR+ Light Natural Red Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw517f6231/images/joico/349099_s.png?sw=60&sh=60",
                  "title": "6NR+ Light Natural Red Brown"
                }
              ]
            }
          },
          {
            "id": "6MB+_Light_Mocha_Brown",
            "description": null,
            "displayValue": "6MB+ Light Mocha Brown",
            "value": "6MB+_Light_Mocha_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-350404",
            "UPC": "074469490627",
            "orderLevel": "6",
            "variantRank": "25",
            "shadeLabel": "6MB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6MB%2B_Light_Mocha_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6MB+ Light Mocha Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5009d736/images/joico/350404_s.png?sw=60&sh=60",
                  "title": "6MB+ Light Mocha Brown"
                }
              ]
            }
          },
          {
            "id": "6CG+_Light_Copper_Golden_Brown",
            "description": null,
            "displayValue": "6CG+ Light Copper Golden Brown",
            "value": "6CG+_Light_Copper_Golden_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349098",
            "UPC": "074469471695",
            "orderLevel": "6",
            "variantRank": "27",
            "shadeLabel": "6CG+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=6CG%2B_Light_Copper_Golden_Brown&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6CG+ Light Copper Golden Brown",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw047d8141/images/joico/349098_s.png?sw=60&sh=60",
                  "title": "6CG+ Light Copper Golden Brown"
                }
              ]
            }
          },
          {
            "id": "7NN+_Dark_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "7NN+ Dark Natural Natural Blonde",
            "value": "7NN+_Dark_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349481",
            "UPC": "074469465366",
            "orderLevel": "7",
            "variantRank": "28",
            "shadeLabel": "7NN+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=7NN%2B_Dark_Natural_Natural_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NN+ Dark Natural Natural Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw50712920/images/joico/349481_s.png?sw=60&sh=60",
                  "title": "7NN+ Dark Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "7NB+_Dark_Natural_Beige_Blonde",
            "description": null,
            "displayValue": "7NB+ Dark Natural Beige Blonde",
            "value": "7NB+_Dark_Natural_Beige_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-011487",
            "UPC": "074469513586",
            "orderLevel": "7",
            "variantRank": "29",
            "shadeLabel": "7NB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=7NB%2B_Dark_Natural_Beige_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NB+ Dark Natural Beige Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw215ba0b5/images/joico/011487_s.png?sw=60&sh=60",
                  "title": "7NB+ Dark Natural Beige Blonde"
                }
              ]
            }
          },
          {
            "id": "7NA+_Dark_Natural_Ash_Blonde",
            "description": null,
            "displayValue": "7NA+ Dark Natural Ash Blonde",
            "value": "7NA+_Dark_Natural_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-350402",
            "UPC": "074469490566",
            "orderLevel": "7",
            "variantRank": "30",
            "shadeLabel": "7NA+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=7NA%2B_Dark_Natural_Ash_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NA+ Dark Natural Ash Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0bd024ba/images/joico/350402_s.png?sw=60&sh=60",
                  "title": "7NA+ Dark Natural Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "7NPA+_Dark_Natural_Platinum_Ash_Blonde",
            "description": null,
            "displayValue": "7NPA+ Dark Natural Platinum Ash Blonde",
            "value": "7NPA+_Dark_Natural_Platinum_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-352006",
            "UPC": "074469503174",
            "orderLevel": "7",
            "variantRank": "31",
            "shadeLabel": "7NPA+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=7NPA%2B_Dark_Natural_Platinum_Ash_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NPA+ Dark Natural Platinum Ash Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwaa1eef13/images/joico/352006_s.png?sw=60&sh=60",
                  "title": "7NPA+ Dark Natural Platinum Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "7NG+_Dark_Natural_Blonde",
            "description": null,
            "displayValue": "7NG+ Dark Natural Blonde",
            "value": "7NG+_Dark_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349107",
            "UPC": "074469471626",
            "orderLevel": "7",
            "variantRank": "32",
            "shadeLabel": "7NG+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=7NG%2B_Dark_Natural_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NG+ Dark Natural Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa08734c3/images/joico/349107_s.png?sw=60&sh=60",
                  "title": "7NG+ Dark Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "7CG+_Dark_Copper_Golden_Blonde",
            "description": null,
            "displayValue": "7CG+ Dark Copper Golden Blonde",
            "value": "7CG+_Dark_Copper_Golden_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349097",
            "UPC": "074469471688",
            "orderLevel": "7",
            "variantRank": "33",
            "shadeLabel": "7CG+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=7CG%2B_Dark_Copper_Golden_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7CG+ Dark Copper Golden Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6583d1cc/images/joico/349097_s.png?sw=60&sh=60",
                  "title": "7CG+ Dark Copper Golden Blonde"
                }
              ]
            }
          },
          {
            "id": "8NN+_Medium_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "8NN+ Medium Natural Natural Blonde",
            "value": "8NN+_Medium_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349480",
            "UPC": "074469465380",
            "orderLevel": "8",
            "variantRank": "34",
            "shadeLabel": "8NN+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=8NN%2B_Medium_Natural_Natural_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NN+ Medium Natural Natural Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw236e4fd6/images/joico/349480_s.png?sw=60&sh=60",
                  "title": "8NN+ Medium Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "8NB+_Medium_Natural_Beige_Blonde",
            "description": null,
            "displayValue": "8NB+ Medium Natural Beige Blonde",
            "value": "8NB+_Medium_Natural_Beige_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-011486",
            "UPC": "074469513609",
            "orderLevel": "8",
            "variantRank": "35",
            "shadeLabel": "8NB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=8NB%2B_Medium_Natural_Beige_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NB+ Medium Natural Beige Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7ff3d90a/images/joico/011486_s.png?sw=60&sh=60",
                  "title": "8NB+ Medium Natural Beige Blonde"
                }
              ]
            }
          },
          {
            "id": "8NG+_Medium_Natural_Blonde",
            "description": null,
            "displayValue": "8NG+ Medium Natural Blonde",
            "value": "8NG+_Medium_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349106",
            "UPC": "074469471619",
            "orderLevel": "8",
            "variantRank": "36",
            "shadeLabel": "8NG+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=8NG%2B_Medium_Natural_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NG+ Medium Natural Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw45810a07/images/joico/349106_s.png?sw=60&sh=60",
                  "title": "8NG+ Medium Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "8NGC+_Medium_Natural_Golden_Copper",
            "description": null,
            "displayValue": "8NGC+ Medium Natural Golden Copper",
            "value": "8NGC+_Medium_Natural_Golden_Copper",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349487",
            "UPC": "074469465953",
            "orderLevel": "8",
            "variantRank": "37",
            "shadeLabel": "8NGC+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=8NGC%2B_Medium_Natural_Golden_Copper&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NGC+ Medium Natural Golden Copper",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw255e2a6e/images/joico/349487_s.png?sw=60&sh=60",
                  "title": "8NGC+ Medium Natural Golden Copper"
                }
              ]
            }
          },
          {
            "id": "8MB+_Medium_Mocha_Blonde",
            "description": null,
            "displayValue": "8MB+ Medium Mocha Blonde",
            "value": "8MB+_Medium_Mocha_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-350405",
            "UPC": "074469490634",
            "orderLevel": "8",
            "variantRank": "38",
            "shadeLabel": "8MB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=8MB%2B_Medium_Mocha_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8MB+ Medium Mocha Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe47eccde/images/joico/350405_s.png?sw=60&sh=60",
                  "title": "8MB+ Medium Mocha Blonde"
                }
              ]
            }
          },
          {
            "id": "8GC+_Medium_Golden_Copper_Blonde",
            "description": null,
            "displayValue": "8GC+ Medium Golden Copper Blonde",
            "value": "8GC+_Medium_Golden_Copper_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349089",
            "UPC": "074469471671",
            "orderLevel": "8",
            "variantRank": "39",
            "shadeLabel": "8GC+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=8GC%2B_Medium_Golden_Copper_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8GC+ Medium Golden Copper Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwea456198/images/joico/349089_s.png?sw=60&sh=60",
                  "title": "8GC+ Medium Golden Copper Blonde"
                }
              ]
            }
          },
          {
            "id": "9NN+_Light_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "9NN+ Light Natural Natural Blonde",
            "value": "9NN+_Light_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349479",
            "UPC": "074469465908",
            "orderLevel": "9",
            "variantRank": "40",
            "shadeLabel": "9NN+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=9NN%2B_Light_Natural_Natural_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NN+ Light Natural Natural Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw12076906/images/joico/349479_s.png?sw=60&sh=60",
                  "title": "9NN+ Light Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "9NG+_Light_Natural_Blonde",
            "description": null,
            "displayValue": "9NG+ Light Natural Blonde",
            "value": "9NG+_Light_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349105",
            "UPC": "074469471602",
            "orderLevel": "9",
            "variantRank": "41",
            "shadeLabel": "9NG+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=9NG%2B_Light_Natural_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NG+ Light Natural Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwcc66439e/images/joico/349105_s.png?sw=60&sh=60",
                  "title": "9NG+ Light Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "9NB+_Light_Natural_Beige_Blonde",
            "description": null,
            "displayValue": "9NB+ Light Natural Beige Blonde",
            "value": "9NB+_Light_Natural_Beige_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-011485",
            "UPC": "074469513593",
            "orderLevel": "9",
            "variantRank": "44",
            "shadeLabel": "Vero",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=9NB%2B_Light_Natural_Beige_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NB+ Light Natural Beige Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc570e510/images/joico/011485_s.png?sw=60&sh=60",
                  "title": "9NB+ Light Natural Beige Blonde"
                }
              ]
            }
          },
          {
            "id": "10NN+_Violet_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "10NN+ Violet Natural Natural Blonde",
            "value": "10NN+_Violet_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-349478",
            "UPC": "074469465892",
            "orderLevel": "10",
            "variantRank": "45",
            "shadeLabel": "10NN",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=10NN%2B_Violet_Natural_Natural_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10NN+ Violet Natural Natural Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw66133532/images/joico/349478_s.png?sw=60&sh=60",
                  "title": "10NN+ Violet Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "10NB+_Very_Light_Natural_Beige_Blonde",
            "description": null,
            "displayValue": "10NB+ Very Light Natural Beige Blonde",
            "value": "10NB+_Very_Light_Natural_Beige_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-011421",
            "UPC": "074469513531",
            "orderLevel": "10",
            "variantRank": "46",
            "shadeLabel": "10NB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=10NB%2B_Very_Light_Natural_Beige_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10NB+ Very Light Natural Beige Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw49da630a/images/joico/011421_s.png?sw=60&sh=60",
                  "title": "10NB+ Very Light Natural Beige Blonde"
                }
              ]
            }
          },
          {
            "id": "10GB+_Very_Light_Golden_Blonde",
            "description": null,
            "displayValue": "10GB+ Very Light Golden Blonde",
            "value": "10GB+_Very_Light_Golden_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-350410",
            "UPC": "074469490603",
            "orderLevel": "10",
            "variantRank": "47",
            "shadeLabel": "10GB+",
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=10GB%2B_Very_Light_Golden_Blonde&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10GB+ Very Light Golden Blonde",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw397bf89a/images/joico/350410_s.png?sw=60&sh=60",
                  "title": "10GB+ Very Light Golden Blonde"
                }
              ]
            }
          },
          {
            "id": "Clear_Plus",
            "description": null,
            "displayValue": "Clear Plus",
            "value": "Clear_Plus",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "USA-348324",
            "UPC": "074469456364",
            "orderLevel": "Neutral",
            "variantRank": "48",
            "shadeLabel": "Clear",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "Clear Plus",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw333e8b63/images/joico/348324_s.png?sw=60&sh=60",
                  "title": "Clear Plus"
                }
              ]
            }
          },
          {
            "id": "No_Gray_Controller",
            "description": null,
            "displayValue": "No Gray Controller",
            "value": "No_Gray_Controller",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "USA-348325",
            "UPC": "074469471763",
            "orderLevel": "Neutral",
            "variantRank": "49",
            "shadeLabel": null,
            "onSale": false,
            "url": "https://www.armstrongmccall.com/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?dwvar_USA-M-347001_color=No_Gray_Controller&pid=USA-M-347001&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "No Gray Controller",
                  "url": "https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5c17843f/images/joico/348325_s.png?sw=60&sh=60",
                  "title": "No Gray Controller"
                }
              ]
            }
          }
        ],
        "variant": {}
      }
    ],
    "selectedVariationAttributes": [
      {
        "Color": {}
      }
    ],
    "longDescription": "<strong>YOUTHFUL GRAY COVERAGE STARTS HERE</strong>...<br />\nBring back the glorious look and feel of youth with Vero K-PAK Age Defy, our first hair color proven to reverse the key signs of maturing hair&mdash;texture, luster and color.",
    "shortDescription": null,
    "directions": "<ol>\r\n\t<li><strong>Mixing Ratio:</strong> Mix 1 part Vero K-PAK Age Defy to 1 part Vero K-PAK 20 Volume (6%) Veroxide.</li>\r\n\t<li><strong>Timing: </strong>Process for 45 minutes.</li>\r\n</ol>",
    "ingredients": "Water, Cetyl Alcohol, Propylene Glycol, Cyclopentasiloxane, C12 15 Alkyl Benzoate, Oleyl Alcohol, Stearic Acid, Steareth 21, Ammonium Hydroxide, Stearamidopropyl Dimethylamine, Glyceryl Stearate, Decyl Glucoside, Mineral Oil (Paraffinum Liquidum), Glycol Distearate, Hydrolyzed Keratin, Cocodimonium Hydroxypropyl Hydrolyzed Hair Keratin, Tocopheryl Acetate, Keratin, Butyrospermum Parkii (Shea Butter) Extract, Amodimethicone, Behentrimonium Methosulfate, Caprylic/Capric Triglyceride, Dimethicone, Carbomer, Polyquaternium 22, Polysorbate 80, Sodium Methyl Cocoyl Taurate, Ceramide 2, Synthetic Wax, C10 40 Isoalkylamidopropylethyldimonium Ethosulfate, Lecithin, Glycerin, Hydroxyethyl Behenamidopropyl Dimonium Chloride, Isostearic Acid, Lysine HCl, Trideceth 12, PEI 10, Cetrimonium Chloride, Cetearyl Alcohol, Ceteth 10 Phosphate, Dicetyl Phosphate, Phosphoric Acid, Sodium Sulfite, Sodium Acetylated Hyaluronate, Sodium Metasilicate, EDTA, Erythorbic Acid, Alpha Isomethyl Ionone, Fragrance, Toluene 2, 5 DIamine Sulfate, M Aminophenol, P Aminophenol, P Phenylenediamine, Resorcinol, 1 Naphithol, 2 Amino 4 Hydroxyethylaminoanisole Sulfate, 2 Methyl Resorcinol, n,n bis(2 hydroxyethyl) p phenylenediamine sulfate",
    "featuresAndBenefits": "<b>WHY YOU'LL LOVE IT...</b></br>\r\nWith 3-Defense Technology and Quadramine, Complex, Vero K-PAK Age Defy effectively:<br>\r\n<ul>\r\n\t<li>Restores hair&rsquo;s soft, silky manageable texture</li>\r\n\t<li>Revives hair&rsquo;s lustre and vibrancy</li>\r\n\t<li>Renews hair&rsquo;s color with exceptional, long-lasting gray coverage</li>\r\n\t<li>Reconstructs hair&rsquo;s structure for optimal health and condition</li>\r\n</ul>",
    "prop65Warning": null,
    "brandContentPDP": null,
    "ProductImageOverlay": null,
    "overlayTo": null,
    "overlayFrom": null,
    "promotions": null,
    "attributes": [
      {
        "ID": "CustomAttributes",
        "name": "Custom Attributes",
        "attributes": [
          {
            "label": "PDP Youtube Video ID",
            "value": [
              "hfQe0npRe2Q"
            ]
          }
        ]
      }
    ],
    "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-USA-Portals-Site/default/Product-Variation?pid=USA-349489"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=Vero%20K-Pak%20Color",
      "type": "Permanent Hair Color",
      "benefit": "Grey Coverage",
      "refinementColor": "Reds"
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": null,
    "selectedProductUrl": "/USA-M-347001.html?dwvar_USA-M-347001_color=4NGC%2B_Dark_Natural_Golden_Copper&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "USA-M-347001",
    "pageTitle": "4NGC+ Dark Natural Golden Copper - Age Defy - Joico | CosmoProf",
    "pageDescription": null,
    "pageKeywords": "cosmoprof, salon products, wholesale salon, salon, professional hair products, wholesale joico, joico products, joico kpak, kpak color, kpak age defy color, cover gray hair, gray hair, color gray hair, aging hair",
    "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",
  "productid": "USA-349489",
  "isFromPLPFlow": "false",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [
    "2",
    "4",
    "5",
    "6",
    "7",
    "8",
    "9",
    "10",
    "Neutral"
  ],
  "enableLatestNearByStores": false,
  "deliveryTilesEnabled": false,
  "isSDDStoreExperienceEnabled": false,
  "tracking_consent": null,
  "ecommerceDetail": {
    "event": "productView",
    "productViewType": "QuickView",
    "ecommerce": {
      "currencyCode": "USD",
      "detail": {
        "products": [
          {
            "name": "4NGC+ Dark Natural Golden Copper - Age Defy",
            "id": "USA-349489",
            "category": "Last Chance",
            "brand": "Joico",
            "variant": "USA-349489",
            "dimension52": "Age Defy Permanent Creme Color | Color | 4NGC+ Dark Natural Golden Copper",
            "dimension56": "",
            "dimension57": "Vero K-Pak Color",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant product-wrapper product-detail\" data-pid=\"USA-349489\" data-gtm=\"{&quot;event&quot;:&quot;productView&quot;,&quot;productViewType&quot;:&quot;QuickView&quot;,&quot;ecommerce&quot;:{&quot;currencyCode&quot;:&quot;USD&quot;,&quot;detail&quot;:{&quot;products&quot;:[{&quot;name&quot;:&quot;4NGC+ Dark Natural Golden Copper - Age Defy&quot;,&quot;id&quot;:&quot;USA-349489&quot;,&quot;category&quot;:&quot;Last Chance&quot;,&quot;brand&quot;:&quot;Joico&quot;,&quot;variant&quot;:&quot;USA-349489&quot;,&quot;dimension52&quot;:&quot;Age Defy Permanent Creme Color | Color | 4NGC+ Dark Natural Golden Copper&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;Vero K-Pak Color&quot;,&quot;dimension64&quot;:&quot;stm&quot;}]}}}\" id=\"quickviewPLP\">\n\n  \n  <div id=\"availabilityProducts\" class=\"hide\" data-availability-products=\"\" data-is-size-variant=\"\"\n    data-is-color-variant=\"\"></div>\n\n  <div class=\"row no-gutters\">\n    <div class=\"col-12 col-md-6\">\n      <div class=\"image-container product-image-container\">\n\n        <!-- Product Images Carousel -->\n        \n\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            <div class=\"zoomImage\">\n                \n                    <img id=\"USA-349489-image-0\" src=\"https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw70e1a7a5/images/joico/349489.jpg?sw=650&amp;sh=650&amp;sfrm=png\" data-zoom=\"https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw70e1a7a5/images/joico/349489.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"4NGC+ Dark Natural Golden Copper - Age Defy\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n\n    \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/hfQe0npRe2Q\" allowfullscreen></iframe>\n                    </div>\n                \n            </div>\n        \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=\"USA-349489\">\n                    <img src=\"https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw70e1a7a5/images/joico/349489.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"4NGC+ Dark Natural Golden Copper - Age Defy\" itemprop=\"image\" />\n                </div>\n                \n            \n            \n                \n                    \n                    \n                        <div class=\"pdp-dots d-inline-block\" data-index=\"1.0\"></div>\n                    \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\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dwe08775f8/images/caret_left.svg\" alt=\"previous\" />\n                    </div>\n                    <div class=\"nxtBtn\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw72e0336f/images/caret_right.svg\" alt=\"next\" />\n                     </div>\n                </div>\n             </div>\n         </div>\n    \n</div>\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            4NGC+ Dark Natural Golden Copper - Age Defy\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=Vero%20K-Pak%20Color\" class=\"pdp-brand\">\n                Vero K-Pak Color\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"Joico\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/joico_products-1\" 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.armstrongmccall.com/login\" data-gtm-eventlocation=\"product tile\">Login</a> or <a class=\"js-gtm-vsustart\" data-gtm-eventlocation=\"product tile\" href=\"https://www.armstrongmccall.com/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=\"USA-349489\">\n                USA-349489\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                    074469465977\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-USA-Portals-Site/-/default/dw7f6704a2/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-USA-Portals-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-USA-Portals-Site/default/Wishlist-WishListOptions?pid=USA-349489\">\n                </div>\n\n              </div>\n\n              <!-- Variation Attributes -->\n              \n                \n                  <div class=\"color-container\" data-attr=\"color\">\n                    \n\n\n  \n\n  \n\n  \n\n  \n\n  \n    \n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \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>4NGC+ Dark Natural Golden Copper</span>\n  </label>\n\n   \n    <div class=\"attribute swatch-container swatch-slider\">\n      \n          <input type=\"text\" class=\"form-control form__text swatch-search\" id=\"$colorInputText\" placeholder=\"Search by SKU or Name\" data-search aria-label=\"Qty\">\n      \n      \t\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"2na+ very dark natural ash brown|usa-349486|074469465397\" data-pid=\"USA-349486\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349486\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349486\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349486\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349486\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349486\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349486\" data-attr=\"color\" title=\"2NA+ Very Dark Natural Ash Brown\">\n                  <a href=\"#\" data-pid=\"USA-349486\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349486&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349486\">\n                    <span data-attr-value=\"2NA+_Very_Dark_Natural_Ash_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6ccce4be/images/joico/349486_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">2NA+ Very Dark Natural Ash Brown</span>\n                  <span class=\"variation-pid\">USA-349486</span>\n                  <span class=\"variation-upc\">074469465397</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349486 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"4nn+ dark natural natural brown|usa-349484|074469465403\" data-pid=\"USA-349484\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349484\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349484\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349484\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349484\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349484\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349484\" data-attr=\"color\" title=\"4NN+ Dark Natural Natural Brown\">\n                  <a href=\"#\" data-pid=\"USA-349484\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349484&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349484\">\n                    <span data-attr-value=\"4NN+_Dark_Natural_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwec62697f/images/joico/349484_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4NN+ Dark Natural Natural Brown</span>\n                  <span class=\"variation-pid\">USA-349484</span>\n                  <span class=\"variation-upc\">074469465403</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349484 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"4na+ dark natural ash brown|usa-349485|074469465342\" data-pid=\"USA-349485\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349485\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349485\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349485\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349485\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349485\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349485\" data-attr=\"color\" title=\"4NA+ Dark Natural Ash Brown\">\n                  <a href=\"#\" data-pid=\"USA-349485\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349485&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349485\">\n                    <span data-attr-value=\"4NA+_Dark_Natural_Ash_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e8fe045/images/joico/349485_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4NA+ Dark Natural Ash Brown</span>\n                  <span class=\"variation-pid\">USA-349485</span>\n                  <span class=\"variation-upc\">074469465342</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349485 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"4ng+ dark natural brown|usa-349138|074469471657\" data-pid=\"USA-349138\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349138\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349138\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349138\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349138\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349138\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349138\" data-attr=\"color\" title=\"4NG+ Dark Natural Brown\">\n                  <a href=\"#\" data-pid=\"USA-349138\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349138&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349138\">\n                    <span data-attr-value=\"4NG+_Dark_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf44d428a/images/joico/349138_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4NG+ Dark Natural Brown</span>\n                  <span class=\"variation-pid\">USA-349138</span>\n                  <span class=\"variation-upc\">074469471657</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349138 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"4ngc+ dark natural golden copper|usa-349489|074469465977\" data-pid=\"USA-349489\">\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-USA-349489\"\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=\"USA-349489\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349489\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349489\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349489\"\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=\"USA-349489\" data-attr=\"color\" title=\"4NGC+ Dark Natural Golden Copper\">\n                  <a href=\"#\" data-pid=\"USA-349489\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349489&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349489\">\n                    <span data-attr-value=\"4NGC+_Dark_Natural_Golden_Copper\"\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.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfdddb21e/images/joico/349489_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\">4NGC+ Dark Natural Golden Copper</span>\n                  <span class=\"variation-pid\">USA-349489</span>\n                  <span class=\"variation-upc\">074469465977</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-USA-349489 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"4nrv+ dark natural red violet brown|usa-349103|074469471732\" data-pid=\"USA-349103\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349103\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349103\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349103\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349103\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349103\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349103\" data-attr=\"color\" title=\"4NRV+ Dark Natural Red Violet Brown\">\n                  <a href=\"#\" data-pid=\"USA-349103\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349103&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349103\">\n                    <span data-attr-value=\"4NRV+_Dark_Natural_Red_Violet_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5440e73e/images/joico/349103_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">4NRV+ Dark Natural Red Violet Brown</span>\n                  <span class=\"variation-pid\">USA-349103</span>\n                  <span class=\"variation-upc\">074469471732</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349103 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"5nn+ medium natural natural brown|usa-349483|074469465335\" data-pid=\"USA-349483\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349483\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349483\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349483\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349483\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349483\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349483\" data-attr=\"color\" title=\"5NN+ Medium Natural Natural Brown\">\n                  <a href=\"#\" data-pid=\"USA-349483\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349483&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349483\">\n                    <span data-attr-value=\"5NN+_Medium_Natural_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw23c884d4/images/joico/349483_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5NN+ Medium Natural Natural Brown</span>\n                  <span class=\"variation-pid\">USA-349483</span>\n                  <span class=\"variation-upc\">074469465335</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349483 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \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=\"5nb+ medium natural beige brown|usa-011489|074469513562\" data-pid=\"USA-011489\">\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-USA-011489\"\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=\"USA-011489\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-011489\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-011489\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011489\"\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=\"USA-011489\" data-attr=\"color\" title=\"5NB+ Medium Natural Beige Brown\">\n                  <a href=\"#\" data-pid=\"USA-011489\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011489&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011489\">\n                    <span data-attr-value=\"5NB+_Medium_Natural_Beige_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.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw27e53f23/images/joico/011489_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\">5NB+ Medium Natural Beige Brown</span>\n                  <span class=\"variation-pid\">USA-011489</span>\n                  <span class=\"variation-upc\">074469513562</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-USA-011489 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5npa+ medium natural platinum ash brown|usa-352003|074469503181\" data-pid=\"USA-352003\">\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-USA-352003\"\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=\"USA-352003\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-352003\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-352003\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352003\"\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=\"USA-352003\" data-attr=\"color\" title=\"5NPA+ Medium Natural Platinum Ash Brown\">\n                  <a href=\"#\" data-pid=\"USA-352003\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352003&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352003\">\n                    <span data-attr-value=\"5NPA+_Medium_Natural_Platinum_Ash_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3b7a79c9/images/joico/352003_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\">5NPA+ Medium Natural Platinum Ash Brown</span>\n                  <span class=\"variation-pid\">USA-352003</span>\n                  <span class=\"variation-upc\">074469503181</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-USA-352003 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"5ng+ medium natural brown|usa-349109|074469471640\" data-pid=\"USA-349109\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349109\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349109\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349109\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349109\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349109\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349109\" data-attr=\"color\" title=\"5NG+ Medium Natural Brown\">\n                  <a href=\"#\" data-pid=\"USA-349109\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349109&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349109\">\n                    <span data-attr-value=\"5NG+_Medium_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf145eed4/images/joico/349109_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5NG+ Medium Natural Brown</span>\n                  <span class=\"variation-pid\">USA-349109</span>\n                  <span class=\"variation-upc\">074469471640</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349109 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"5nr+ medium natural red brown|usa-349101|074469471718\" data-pid=\"USA-349101\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349101\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349101\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349101\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349101\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349101\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349101\" data-attr=\"color\" title=\"5NR+ Medium Natural Red Brown\">\n                  <a href=\"#\" data-pid=\"USA-349101\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349101&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349101\">\n                    <span data-attr-value=\"5NR+_Medium_Natural_Red_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw38b2dff7/images/joico/349101_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5NR+ Medium Natural Red Brown</span>\n                  <span class=\"variation-pid\">USA-349101</span>\n                  <span class=\"variation-upc\">074469471718</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349101 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"5nrm+ medium natural red mahogany brown|usa-349102|074469471725\" data-pid=\"USA-349102\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349102\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349102\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349102\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349102\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349102\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349102\" data-attr=\"color\" title=\"5NRM+ Medium Natural Red Mahogany Brown\">\n                  <a href=\"#\" data-pid=\"USA-349102\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349102&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349102\">\n                    <span data-attr-value=\"5NRM+_Medium_Natural_Red_Mahogany_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw98c53a39/images/joico/349102_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5NRM+ Medium Natural Red Mahogany Brown</span>\n                  <span class=\"variation-pid\">USA-349102</span>\n                  <span class=\"variation-upc\">074469471725</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349102 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5mb+ medium mocha brown|usa-350403|074469490610\" data-pid=\"USA-350403\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-350403\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-350403\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-350403\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-350403\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350403\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-350403\" data-attr=\"color\" title=\"5MB+ Medium Mocha Brown\">\n                  <a href=\"#\" data-pid=\"USA-350403\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350403&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350403\">\n                    <span data-attr-value=\"5MB+_Medium_Mocha_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd49534ac/images/joico/350403_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5MB+ Medium Mocha Brown</span>\n                  <span class=\"variation-pid\">USA-350403</span>\n                  <span class=\"variation-upc\">074469490610</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-350403 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"5bcr+ medium brown copper red|usa-349490|074469465984\" data-pid=\"USA-349490\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349490\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349490\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349490\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349490\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349490\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349490\" data-attr=\"color\" title=\"5BCR+ Medium Brown Copper Red\">\n                  <a href=\"#\" data-pid=\"USA-349490\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349490&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349490\">\n                    <span data-attr-value=\"5BCR+_Medium_Brown_Copper_Red\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw31eec49c/images/joico/349490_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">5BCR+ Medium Brown Copper Red</span>\n                  <span class=\"variation-pid\">USA-349490</span>\n                  <span class=\"variation-upc\">074469465984</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349490 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"6nn+ light natural natural brown|usa-349482|074469465373\" data-pid=\"USA-349482\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349482\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349482\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349482\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349482\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349482\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349482\" data-attr=\"color\" title=\"6NN+ Light Natural Natural Brown\">\n                  <a href=\"#\" data-pid=\"USA-349482\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349482&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349482\">\n                    <span data-attr-value=\"6NN+_Light_Natural_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf23b56d8/images/joico/349482_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6NN+ Light Natural Natural Brown</span>\n                  <span class=\"variation-pid\">USA-349482</span>\n                  <span class=\"variation-upc\">074469465373</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349482 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \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=\"6nb+ light natural beige brown|usa-011488|074469513579\" data-pid=\"USA-011488\">\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-USA-011488\"\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=\"USA-011488\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-011488\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-011488\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011488\"\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=\"USA-011488\" data-attr=\"color\" title=\"6NB+ Light Natural Beige Brown\">\n                  <a href=\"#\" data-pid=\"USA-011488\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011488&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011488\">\n                    <span data-attr-value=\"6NB+_Light_Natural_Beige_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.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf962c810/images/joico/011488_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\">6NB+ Light Natural Beige Brown</span>\n                  <span class=\"variation-pid\">USA-011488</span>\n                  <span class=\"variation-upc\">074469513579</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-USA-011488 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6na+ light natural ash brown|usa-350401|074469490559\" data-pid=\"USA-350401\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-350401\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-350401\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-350401\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-350401\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350401\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-350401\" data-attr=\"color\" title=\"6NA+ Light Natural Ash Brown\">\n                  <a href=\"#\" data-pid=\"USA-350401\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350401&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350401\">\n                    <span data-attr-value=\"6NA+_Light_Natural_Ash_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw07cf99e2/images/joico/350401_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6NA+ Light Natural Ash Brown</span>\n                  <span class=\"variation-pid\">USA-350401</span>\n                  <span class=\"variation-upc\">074469490559</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-350401 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6npa+ light natural platinum ash brown|usa-352004|074469503198\" data-pid=\"USA-352004\">\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-USA-352004\"\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=\"USA-352004\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-352004\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-352004\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352004\"\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=\"USA-352004\" data-attr=\"color\" title=\"6NPA+ Light Natural Platinum Ash Brown\">\n                  <a href=\"#\" data-pid=\"USA-352004\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352004&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352004\">\n                    <span data-attr-value=\"6NPA+_Light_Natural_Platinum_Ash_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0ce6ef43/images/joico/352004_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\">6NPA+ Light Natural Platinum Ash Brown</span>\n                  <span class=\"variation-pid\">USA-352004</span>\n                  <span class=\"variation-upc\">074469503198</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-USA-352004 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"6ng+ light natural brown|usa-349108|074469471633\" data-pid=\"USA-349108\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349108\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349108\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349108\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349108\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349108\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349108\" data-attr=\"color\" title=\"6NG+ Light Natural Brown\">\n                  <a href=\"#\" data-pid=\"USA-349108\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349108&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349108\">\n                    <span data-attr-value=\"6NG+_Light_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw05a9a32e/images/joico/349108_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6NG+ Light Natural Brown</span>\n                  <span class=\"variation-pid\">USA-349108</span>\n                  <span class=\"variation-upc\">074469471633</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349108 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"6ngc+ light natural golden copper|usa-349488|074469465960\" data-pid=\"USA-349488\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349488\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349488\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349488\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349488\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349488\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349488\" data-attr=\"color\" title=\"6NGC+ Light Natural Golden Copper\">\n                  <a href=\"#\" data-pid=\"USA-349488\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349488&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349488\">\n                    <span data-attr-value=\"6NGC+_Light_Natural_Golden_Copper\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3cb8a86e/images/joico/349488_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6NGC+ Light Natural Golden Copper</span>\n                  <span class=\"variation-pid\">USA-349488</span>\n                  <span class=\"variation-upc\">074469465960</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349488 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"6nr+ light natural red brown|usa-349099|074469471701\" data-pid=\"USA-349099\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349099\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349099\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349099\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349099\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349099\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349099\" data-attr=\"color\" title=\"6NR+ Light Natural Red Brown\">\n                  <a href=\"#\" data-pid=\"USA-349099\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349099&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349099\">\n                    <span data-attr-value=\"6NR+_Light_Natural_Red_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw517f6231/images/joico/349099_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6NR+ Light Natural Red Brown</span>\n                  <span class=\"variation-pid\">USA-349099</span>\n                  <span class=\"variation-upc\">074469471701</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349099 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6mb+ light mocha brown|usa-350404|074469490627\" data-pid=\"USA-350404\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-350404\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-350404\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-350404\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-350404\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350404\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-350404\" data-attr=\"color\" title=\"6MB+ Light Mocha Brown\">\n                  <a href=\"#\" data-pid=\"USA-350404\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350404&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350404\">\n                    <span data-attr-value=\"6MB+_Light_Mocha_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5009d736/images/joico/350404_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6MB+ Light Mocha Brown</span>\n                  <span class=\"variation-pid\">USA-350404</span>\n                  <span class=\"variation-upc\">074469490627</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-350404 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"6cg+ light copper golden brown|usa-349098|074469471695\" data-pid=\"USA-349098\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349098\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349098\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349098\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349098\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349098\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349098\" data-attr=\"color\" title=\"6CG+ Light Copper Golden Brown\">\n                  <a href=\"#\" data-pid=\"USA-349098\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349098&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349098\">\n                    <span data-attr-value=\"6CG+_Light_Copper_Golden_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw047d8141/images/joico/349098_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6CG+ Light Copper Golden Brown</span>\n                  <span class=\"variation-pid\">USA-349098</span>\n                  <span class=\"variation-upc\">074469471695</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349098 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"7nn+ dark natural natural blonde|usa-349481|074469465366\" data-pid=\"USA-349481\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349481\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349481\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349481\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349481\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349481\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349481\" data-attr=\"color\" title=\"7NN+ Dark Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349481\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349481&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349481\">\n                    <span data-attr-value=\"7NN+_Dark_Natural_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw50712920/images/joico/349481_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7NN+ Dark Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">USA-349481</span>\n                  <span class=\"variation-upc\">074469465366</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349481 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7nb+ dark natural beige blonde|usa-011487|074469513586\" data-pid=\"USA-011487\">\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-USA-011487\"\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=\"USA-011487\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-011487\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-011487\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011487\"\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=\"USA-011487\" data-attr=\"color\" title=\"7NB+ Dark Natural Beige Blonde\">\n                  <a href=\"#\" data-pid=\"USA-011487\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011487&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011487\">\n                    <span data-attr-value=\"7NB+_Dark_Natural_Beige_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.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw215ba0b5/images/joico/011487_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\">7NB+ Dark Natural Beige Blonde</span>\n                  <span class=\"variation-pid\">USA-011487</span>\n                  <span class=\"variation-upc\">074469513586</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-USA-011487 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7na+ dark natural ash blonde|usa-350402|074469490566\" data-pid=\"USA-350402\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-350402\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-350402\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-350402\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-350402\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350402\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-350402\" data-attr=\"color\" title=\"7NA+ Dark Natural Ash Blonde\">\n                  <a href=\"#\" data-pid=\"USA-350402\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350402&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350402\">\n                    <span data-attr-value=\"7NA+_Dark_Natural_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0bd024ba/images/joico/350402_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7NA+ Dark Natural Ash Blonde</span>\n                  <span class=\"variation-pid\">USA-350402</span>\n                  <span class=\"variation-upc\">074469490566</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-350402 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7npa+ dark natural platinum ash blonde|usa-352006|074469503174\" data-pid=\"USA-352006\">\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-USA-352006\"\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=\"USA-352006\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-352006\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-352006\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352006\"\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=\"USA-352006\" data-attr=\"color\" title=\"7NPA+ Dark Natural Platinum Ash Blonde\">\n                  <a href=\"#\" data-pid=\"USA-352006\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352006&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-352006\">\n                    <span data-attr-value=\"7NPA+_Dark_Natural_Platinum_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwaa1eef13/images/joico/352006_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\">7NPA+ Dark Natural Platinum Ash Blonde</span>\n                  <span class=\"variation-pid\">USA-352006</span>\n                  <span class=\"variation-upc\">074469503174</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-USA-352006 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"7ng+ dark natural blonde|usa-349107|074469471626\" data-pid=\"USA-349107\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349107\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349107\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349107\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349107\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349107\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349107\" data-attr=\"color\" title=\"7NG+ Dark Natural Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349107\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349107&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349107\">\n                    <span data-attr-value=\"7NG+_Dark_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa08734c3/images/joico/349107_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7NG+ Dark Natural Blonde</span>\n                  <span class=\"variation-pid\">USA-349107</span>\n                  <span class=\"variation-upc\">074469471626</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349107 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"7cg+ dark copper golden blonde|usa-349097|074469471688\" data-pid=\"USA-349097\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349097\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349097\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349097\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349097\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349097\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349097\" data-attr=\"color\" title=\"7CG+ Dark Copper Golden Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349097\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349097&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349097\">\n                    <span data-attr-value=\"7CG+_Dark_Copper_Golden_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6583d1cc/images/joico/349097_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7CG+ Dark Copper Golden Blonde</span>\n                  <span class=\"variation-pid\">USA-349097</span>\n                  <span class=\"variation-upc\">074469471688</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349097 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"8nn+ medium natural natural blonde|usa-349480|074469465380\" data-pid=\"USA-349480\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349480\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349480\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349480\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349480\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349480\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349480\" data-attr=\"color\" title=\"8NN+ Medium Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349480\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349480&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349480\">\n                    <span data-attr-value=\"8NN+_Medium_Natural_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw236e4fd6/images/joico/349480_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8NN+ Medium Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">USA-349480</span>\n                  <span class=\"variation-upc\">074469465380</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349480 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \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=\"8nb+ medium natural beige blonde|usa-011486|074469513609\" data-pid=\"USA-011486\">\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-USA-011486\"\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=\"USA-011486\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-011486\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-011486\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011486\"\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=\"USA-011486\" data-attr=\"color\" title=\"8NB+ Medium Natural Beige Blonde\">\n                  <a href=\"#\" data-pid=\"USA-011486\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011486&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011486\">\n                    <span data-attr-value=\"8NB+_Medium_Natural_Beige_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.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7ff3d90a/images/joico/011486_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\">8NB+ Medium Natural Beige Blonde</span>\n                  <span class=\"variation-pid\">USA-011486</span>\n                  <span class=\"variation-upc\">074469513609</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-USA-011486 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"8ng+ medium natural blonde|usa-349106|074469471619\" data-pid=\"USA-349106\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349106\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349106\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349106\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349106\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349106\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349106\" data-attr=\"color\" title=\"8NG+ Medium Natural Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349106\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349106&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349106\">\n                    <span data-attr-value=\"8NG+_Medium_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw45810a07/images/joico/349106_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8NG+ Medium Natural Blonde</span>\n                  <span class=\"variation-pid\">USA-349106</span>\n                  <span class=\"variation-upc\">074469471619</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349106 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"8ngc+ medium natural golden copper|usa-349487|074469465953\" data-pid=\"USA-349487\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349487\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349487\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349487\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349487\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349487\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349487\" data-attr=\"color\" title=\"8NGC+ Medium Natural Golden Copper\">\n                  <a href=\"#\" data-pid=\"USA-349487\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349487&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349487\">\n                    <span data-attr-value=\"8NGC+_Medium_Natural_Golden_Copper\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw255e2a6e/images/joico/349487_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8NGC+ Medium Natural Golden Copper</span>\n                  <span class=\"variation-pid\">USA-349487</span>\n                  <span class=\"variation-upc\">074469465953</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349487 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8mb+ medium mocha blonde|usa-350405|074469490634\" data-pid=\"USA-350405\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-350405\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-350405\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-350405\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-350405\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350405\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-350405\" data-attr=\"color\" title=\"8MB+ Medium Mocha Blonde\">\n                  <a href=\"#\" data-pid=\"USA-350405\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350405&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350405\">\n                    <span data-attr-value=\"8MB+_Medium_Mocha_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe47eccde/images/joico/350405_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8MB+ Medium Mocha Blonde</span>\n                  <span class=\"variation-pid\">USA-350405</span>\n                  <span class=\"variation-upc\">074469490634</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-350405 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"8gc+ medium golden copper blonde|usa-349089|074469471671\" data-pid=\"USA-349089\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349089\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349089\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349089\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349089\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349089\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349089\" data-attr=\"color\" title=\"8GC+ Medium Golden Copper Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349089\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349089&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349089\">\n                    <span data-attr-value=\"8GC+_Medium_Golden_Copper_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwea456198/images/joico/349089_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8GC+ Medium Golden Copper Blonde</span>\n                  <span class=\"variation-pid\">USA-349089</span>\n                  <span class=\"variation-upc\">074469471671</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349089 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"9nn+ light natural natural blonde|usa-349479|074469465908\" data-pid=\"USA-349479\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349479\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349479\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349479\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349479\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349479\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349479\" data-attr=\"color\" title=\"9NN+ Light Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349479\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349479&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349479\">\n                    <span data-attr-value=\"9NN+_Light_Natural_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw12076906/images/joico/349479_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9NN+ Light Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">USA-349479</span>\n                  <span class=\"variation-upc\">074469465908</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349479 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9ng+ light natural blonde|usa-349105|074469471602\" data-pid=\"USA-349105\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349105\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349105\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349105\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349105\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349105\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349105\" data-attr=\"color\" title=\"9NG+ Light Natural Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349105\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349105&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349105\">\n                    <span data-attr-value=\"9NG+_Light_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwcc66439e/images/joico/349105_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9NG+ Light Natural Blonde</span>\n                  <span class=\"variation-pid\">USA-349105</span>\n                  <span class=\"variation-upc\">074469471602</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349105 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9nb+ light natural beige blonde|usa-011485|074469513593\" data-pid=\"USA-011485\">\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-USA-011485\"\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=\"USA-011485\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-011485\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-011485\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011485\"\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=\"USA-011485\" data-attr=\"color\" title=\"9NB+ Light Natural Beige Blonde\">\n                  <a href=\"#\" data-pid=\"USA-011485\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011485&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011485\">\n                    <span data-attr-value=\"9NB+_Light_Natural_Beige_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.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc570e510/images/joico/011485_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\">9NB+ Light Natural Beige Blonde</span>\n                  <span class=\"variation-pid\">USA-011485</span>\n                  <span class=\"variation-upc\">074469513593</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-USA-011485 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"10nn+ violet natural natural blonde|usa-349478|074469465892\" data-pid=\"USA-349478\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-349478\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-349478\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-349478\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349478\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349478\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-349478\" data-attr=\"color\" title=\"10NN+ Violet Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"USA-349478\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349478&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-349478\">\n                    <span data-attr-value=\"10NN+_Violet_Natural_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw66133532/images/joico/349478_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10NN+ Violet Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">USA-349478</span>\n                  <span class=\"variation-upc\">074469465892</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-349478 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10nb+ very light natural beige blonde|usa-011421|074469513531\" data-pid=\"USA-011421\">\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-USA-011421\"\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=\"USA-011421\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-011421\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-011421\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011421\"\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=\"USA-011421\" data-attr=\"color\" title=\"10NB+ Very Light Natural Beige Blonde\">\n                  <a href=\"#\" data-pid=\"USA-011421\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011421&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-011421\">\n                    <span data-attr-value=\"10NB+_Very_Light_Natural_Beige_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.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw49da630a/images/joico/011421_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\">10NB+ Very Light Natural Beige Blonde</span>\n                  <span class=\"variation-pid\">USA-011421</span>\n                  <span class=\"variation-upc\">074469513531</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-USA-011421 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10gb+ very light golden blonde|usa-350410|074469490603\" data-pid=\"USA-350410\">\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-USA-350410\"\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=\"USA-350410\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-350410\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-350410\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350410\"\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=\"USA-350410\" data-attr=\"color\" title=\"10GB+ Very Light Golden Blonde\">\n                  <a href=\"#\" data-pid=\"USA-350410\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350410&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-350410\">\n                    <span data-attr-value=\"10GB+_Very_Light_Golden_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw397bf89a/images/joico/350410_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\">10GB+ Very Light Golden Blonde</span>\n                  <span class=\"variation-pid\">USA-350410</span>\n                  <span class=\"variation-upc\">074469490603</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-USA-350410 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"clear plus|usa-348324|074469456364\" data-pid=\"USA-348324\">\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-USA-348324\"\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=\"USA-348324\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-348324\"\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-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-348324\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-348324\"\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=\"USA-348324\" data-attr=\"color\" title=\"Clear Plus\">\n                  <a href=\"#\" data-pid=\"USA-348324\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-348324&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-348324\">\n                    <span data-attr-value=\"Clear_Plus\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw333e8b63/images/joico/348324_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\">Clear Plus</span>\n                  <span class=\"variation-pid\">USA-348324</span>\n                  <span class=\"variation-upc\">074469456364</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-USA-348324 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-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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=\"no gray controller|usa-348325|074469471763\" data-pid=\"USA-348325\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-USA-348325\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"USA-348325\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"USA-348325\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-348325\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-348325\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"USA-348325\" data-attr=\"color\" title=\"No Gray Controller\">\n                  <a href=\"#\" data-pid=\"USA-348325\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-348325&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-USA-Portals-Site/default/Product-Variation?pid=USA-348325\">\n                    <span data-attr-value=\"No_Gray_Controller\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.armstrongmccall.com/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5c17843f/images/joico/348325_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">No Gray Controller</span>\n                  <span class=\"variation-pid\">USA-348325</span>\n                  <span class=\"variation-upc\">074469471763</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-USA-348325 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-USA-Portals-Site/-/default/dw6ed14f3d/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-USA-Portals-Site/-/default/dw97ee4d96/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-USA-Portals-Site/default/Product-AvailabilityJson?pids=USA-349489&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": "/USA-349489.html"
}