www.clinique.in
Open in
urlscan Pro
2a02:26f0:3500:1b::1724:a391
Public Scan
URL:
https://www.clinique.in/
Submission Tags: falconsandbox
Submission: On November 10 via api from US — Scanned from DE
Submission Tags: falconsandbox
Submission: On November 10 via api from US — Scanned from DE
Form analysis 12 forms found in the DOM
<form>
<div class="product-card-shade-swatches">
<span class="selected-shade-name"> CN 70 Vanilla </span>
<div class="vul-shades-horizontal-scroll-root " data-controller="horizontal-scroll" data-horizontal-scroll-check-content-width-value="true" data-horizontal-scroll-threshold-width-lg-value="10" data-horizontal-scroll-threshold-width-sm-value="10"
data-horizontal-scroll-drag-snap-value="" data-horizontal-scroll-drag-overlay-value="" data-horizontal-scroll-navigate-snap-value="" data-horizontal-scroll-select-snap-value="false" data-horizontal-scroll-scroll-on-edge-click-value="true">
<button class="product-card-shade-nav-button" type="button" title="Previous" data-action="horizontal-scroll#prev" data-horizontal-scroll-target="prevButton">
<svg class="product-card-left-nav-caret" fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<path xmlns="http://www.w3.org/2000/svg" d="M5.25 1.5l7.5 7.5-7.5 7.5" stroke="#000"></path>
</svg>
</button>
<ul class="shades-h-scroll-container product-card-shade-slider product-card-shade-slider-excess-viewport" data-horizontal-scroll-target="wrapper">
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" checked " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128586">
<label id="sku_id_KY1907" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-horizontal-scroll-target="activeSelectionOption" data-index="19" title="CN 70 Vanilla" aria-label="CN 70 Vanilla">
<input id="KY1907" class="product-card-shade-button peer" type="radio" name="shadeColor" checked="checked" value="KY1907" data-index="19" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#D8A884" data-shade="#D8A884">
</div>
</div>
</div>
<span class="single-shade-selected">
</span>
</div>
<span class="sr-only">
CN 70 Vanilla
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="127425">
<label id="sku_id_KY1941" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="0" title="WN 01 Flax" aria-label="WN 01 Flax">
<input id="KY1941" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1941" data-index="0" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#ECDCCF" data-shade="#ECDCCF">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 01 Flax
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128565">
<label id="sku_id_KY1943" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="1" title="WN 04 Bone" aria-label="WN 04 Bone">
<input id="KY1943" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1943" data-index="1" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#F1CFB2" data-shade="#F1CFB2">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 04 Bone
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128568">
<label id="sku_id_KY1901" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="2" title="CN 10 Alabaster" aria-label="CN 10 Alabaster">
<input id="KY1901" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1901" data-index="2" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#F0C9AF" data-shade="#F0C9AF">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 10 Alabaster
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128569">
<label id="sku_id_KY1944" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="3" title="WN 12 Meringue" aria-label="WN 12 Meringue">
<input id="KY1944" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1944" data-index="3" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#E5B88D" data-shade="#E5B88D">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 12 Meringue
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128571">
<label id="sku_id_KY1925" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="4" title="WN 16 Buff" aria-label="WN 16 Buff">
<input id="KY1925" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1925" data-index="4" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#EBBF9D" data-shade="#EBBF9D">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 16 Buff
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128572">
<label id="sku_id_KY1914" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="5" title="CN 18 Cream Whip" aria-label="CN 18 Cream Whip">
<input id="KY1914" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1914" data-index="5" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#E9BB96" data-shade="#E9BB96">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 18 Cream Whip
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128573">
<label id="sku_id_KY1902" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="6" title="CN 20 Fair " aria-label="CN 20 Fair ">
<input id="KY1902" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1902" data-index="6" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#F2BF9D" data-shade="#F2BF9D">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 20 Fair
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128574">
<label id="sku_id_KY1903" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="7" title="CN 28 Ivory" aria-label="CN 28 Ivory">
<input id="KY1903" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1903" data-index="7" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#E8BC9E" data-shade="#E8BC9E">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 28 Ivory
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128575">
<label id="sku_id_KY1947" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="8" title="WN 30 Biscuit" aria-label="WN 30 Biscuit">
<input id="KY1947" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1947" data-index="8" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#E1AA87" data-shade="#E1AA87">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 30 Biscuit
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128576">
<label id="sku_id_KY1948" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="9" title="WN 38 Stone" aria-label="WN 38 Stone">
<input id="KY1948" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1948" data-index="9" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#DCB08B" data-shade="#DCB08B">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 38 Stone
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128577">
<label id="sku_id_KY1904" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="10" title="CN 40 Cream Chamois" aria-label="CN 40 Cream Chamois">
<input id="KY1904" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1904" data-index="10" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#DEB193" data-shade="#DEB193">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 40 Cream Chamois
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128579">
<label id="sku_id_KY1916" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="11" title="WN 46 Golden Neutral" aria-label="WN 46 Golden Neutral">
<input id="KY1916" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1916" data-index="11" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#E2B186" data-shade="#E2B186">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 46 Golden Neutral
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128578">
<label id="sku_id_KY1950" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="12" title="WN 48 Oat" aria-label="WN 48 Oat">
<input id="KY1950" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1950" data-index="12" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#DDA377" data-shade="#DDA377">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 48 Oat
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128580">
<label id="sku_id_KY1905" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="13" title="CN 52 Neutral" aria-label="CN 52 Neutral">
<input id="KY1905" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1905" data-index="13" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#DCAB86" data-shade="#DCAB86">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 52 Neutral
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128581">
<label id="sku_id_KY1951" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="14" title="WN 54 Honey Wheat" aria-label="WN 54 Honey Wheat">
<input id="KY1951" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1951" data-index="14" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#DCA672" data-shade="#DCA672">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 54 Honey Wheat
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128582">
<label id="sku_id_KY1926" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="15" title="WN 56 Cashew" aria-label="WN 56 Cashew">
<input id="KY1926" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1926" data-index="15" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#E5B78C" data-shade="#E5B78C">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 56 Cashew
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128583">
<label id="sku_id_KY1906" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="16" title="CN 58 Honey" aria-label="CN 58 Honey">
<input id="KY1906" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1906" data-index="16" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#DEAA79" data-shade="#DEAA79">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 58 Honey
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128584">
<label id="sku_id_KY1911" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="17" title="CN 62 Porcelain Beige" aria-label="CN 62 Porcelain Beige">
<input id="KY1911" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1911" data-index="17" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#D9A681" data-shade="#D9A681">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 62 Porcelain Beige
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128585">
<label id="sku_id_KY1927" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="18" title="WN 64 Butterscotch" aria-label="WN 64 Butterscotch">
<input id="KY1927" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1927" data-index="18" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#E0AD84" data-shade="#E0AD84">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 64 Butterscotch
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128587">
<label id="sku_id_KY1908" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="20" title="CN 74 Beige" aria-label="CN 74 Beige">
<input id="KY1908" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1908" data-index="20" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#D09B73" data-shade="#D09B73">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 74 Beige
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128588">
<label id="sku_id_KY1953" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="21" title="WN 76 Toasted Wheat" aria-label="WN 76 Toasted Wheat">
<input id="KY1953" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1953" data-index="21" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#C99566" data-shade="#C99566">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 76 Toasted Wheat
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128589">
<label id="sku_id_KY1917" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="22" title="CN 78 Nutty" aria-label="CN 78 Nutty">
<input id="KY1917" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1917" data-index="22" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#CE9465" data-shade="#CE9465">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 78 Nutty
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128590">
<label id="sku_id_KY1928" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="23" title="WN 80 Tawnied Beige" aria-label="WN 80 Tawnied Beige">
<input id="KY1928" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1928" data-index="23" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#D49C70" data-shade="#D49C70">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 80 Tawnied Beige
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128591">
<label id="sku_id_KY1909" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="24" title="CN 90 Sand" aria-label="CN 90 Sand">
<input id="KY1909" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1909" data-index="24" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#CA9C72" data-shade="#CA9C72">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
CN 90 Sand
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128592">
<label id="sku_id_KY1918" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="25" title="WN 94 Deep Neutral" aria-label="WN 94 Deep Neutral">
<input id="KY1918" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1918" data-index="25" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#D28E55" data-shade="#D28E55">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 94 Deep Neutral
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128593">
<label id="sku_id_KY1915" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="26" title="WN 98 Cream Caramel" aria-label="WN 98 Cream Caramel">
<input id="KY1915" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1915" data-index="26" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#C8874E" data-shade="#C8874E">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 98 Cream Caramel
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128594">
<label id="sku_id_KY1937" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="27" title="WN 100 Deep Honey" aria-label="WN 100 Deep Honey">
<input id="KY1937" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1937" data-index="27" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#BC8054" data-shade="#BC8054">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 100 Deep Honey
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128595">
<label id="sku_id_KY1930" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="28" title="WN 104 Toffee" aria-label="WN 104 Toffee">
<input id="KY1930" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1930" data-index="28" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#C58342" data-shade="#C58342">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 104 Toffee
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128596">
<label id="sku_id_KY1912" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="29" title="WN 112 Ginger" aria-label="WN 112 Ginger">
<input id="KY1912" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1912" data-index="29" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#BE793E" data-shade="#BE793E">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 112 Ginger
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128597">
<label id="sku_id_KY1910" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="30" title="WN 114 Golden" aria-label="WN 114 Golden">
<input id="KY1910" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1910" data-index="30" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#B47640" data-shade="#B47640">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 114 Golden
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128598">
<label id="sku_id_KY1956" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="31" title="WN 115.5 Mocha" aria-label="WN 115.5 Mocha">
<input id="KY1956" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1956" data-index="31" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#B67F54" data-shade="#B67F54">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 115.5 Mocha
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128600">
<label id="sku_id_KY1913" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="32" title="WN 118 Amber" aria-label="WN 118 Amber">
<input id="KY1913" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1913" data-index="32" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#AB6C35" data-shade="#AB6C35">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 118 Amber
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128601">
<label id="sku_id_KY1932" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="33" title="WN 120 Pecan" aria-label="WN 120 Pecan">
<input id="KY1932" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1932" data-index="33" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#B3774E" data-shade="#B3774E">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 120 Pecan
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128602">
<label id="sku_id_KY1919" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="34" title="WN 122 Clove" aria-label="WN 122 Clove">
<input id="KY1919" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1919" data-index="34" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#9B5E3B" data-shade="#9B5E3B">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 122 Clove
</span>
</label>
</a>
</li>
<li data-horizontal-scroll-target="optionWrapper" class="shades-h-scroll-container shade-slider-multiple-item swiper-no-swiping">
<a href="#" class=" " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="2" phx-value-perlgemskuid="128603">
<label id="sku_id_KY1920" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-index="35" title="WN 124 Sienna" aria-label="WN 124 Sienna">
<input id="KY1920" class="product-card-shade-button peer" type="radio" name="shadeColor" value="KY1920" data-index="35" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#94603E" data-shade="#94603E">
</div>
</div>
<span class="dropdown-list-item-swatch-inactive"></span>
</div>
</div>
<span class="sr-only">
WN 124 Sienna
</span>
</label>
</a>
</li>
</ul>
<button class="product-card-shade-nav-button" type="button" title="Next" data-action="horizontal-scroll#next" data-horizontal-scroll-target="nextButton">
<svg class="product-card-right-nav-caret" fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<path xmlns="http://www.w3.org/2000/svg" d="M5.25 1.5l7.5 7.5-7.5 7.5" stroke="#000"></path>
</svg>
</button>
</div>
</div>
</form><form>
<button data-action="product#handleAddToCartClick" type="submit" class="product-card-add-to-bag-button" data-product-cart-api-param="v1" data-product-reuse-payload-param="false" data-product-target="addButton" data-show-loading-param="false"> Add
to Bag </button>
</form><form>
<div class="product-card-shade-swatches">
<span class="selected-shade-name"> Black </span>
<div class="vul-shades-horizontal-scroll-root " data-controller="horizontal-scroll" data-horizontal-scroll-check-content-width-value="true" data-horizontal-scroll-threshold-width-lg-value="10" data-horizontal-scroll-threshold-width-sm-value="10"
data-horizontal-scroll-drag-snap-value="" data-horizontal-scroll-drag-overlay-value="" data-horizontal-scroll-navigate-snap-value="" data-horizontal-scroll-select-snap-value="false" data-horizontal-scroll-scroll-on-edge-click-value="true">
<button class="product-card-shade-nav-button" type="button" title="Previous" data-action="horizontal-scroll#prev" data-horizontal-scroll-target="prevButton">
<svg class="product-card-left-nav-caret" fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<path xmlns="http://www.w3.org/2000/svg" d="M5.25 1.5l7.5 7.5-7.5 7.5" stroke="#000"></path>
</svg>
</button>
<ul class="shades-h-scroll-container product-card-shade-slider product_card-shade-slider-in-viewport" data-horizontal-scroll-target="wrapper">
<li data-horizontal-scroll-target="optionWrapper" class="shade-slider-single-item swiper-no-swiping">
<a href="#" class=" checked " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="3" phx-value-perlgemskuid="12573">
<label id="sku_id_68A001" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-horizontal-scroll-target="activeSelectionOption" data-index="0" title="Black" aria-label="Black">
<input id="68A001" class="product-card-shade-button peer" type="radio" name="shadeColor" checked="checked" value="68A001" data-index="0" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#000000" data-shade="#000000">
</div>
</div>
</div>
</div>
<span class="sr-only">
Black
</span>
</label>
</a>
</li>
</ul>
<button class="product-card-shade-nav-button" type="button" title="Next" data-action="horizontal-scroll#next" data-horizontal-scroll-target="nextButton">
<svg class="product-card-right-nav-caret" fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<path xmlns="http://www.w3.org/2000/svg" d="M5.25 1.5l7.5 7.5-7.5 7.5" stroke="#000"></path>
</svg>
</button>
</div>
</div>
</form><form>
<button data-action="product#handleAddToCartClick" type="submit" class="product-card-add-to-bag-button" data-product-cart-api-param="v1" data-product-reuse-payload-param="false" data-product-target="addButton" data-show-loading-param="false"> Add
to Bag </button>
</form><form>
<div class="product-card-shade-swatches">
<span class="selected-shade-name"> Black Honey </span>
<div class="vul-shades-horizontal-scroll-root " data-controller="horizontal-scroll" data-horizontal-scroll-check-content-width-value="true" data-horizontal-scroll-threshold-width-lg-value="10" data-horizontal-scroll-threshold-width-sm-value="10"
data-horizontal-scroll-drag-snap-value="" data-horizontal-scroll-drag-overlay-value="" data-horizontal-scroll-navigate-snap-value="" data-horizontal-scroll-select-snap-value="false" data-horizontal-scroll-scroll-on-edge-click-value="true">
<button class="product-card-shade-nav-button" type="button" title="Previous" data-action="horizontal-scroll#prev" data-horizontal-scroll-target="prevButton">
<svg class="product-card-left-nav-caret" fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<path xmlns="http://www.w3.org/2000/svg" d="M5.25 1.5l7.5 7.5-7.5 7.5" stroke="#000"></path>
</svg>
</button>
<ul class="shades-h-scroll-container product-card-shade-slider product_card-shade-slider-in-viewport" data-horizontal-scroll-target="wrapper">
<li data-horizontal-scroll-target="optionWrapper" class="shade-slider-single-item swiper-no-swiping">
<a href="#" class=" checked " data-horizontal-scroll-target="optionWrapper" phx-click="variant_select" phx-target="4" phx-value-perlgemskuid="11915">
<label id="sku_id_635906" class="product-card-shade-button-label" data-action="click->horizontal-scroll#itemSelect" data-horizontal-scroll-target="activeSelectionOption" data-index="0" title="Black Honey" aria-label="Black Honey">
<input id="635906" class="product-card-shade-button peer" type="radio" name="shadeColor" checked="checked" value="635906" data-index="0" data-horizontal-scroll-target="selectionOption">
<div class="shade-slider-swatch-container">
<div class="swatch-wrapper">
<div class="single-shade">
<div class="single-shade-color" style="background-color:#8D002D" data-shade="#8D002D">
</div>
</div>
</div>
</div>
<span class="sr-only">
Black Honey
</span>
</label>
</a>
</li>
</ul>
<button class="product-card-shade-nav-button" type="button" title="Next" data-action="horizontal-scroll#next" data-horizontal-scroll-target="nextButton">
<svg class="product-card-right-nav-caret" fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<path xmlns="http://www.w3.org/2000/svg" d="M5.25 1.5l7.5 7.5-7.5 7.5" stroke="#000"></path>
</svg>
</button>
</div>
</div>
</form><form>
<button data-action="product#handleAddToCartClick" type="submit" class="product-card-add-to-bag-button" data-product-cart-api-param="v1" data-product-reuse-payload-param="false" data-product-target="addButton" data-show-loading-param="false"> Add
to Bag </button>
</form><form class="product-card-size-chips-form">
<button id="size_slider_prev_6424" type="button" data-action="horizontal-scroll#prev" data-horizontal-scroll-target="prevButton" class="product-card-size-slider-chips-button mr-[13px] product-card-size-slider-chips-button-prev" phx-update="ignore">
</button>
<ul class="product-card-size-chips-container" data-horizontal-scroll-target="wrapper">
<li class="swiper-no-swiping" data-horizontal-scroll-target="optionWrapper" data-action="click->horizontal-scroll#itemSelect" phx-click="variant_select" phx-value-perlgemskuid="93740" phx-target="5">
<label for="KAJ701" class="product-card-size-chip">
<input id="KAJ701" class="sr-only peer" data-horizontal-scroll-target="selectionOption" type="radio" name="6424_size">
<span class="product-card-size-chips-inventory-active-class">
<div class="product-card-size-chip-text"> 30 ml </div>
</span>
</label>
</li>
<li class="swiper-no-swiping" data-horizontal-scroll-target="optionWrapper" data-action="click->horizontal-scroll#itemSelect" phx-click="variant_select" phx-value-perlgemskuid="13037" phx-target="5">
<label data-horizontal-scroll-target="activeSelectionOption" for="6CY401" class="product-card-size-chip checked">
<input id="6CY401" class="sr-only peer" data-horizontal-scroll-target="selectionOption" type="radio" name="6424_size">
<span class="product-card-size-chips-inventory-active-class">
<div class="product-card-size-chip-text"> 125 ml </div>
</span>
</label>
</li>
</ul>
<button id="size_slider_next_6424" type="button" data-action="horizontal-scroll#next" data-horizontal-scroll-target="nextButton" class="product-card-size-slider-chips-button ml-[13px] product-card-size-slider-chips-button-next" phx-update="ignore">
</button>
</form><form>
<button data-action="product#handleAddToCartClick" type="submit" class="product-card-add-to-bag-button" data-product-cart-api-param="v1" data-product-reuse-payload-param="false" data-product-target="addButton" data-show-loading-param="false"> Add
to Bag </button>
</form><form class="product-card-size-chips-form">
<button id="size_slider_prev_79628" type="button" data-action="horizontal-scroll#prev" data-horizontal-scroll-target="prevButton" class="product-card-size-slider-chips-button mr-[13px] product-card-size-slider-chips-button-prev"
phx-update="ignore">
</button>
<ul class="product-card-size-chips-container" data-horizontal-scroll-target="wrapper">
<li class="swiper-no-swiping" data-horizontal-scroll-target="optionWrapper" data-action="click->horizontal-scroll#itemSelect" phx-click="variant_select" phx-value-perlgemskuid="121558" phx-target="6">
<label data-horizontal-scroll-target="activeSelectionOption" for="KPR801" class="product-card-size-chip checked">
<input id="KPR801" class="sr-only peer" data-horizontal-scroll-target="selectionOption" type="radio" name="79628_size">
<span class="product-card-size-chips-inventory-active-class">
<div class="product-card-size-chip-text"> 50 ml </div>
</span>
</label>
</li>
<li class="swiper-no-swiping" data-horizontal-scroll-target="optionWrapper" data-action="click->horizontal-scroll#itemSelect" phx-click="variant_select" phx-value-perlgemskuid="121559" phx-target="6">
<label for="KPR901" class="product-card-size-chip">
<input id="KPR901" class="sr-only peer" data-horizontal-scroll-target="selectionOption" type="radio" name="79628_size">
<span class="product-card-size-chips-inventory-active-class">
<div class="product-card-size-chip-text"> 75 ml </div>
</span>
</label>
</li>
<li class="swiper-no-swiping" data-horizontal-scroll-target="optionWrapper" data-action="click->horizontal-scroll#itemSelect" phx-click="variant_select" phx-value-perlgemskuid="121557" phx-target="6">
<label for="KPR701" class="product-card-size-chip unavailable">
<input id="KPR701" class="sr-only peer" data-horizontal-scroll-target="selectionOption" type="radio" name="79628_size">
<span class="product-card-size-chips-inventory-toos-class">
<div class="product-card-size-chip-text"> 30 ml </div>
</span>
</label>
</li>
</ul>
<button id="size_slider_next_79628" type="button" data-action="horizontal-scroll#next" data-horizontal-scroll-target="nextButton" class="product-card-size-slider-chips-button ml-[13px] product-card-size-slider-chips-button-next"
phx-update="ignore">
</button>
</form><form>
<button data-action="product#handleAddToCartClick" type="submit" class="product-card-add-to-bag-button" data-product-cart-api-param="v1" data-product-reuse-payload-param="false" data-product-target="addButton" data-show-loading-param="false"> Add
to Bag </button>
</form><form class="product-card-size-chips-form">
<button id="size_slider_prev_15502" type="button" data-action="horizontal-scroll#prev" data-horizontal-scroll-target="prevButton" class="product-card-size-slider-chips-button mr-[13px] product-card-size-slider-chips-button-prev"
phx-update="ignore">
</button>
<ul class="product-card-size-chips-container" data-horizontal-scroll-target="wrapper">
<li class="swiper-no-swiping" data-horizontal-scroll-target="optionWrapper" data-action="click->horizontal-scroll#itemSelect" phx-click="variant_select" phx-value-perlgemskuid="151108" phx-target="7">
<label data-horizontal-scroll-target="activeSelectionOption" for="V29101" class="product-card-size-chip checked">
<input id="V29101" class="sr-only peer" data-horizontal-scroll-target="selectionOption" type="radio" name="15502_size">
<span class="product-card-size-chips-inventory-active-class">
<div class="product-card-size-chip-text"> 60 ml </div>
</span>
</label>
</li>
<li class="swiper-no-swiping" data-horizontal-scroll-target="optionWrapper" data-action="click->horizontal-scroll#itemSelect" phx-click="variant_select" phx-value-perlgemskuid="31721" phx-target="7">
<label for="76X401" class="product-card-size-chip unavailable">
<input id="76X401" class="sr-only peer" data-horizontal-scroll-target="selectionOption" type="radio" name="15502_size">
<span class="product-card-size-chips-inventory-toos-class">
<div class="product-card-size-chip-text"> 200 ml </div>
</span>
</label>
</li>
<li class="swiper-no-swiping" data-horizontal-scroll-target="optionWrapper" data-action="click->horizontal-scroll#itemSelect" phx-click="variant_select" phx-value-perlgemskuid="31726" phx-target="7">
<label for="76WY01" class="product-card-size-chip unavailable">
<input id="76WY01" class="sr-only peer" data-horizontal-scroll-target="selectionOption" type="radio" name="15502_size">
<span class="product-card-size-chips-inventory-toos-class">
<div class="product-card-size-chip-text"> 400 ml </div>
</span>
</label>
</li>
</ul>
<button id="size_slider_next_15502" type="button" data-action="horizontal-scroll#next" data-horizontal-scroll-target="nextButton" class="product-card-size-slider-chips-button ml-[13px] product-card-size-slider-chips-button-next"
phx-update="ignore">
</button>
</form><form>
<button data-action="product#handleAddToCartClick" type="submit" class="product-card-add-to-bag-button" data-product-cart-api-param="v1" data-product-reuse-payload-param="false" data-product-target="addButton" data-show-loading-param="false"> Add
to Bag </button>
</form>Text Content
Skip to main content
Menu Clinique
Search
Store Locator
Sign In
0
Search
New
All New Products Trending Now Trending Looks
Limited Edition Sets
Bestsellers
BUY ALL BESTSELLERS
All Bestsellers Skincare Bestsellers Makeup Bestsellers Fragrance Bestsellers
Men Bestsellers
Limited Edition Sets
Skin Concern
Shop all skin concern
Concerns
Dry Skin Anti-Aging Dark Undereye Circles Dark Spots Acne Sun Protection
Skincare
SHOP ALL SKINCARE
All Skincare Moisturizers & Face Creams Cleansers & Face Wash Face Serum Eye
care Exfoliators & Toners Sunscreen & SPF Lip care Makeup Remover Face Masks
Hand & Body Care
Travel Size & Minis
Concerns
Dry Skin Anti-Aging Dark Undereye Circles Dark Spots Acne Sun Protection
Skin Type Very Dry Skin to Dry Skin Dry Combiniation Skin Oily Combination Skin
Oily Skin Acne-Prone Skin
Key Ingredients Hyaluronic Acid Salicylic Acid (BHA) Alpha Hydroxy Acids (AHA)
Retinol Vitamin C
Collections
3-Step Moisture Surge™ Smart Clinical Repair™ Even Better Dramatically
Different™ Take The Day Off All About Clean
Makeup
Shop All Makeup
All Face Makeup Foundation Concealer & Color Corrector Powder Face Primer Blush
Bronze & Highlight Tinted Moisturizer
Makeup Remover
Makeup Brushes
All Lip Lipstick Lip Gloss & Balm Lip Liner
Eyes Mascara Eyeliner Eye Shadow Brows
Collections Black Honey Even Better™ Take The Day Off™
Fragrance
SHOP ALL FRAGRANCE
All Fragrance Perfume Bath & Body Men Travel Sizes
Shop by Collection Happy
Men
Shop All Men Products
View All Clinique For Men Moisturize & Protect Cleanse & Exfoliate Shave Cologne
All Collections Sun Protection Acne Oil-Control
Offers
View All Offers
Discover
Discover
Clinique Philosophy Store locator
Key Ingredients Hyaluronic Acid Salicylic Acid (BHA) Alpha Hydroxy Acids (AHA)
Retinol Vitamin C
All Services Skin Diagnostics Clinical reality
Close Sidebar Navigation
* New
New Close Sidebar Navigation
*
* All New Products
All New Products Close Sidebar Navigation
* Trending Now
* Trending Looks
* Limited Edition Sets
* Bestsellers
Bestsellers Close Sidebar Navigation
* Close Sidebar Navigation
* BUY ALL BESTSELLERS
* All Bestsellers
All Bestsellers Close Sidebar Navigation
* Skincare Bestsellers
* Makeup Bestsellers
* Fragrance Bestsellers
* Men Bestsellers
* Limited Edition Sets
* Skin Concern
Skin Concern Close Sidebar Navigation
*
* Shop all skin concern
* Concerns
Concerns Close Sidebar Navigation
* Dry Skin
* Anti-Aging
* Dark Undereye Circles
* Dark Spots
* Acne
* Sun Protection
* Skincare
Skincare Close Sidebar Navigation
*
* SHOP ALL SKINCARE
* All Skincare
All Skincare Close Sidebar Navigation
* Moisturizers & Face Creams
* Cleansers & Face Wash
* Face Serum
* Eye care
* Exfoliators & Toners
* Sunscreen & SPF
* Lip care
* Makeup Remover
* Face Masks
* Hand & Body Care
* Travel Size & Minis
* Concerns
Concerns Close Sidebar Navigation
* Dry Skin
* Anti-Aging
* Dark Undereye Circles
* Dark Spots
* Acne
* Sun Protection
* Skin Type
Skin Type Close Sidebar Navigation
* Very Dry Skin to Dry Skin
* Dry Combiniation Skin
* Oily Combination Skin
* Oily Skin
* Acne-Prone Skin
* Key Ingredients
Key Ingredients Close Sidebar Navigation
* Hyaluronic Acid
* Salicylic Acid (BHA)
* Alpha Hydroxy Acids (AHA)
* Retinol
* Vitamin C
* Collections
Collections Close Sidebar Navigation
* 3-Step
* Moisture Surge™
* Smart Clinical Repair™
* Even Better
* Dramatically Different™
* Take The Day Off
* All About Clean
* Makeup
Makeup Close Sidebar Navigation
*
* Shop All Makeup
* All Face Makeup
All Face Makeup Close Sidebar Navigation
* Foundation
* Concealer & Color Corrector
* Powder
* Face Primer
* Blush
* Bronze & Highlight
* Tinted Moisturizer
* Makeup Remover
* Makeup Brushes
* All Lip
All Lip Close Sidebar Navigation
* Lipstick
* Lip Gloss & Balm
* Lip Liner
* Eyes
Eyes Close Sidebar Navigation
* Mascara
* Eyeliner
* Eye Shadow
* Brows
* Collections
Collections Close Sidebar Navigation
* Black Honey
* Even Better™
* Take The Day Off™
* Fragrance
Fragrance Close Sidebar Navigation
*
* SHOP ALL FRAGRANCE
* All Fragrance
All Fragrance Close Sidebar Navigation
* Perfume
* Bath & Body
* Men
* Travel Sizes
* Shop by Collection
Shop by Collection Close Sidebar Navigation
* Happy
* Men
Men Close Sidebar Navigation
* Close Sidebar Navigation
* Shop All Men Products
* View All Clinique For Men
View All Clinique For Men Close Sidebar Navigation
* Moisturize & Protect
* Cleanse & Exfoliate
* Shave
* Cologne
* All Collections
All Collections Close Sidebar Navigation
* Sun Protection
* Acne
* Oil-Control
* Offers
Offers Close Sidebar Navigation
* Close Sidebar Navigation
* View All Offers
* Discover
Discover Close Sidebar Navigation
* Close Sidebar Navigation
* Discover
Discover Close Sidebar Navigation
* Clinique Philosophy
* Store locator
* Key Ingredients
Key Ingredients Close Sidebar Navigation
* Hyaluronic Acid
* Salicylic Acid (BHA)
* Alpha Hydroxy Acids (AHA)
* Retinol
* Vitamin C
* All Services
All Services Close Sidebar Navigation
* Skin Diagnostics Clinical reality
Sign In
Store Locator
Offer Expired
Treat yourself before 11.11 ends.
Offer Expired
Treat yourself before 11.11 ends.
SINGLE'S DAY 11.11
Get 25% off sitewide*
Shop Now
*The offer is valid until November 11th at 23:59. Excluding minis and newness.
SINGLE'S DAY 11.11
Get 25% off sitewide*
Shop Now
*The offer is valid until November 11th at 23:59. Excluding minis and newness.
First 11.11 deal.
Black Honey at a special price.
Add to cart
Second 11.11 deal.
The most-wanted Moisture SurgeTM 100H Auto-Replenishing Hydrator at a special
price.
Prepare your cart
Discover Clinique’s trending products.
Stock up on your favorites.
Shop Now
First 11.11 deal.
Black Honey at a special price.
Add to cart
Second 11.11 deal.
The most-wanted Moisture SurgeTM 100H Auto-Replenishing Hydrator at a special
price.
Prepare your cart
Discover Clinique’s trending products.
Stock up on your favorites.
Shop Now
First 11.11 deal.
Black Honey at a special price.
Add to cart
Second 11.11 deal.
The most-wanted Moisture SurgeTM 100H Auto-Replenishing Hydrator at a special
price.
Prepare your cart
Discover Clinique’s trending products.
Stock up on your favorites.
Shop Now
First 11.11 deal.
Black Honey at a special price.
Add to cart
Second 11.11 deal.
The most-wanted Moisture SurgeTM 100H Auto-Replenishing Hydrator at a special
price.
Prepare your cart
Discover Clinique’s trending products.
Stock up on your favorites.
Shop Now
BUY 1,
GET 1 MINI FOR FREE**
These little beauties are portable, packable, powerful.
Grab your favorites and go.
Shop Now
**The offer is valid until November 11th at 23:59 on travel sizes.
BUY 1,
GET 1 MINI FOR FREE**
These little beauties are portable, packable, powerful.
Grab your favorites and go.
Shop Now
**The offer is valid until November 11th at 23:59 on travel sizes.
Best Seller
36 Shades
CN 70 Vanilla
*
CN 70 Vanilla
*
WN 01 Flax
*
WN 04 Bone
*
CN 10 Alabaster
*
WN 12 Meringue
*
WN 16 Buff
*
CN 18 Cream Whip
*
CN 20 Fair
*
CN 28 Ivory
*
WN 30 Biscuit
*
WN 38 Stone
*
CN 40 Cream Chamois
*
WN 46 Golden Neutral
*
WN 48 Oat
*
CN 52 Neutral
*
WN 54 Honey Wheat
*
WN 56 Cashew
*
CN 58 Honey
*
CN 62 Porcelain Beige
*
WN 64 Butterscotch
*
CN 74 Beige
*
WN 76 Toasted Wheat
*
CN 78 Nutty
*
WN 80 Tawnied Beige
*
CN 90 Sand
*
WN 94 Deep Neutral
*
WN 98 Cream Caramel
*
WN 100 Deep Honey
*
WN 104 Toffee
*
WN 112 Ginger
*
WN 114 Golden
*
WN 115.5 Mocha
*
WN 118 Amber
*
WN 120 Pecan
*
WN 122 Clove
*
WN 124 Sienna
EVEN BETTER CLINICAL™ SERUM FOUNDATION SPF 20
24H full-coverage foundation instantly perfects with a matte finish, plus
visibly improves skin with 3 serum technology.
(0)
₹3,037.50 ₹4,050.00 (-25%) | ₹101.25 /ml
Add to Bag
Best Seller
1 Shade
Black
*
Black
HIGH IMPACT™ MASCARA
The #1 Mascara from a Dermatologist Brand in the U.S.* Kicks up the volume and
length of each and every lash.
(0)
₹2,062.50 ₹2,750.00 (-25%) | ₹294.64 /ml
Add to Bag
Best Seller
1 Shade
Black Honey
*
Black Honey
ALMOST LIPSTICK IN BLACK HONEY AND PINK HONEY
Sheer, lightweight color melts into lips, playing up their natural color. In two
iconic shades.
(3)
₹1,650.00 ₹2,200.00 (-25%) | ₹868.42 /g
Add to Bag
Best Seller
2 sizes
* 30 ml
* 125 ml
TAKE THE DAY OFF™ CLEANSING BALM
Clinique's iconic makeup remover in a silky balm formula. Gently dissolves
makeup and SPF, conditions lashes.
(1)
₹2,775.00 ₹3,700.00 (-25%) | ₹22.20 /ml
Add to Bag
Best Seller
3 sizes
* 50 ml
* 75 ml
* 30 ml
MOISTURE SURGE™ INTENSE 72H LIPID-REPLENISHING HYDRATOR
Rich cream-gel delivers 72-hour hydration for velvety-smooth skin. Tested in
Siberia and the results were glowing.*
(0)
₹2,475.00 ₹3,300.00 (-25%) | ₹49.50 /ml
Add to Bag
3 sizes
* 60 ml
* 200 ml
* 400 ml
CLARIFYING LOTION 2
Gentle exfoliating lotion for dry-combination skin sweeps away dulling flakes.
Dermatologist-developed.
(0)
₹1,050.00 | ₹17.50 /ml
Add to Bag
GREAT PERKS EVERY DAY.
Free Shipping on all orders
LEARN MORE
Free sample with every purchase.
LEARN MORE
UPI Payments now available!
Learn More
Free Shipping on all orders
LEARN MORE
Free sample with every purchase.
LEARN MORE
UPI Payments now available!
Learn More
GREAT PERKS EVERY DAY.
Free Shipping on all orders
Learn More
Free sample with every purchase.
Learn More
UPI Payments now available!
Learn More
Free Shipping on all orders
Learn More
Free sample with every purchase.
Learn More
UPI Payments now available!
Learn More
Online Experience
Offers & Kits
Store locator
About
Clinique Philosophy
Careers
Need Help?
Customer Service
Shipping
Returns & Exchanges
FAQs
Contact Us
Privacy and Terms
Privacy Policy
Cookie Policy
Terms & Conditions
Terms of Use
Online Experience
Offers & Kits
Store locator
About
Clinique Philosophy
Careers
Need Help?
Customer Service
Shipping
Returns & Exchanges
FAQs
Contact Us
Privacy and Terms
Privacy Policy
Cookie Policy
Terms & Conditions
Terms of Use
© Clinique Laboratories, llc. All rights reserved