{"product_id":"keracolor-color-clenditioner-3-in-1-color-depositing-conditioner-12-fl-oz-3","title":"Keracolor Color + Clenditioner | 3-In-1 Color-Depositing Conditioner | 12 Fl Oz","description":"\u003cbr\u003e\u003cstyle type=\"text\/css\"\u003e    \/*     * Used when device = desktop     * Configured in: configuration\/brazil-config\/global\/brand-story.cfg     *\/    \/* Because the carousel is implemented as an ol list,       any lists in the card text will have a secondary list style (letters).       This will give an incorrect appearance to viewers,       so we set all lists to the primary list style (numbers). *\/    .aplus-brand-story-card ol li {        list-style: decimal;    }    \/* Top level containers *\/    .aplus-module .apm-brand-story-hero {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      width: 1464px;      height: 625px;      background-color: #fff;    }    .aplus-module .apm-brand-story-card {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      width: 362px;      height: 453px;      background-color: #fff;    }    .apm-brand-story-hero,    .apm-brand-story-card {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      position: relative;      width: 100%;      height: 100%;      float: none;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-card {      \/* Only 12px to account for image cell border *\/      padding: 12px;    }    \/* Full background image (Hero 1 \u0026 Card 2) *\/    .aplus-module .apm-brand-story-background-image {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      overflow: hidden;      position: absolute;      width: 100%;      height: 100%;    }    \/* Card 1 small images *\/    .aplus-module .apm-brand-story-image-grid {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      padding: 0px;      margin: auto;      display: flex;      flex-flow: row wrap;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item {      \/* Use content-box to ensure image size matches editor schema *\/      -moz-box-sizing: content-box;      -webkit-box-sizing: content-box;      box-sizing: content-box;      padding: 0px;      margin: 2px;      width: 162px;      height: 185px;      border: 1px solid #fff;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item .apm-brand-story-image-link {      display: block;      width: 100%;      height: 100%;      padding: 2px;    }    .aplus-module .apm-brand-story-image-grid .apm-brand-story-image-grid-item .apm-brand-story-image-link .apm-brand-story-image-img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }    \/* Card 3 logo image *\/    .aplus-module .apm-brand-story-logo-image {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        height: 145px;        margin: 0px 4px;        padding: 20px;        padding-bottom: 0px;    }    \/* Text overlays *\/    .aplus-module .apm-brand-story-text-bottom {      -moz-box-sizing: border-box;      -webkit-box-sizing: border-box;      box-sizing: border-box;      position: absolute;      bottom: 13px;      left: 13px;    }    .aplus-module .apm-brand-story-hero .apm-brand-story-text-bottom {        background-color: rgba(0,0,0,0.6);        color: #fff;        padding: 13px 65px 13px 13px; \/* accounts for overlap of first card *\/        width: 437px;    }    .aplus-module.brand-story-card-2-media-asset .apm-brand-story-text-bottom {        background-color: rgba(255,255,255,0.6);        color: #000;        padding: 13px;        width: 336px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text {        margin-top: 8px;        padding-left: 2px;        padding-right: 2px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text.apm-brand-story-text-single {        margin-top: 20px;    }    .aplus-module.brand-story-card-1-four-asin .apm-brand-story-text h3 {        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;    }    .aplus-module .apm-brand-story-slogan-text {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        margin: 0px 4px;        padding: 20px;    }    .aplus-module .apm-brand-story-faq {        -moz-box-sizing: content-box;        -webkit-box-sizing: content-box;        box-sizing: content-box;        padding-top: 10px;    }    .aplus-module .apm-brand-story-faq-block {        margin: 0px 10px;        padding: 10px;    }\u003c\/style\u003e                                                \u003cstyle\u003e    .aplus-v2 .apm-brand-story-carousel-container {        position: relative;    }    .aplus-v2 .apm-brand-story-carousel-hero-container,    .aplus-v2 .apm-brand-story-carousel-hero-container \u003e div {        position: absolute;        width: 100%;    }\u003c\/style\u003e    \u003cstyle\u003e        \/*          Ensuring the carousel takes only the space it needs.          The sizes need to be set again on the absolutely positioned elements so they can take up space.        *\/        .aplus-v2 .apm-brand-story-carousel-container,        .aplus-v2 .apm-brand-story-carousel-hero-container {            height: 625px;            width: 100%;            max-width: 1464px;            margin-left: auto;            margin-right: auto;            overflow: hidden;        }        .aplus-v2 .apm-brand-story-carousel-hero-container,        .aplus-v2 .apm-brand-story-carousel-hero-container \u003e div {            height: 625px;        }    \u003c\/style\u003e   \u003cstyle\u003e        .aplus-v2 .apm-brand-story-carousel.a-carousel-container {            padding: 0px;        }        \/*          This centers the carousel vertically on top of the hero image container and after the logo area (125px).          Margin-top = (heroHeight - cardHeight - logoAreaHeight) \/ 2 + logoAreaHeight        *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {            margin-top: 149px;        }        \/*          Cards need to have a width set, otherwise they default to 50px or so.          All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.          The left margin is for leaving a space between each card.        *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-card {            width: 362px;            margin-left: 30px !important;        }        \/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background *\/        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {            padding: 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {            border: none;            margin: 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {            background: #fff;            padding: 20px 6px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {            border-radius: 0px 4px 4px 0px;        }        .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {            border-radius: 4px 0px 0px 4px;        }    \u003c\/style\u003e  \u003cdiv\u003e        \u003cdiv class=\"apm-brand-story-carousel-container\"\u003e                 \u003cdiv class=\"apm-brand-story-carousel-hero-container\"\u003e                             \u003cdiv class=\"celwidget aplus-module brand-story-hero-1-image-logo aplus-brand-story-hero\" cel_widget_id=\"aplus-brand-story-hero-1-image-logo\"\u003e             \u003cdiv class=\"apm-brand-story-hero\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Keracolor\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f2ec7134-bc75-4252-ad2b-9c571493a608.__CR0,0,2928,1250_PT0_SX1464_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Keracolor\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f2ec7134-bc75-4252-ad2b-9c571493a608.__CR0,0,2928,1250_PT0_SX1464_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e                   \u003c\/div\u003e                    \u003cdiv id=\"apm-brand-story-carousel\" data-a-carousel-options=\"{\" name aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" role=\"group\" class=\"a-begin a-carousel-container a-carousel-display-stretchyGoodness a-carousel-transition-slide apm-brand-story-carousel size-cards a-carousel-container\"\u003e\n\u003cinput autocomplete=\"on\" type=\"hidden\" class=\"a-carousel-firstvisibleitem\"\u003e \u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons\"\u003e\u003cdiv class=\"a-carousel-row-inner\"\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-left\"\u003ePrevious page\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\u003cdiv class=\"a-carousel-viewport\" role=\"group\" aria-roledescription=\"slide\"\u003e\u003col class=\"a-carousel\" role=\"list\"\u003e  \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-0\"\u003e   \u003c\/li\u003e      \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-1\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Keracolor\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f937181f-6999-4231-80a2-a87af7f6b864.__CR0,0,1448,1812_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Keracolor\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f937181f-6999-4231-80a2-a87af7f6b864.__CR0,0,1448,1812_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-2\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-1-four-asin aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-1-four-asin\"\u003e                  \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-image-grid\" role=\"list\"\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"B085SY5THY\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/4f992088-f1da-42d3-a0ca-c759823da747.__CR110,0,2280,2500_PT0_SX166_V1___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"mocha latteB0BCCBLFY3\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f8cea549-4c9f-4a41-8e3a-0bc8f1ca44c1.__CR110,0,2280,2500_PT0_SX166_V1___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Keracolor Color + Clenditioner 3-in-1 Color-Depositing Conditioner, Gently Cleanses \u0026amp; Conditions,...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/41Hylvm7UtL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"B085SY5THY\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/768eef7f-a2ec-44cd-8bf3-602dd3a64ef6.__CR110,0,2280,2500_PT0_SX166_V1___.jpg\"\u003e   \u003c\/div\u003e         \u003c\/div\u003e      \u003cdiv class=\"apm-brand-story-text \"\u003e                                                     \u003ch3\u003e Shop Best Sellers \u003c\/h3\u003e      \u003cp class=\"apm-brand-story-stores-link\"\u003e  Visit the Store  \u003c\/p\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-3\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"Keracolor\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/66a7937f-14c4-4a1d-8ad6-dbef3455b4f8.__CR0,0,1448,1812_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"Keracolor\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/66a7937f-14c4-4a1d-8ad6-dbef3455b4f8.__CR0,0,1448,1812_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-4\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-1-four-asin aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-1-four-asin\"\u003e                  \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-image-grid\" role=\"list\"\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"B09KJXR4WH\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/dce06632-8e6c-4097-88e8-a7764412a026.__CR110,0,2280,2500_PT0_SX166_V1___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Keracolor Clenditioner Cleansing Conditioner, Color Protecting Keratin-Infused Co-Wash, Prevents ...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/31cEHsh7anL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Keracolor Fade Effect Color Fading Shampoo, Gently Reduces Semi-Permanent Hair Color Intensity, 9...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/21XQyyJ2ZxL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"B09KJXR4WH\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f540be65-b4ca-49c4-acbf-bbff46a0948a.__CR110,0,2280,2500_PT0_SX166_V1___.jpg\"\u003e   \u003c\/div\u003e         \u003c\/div\u003e      \u003cdiv class=\"apm-brand-story-text \"\u003e                                                     \u003ch3\u003e Shop Our Favorites \u003c\/h3\u003e      \u003cp class=\"apm-brand-story-stores-link\"\u003e  Visit the Store  \u003c\/p\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-5\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-2-media-asset aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-2-media-asset\"\u003e             \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-background-image\"\u003e                                             \u003cimg alt=\"keracolor\" src=\"https:\/\/images-na.ssl-images-amazon.com\/images\/G\/01\/x-locale\/common\/grey-pixel.gif\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/0fe7d4af-2273-47ca-acde-03c6a0693343.__CR0,0,1448,1812_PT0_SX362_V1___.jpg\"\u003e\u003cnoscript\u003e\u003cimg alt=\"keracolor\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/0fe7d4af-2273-47ca-acde-03c6a0693343.__CR0,0,1448,1812_PT0_SX362_V1___.jpg\"\u003e\u003c\/noscript\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e    \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card apm-brand-story-carousel-card-6\"\u003e           \u003cdiv class=\"celwidget aplus-module brand-story-card-1-four-asin aplus-brand-story-card\" cel_widget_id=\"aplus-brand-story-card-1-four-asin\"\u003e                  \u003cdiv class=\"apm-brand-story-card\"\u003e    \u003cdiv class=\"apm-brand-story-image-grid\" role=\"list\"\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Keracolor Purify Plus Leave-In Conditioning Treatment for Fine to Medium Hair, Detangling, Neutra...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/31F%2BZq2814L.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Keracolor Keracanvas Hair Bleach Kit, Complete Hair Lightening \u0026amp; Toning System, Lifts Up to 8 Lev...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/41KIpveFXIL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Keracolor Purple or Gold Toning Drops to Create Your Own Purple Shampoo - Mix with Any Shampoo, C...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/31LLDLdUKOL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003cdiv class=\"apm-brand-story-image-grid-item\" role=\"listitem\"\u003e                                                      \u003cimg alt=\"Keracolor Purify Plus Lite Leave-In Conditioning Treatment for Fine to Medium Hair, Detangling, N...\" src=\"https:\/\/m.media-amazon.com\/images\/I\/21das2atUZL.__AC_SR166,182___.jpg\"\u003e   \u003c\/div\u003e         \u003c\/div\u003e      \u003cdiv class=\"apm-brand-story-text \"\u003e                                                     \u003ch3\u003e Shop Must Haves \u003c\/h3\u003e      \u003cp class=\"apm-brand-story-stores-link\"\u003e  Visit the Store  \u003c\/p\u003e  \u003c\/div\u003e     \u003c\/div\u003e\n\u003cdiv style=\"clear:both\"\u003e\u003c\/div\u003e   \u003c\/div\u003e \u003c\/li\u003e   \u003c\/ol\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"a-carousel-col a-carousel-right\"\u003eNext page\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e \u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e        \u003cdiv class=\"aplus-brandstory-pagination\"\u003e             \u003c\/div\u003e    \u003c\/div\u003e ","brand":"GIFTRIO","offers":[{"title":"Default Title","offer_id":61130297639242,"sku":null,"price":35.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0998\/0467\/6426\/files\/61TiGqvSp5L._SL1500_6d26ae5b-4b4a-4deb-8400-f7d95daf898f.jpg?v=1771412401","url":"https:\/\/janisshop.com\/products\/keracolor-color-clenditioner-3-in-1-color-depositing-conditioner-12-fl-oz-3","provider":"rafsan 2","version":"1.0","type":"link"}