www.katesomerville.com
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
Submitted URL: https://trk.klclick.com/ls/click?upn=u001.hgg-2BUoq68dq3LS2emadDi2x4Fhq106-2BkN1T7QfsHSEP1awSQiCVCI3bgJRRSr90lXrIdnYtOcZ...
Effective URL: https://www.katesomerville.com/?utm_source=Klaviyo&utm_medium=email&utm_campaign=20240428_ExfoliKateCleanserJumbo&_kx=nPQP0i_8c...
Submission: On April 30 via api from BE — Scanned from DE
Effective URL: https://www.katesomerville.com/?utm_source=Klaviyo&utm_medium=email&utm_campaign=20240428_ExfoliKateCleanserJumbo&_kx=nPQP0i_8c...
Submission: On April 30 via api from BE — Scanned from DE
Form analysis
4 forms found in the DOMGET /search
<form class="flex w-full" action="/search" method="get" role="search">
<button type="submit" class="header__util-btn mr-24 tabletl:mr-48">
<span class="block w-[24px]"><svg class="icon icon-search" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M21.5999 20.569L15.8193 14.7892C16.9104 13.4755 17.5577 11.7979 17.5577 9.97894C17.5577 5.79558 14.1622 2.40002 9.97882 2.40002C5.79546 2.40002 2.3999 5.79558 2.3999 9.97894C2.3999 14.1623 5.79546 17.5579 9.97882 17.5579C11.7978 17.5579 13.495 16.9113 14.7891 15.8194L20.5697 21.6L21.5999 20.569ZM9.9789 16.1029C6.60396 16.1029 3.85493 13.3539 3.85493 9.97894C3.85493 6.604 6.60396 3.85497 9.9789 3.85497C13.3538 3.85497 16.1029 6.604 16.1029 9.97894C16.1029 13.3539 13.3538 16.1029 9.9789 16.1029Z"
fill="currentColor"></path>
</svg>
</span>
</button>
<label for="header-search" class="hidden">Search</label>
<input id="header-search" class="flex-grow font-500 bg-transparent text-16" type="search" name="q" value="" placeholder="Search for products, categories, or articles" js-search-input="">
<input name="options[prefix]" type="hidden" value="last">
<button class="sr-only" name="submit" type="submit" value="last">Submit</button>
<div class="predictive-search__results absolute top-full left-0 w-screen bg-white border-t" tabindex="-1">
<div class="h-[calc(100vh-94px)] py-30 px-20 overflow-auto tabletl:h-auto tabletl:max-h-fit-content tabletl:pb-0" js-predictive-search="">
<div class="predictive-search__results-empty hidden pb-30 text-14 tabletl:pb-40 tabletl:text-16" js-no-results=""></div>
<div class="predictive-search__results-default grid tabletl:grid-cols-7">
<div class="results__column pb-48 tabletl:px-20 tabletl:pb-72 tabletl:col-span-2 tabletl:border-l tabletl:border-gray">
<h2 class="results__default-heading opacity-60 font-spezia text-12 font-500 leading-5 uppercase">Popular Search Terms</h2>
<ul class="results__default-list mt-24 pl-20 border-l border-gray tabletl:pl-0 tabletl:border-0">
<li class="results__default-list-item mt-16 tabletl:mt-4" role="option">
<a href="/search?q=spf" class="results__default-item link--no-underline text-14 font-500 leading-5">SPF</a>
</li>
<li class="results__default-list-item mt-16 tabletl:mt-4" role="option">
<a href="/search?q=moisturizer" class="results__default-item link--no-underline text-14 font-500 leading-5">Moisturizer</a>
</li>
<li class="results__default-list-item mt-16 tabletl:mt-4" role="option">
<a href="/search?q=cleanser" class="results__default-item link--no-underline text-14 font-500 leading-5">Cleanser</a>
</li>
<li class="results__default-list-item mt-16 tabletl:mt-4" role="option">
<a href="/search?q=eradikate" class="results__default-item link--no-underline text-14 font-500 leading-5">EradiKate</a>
</li>
</ul>
</div>
<div class="results__column tabletl:pl-20 tabletl:pr-44 tabletl:pb-72 tabletl:col-span-5 tabletl:border-l tabletl:border-gray">
<h2 id="predictive-search-products" class="predictive-search__heading opacity-60 font-spezia text-12 font-500 leading-5 uppercase">Top Products</h2>
<div class="carousel__container grid grid-cols-1"><s-carousel class="results__default-carousel tabletl:hidden" data-options="{
"navigation": {
"enabled": true,
"prevEl": ".results-nav--prev",
"nextEl": ".results-nav--next"
}
}">
<div id="TopProductsCarousel" class="swiper relative swiper-initialized swiper-horizontal" js-carousel="">
<div class="swiper-wrapper" id="swiper-wrapper-140ac2b25797f5e4" aria-live="polite" style="cursor: grab; transition-duration: 0ms; transition-delay: 0ms;">
<div class="predictive-search__list-item swiper-slide swiper-slide-active" js-carousel-slide="" data-swiper-slide-index="0" role="group" aria-label="1 / 4">
<product-card class="product-card flex flex-col overflow-hidden">
<a href="/products/hydrakate-illuminating-spf-50-drops" class="product-card__image relative overflow-hidden flex-shrink-0">
<div class="product-card__image-featured">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1920" alt="HydraKate Illuminating SPF 50+ Drops" srcset="//www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=300 300w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=600 600w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=750 750w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__image-secondary absolute top-0 left-0 opacity-0 transition duration-1000">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1920" alt="HydraKate Illuminating SPF 50+ Drops" srcset="//www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=300 300w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=600 600w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=750 750w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__quick-add-desktop absolute bottom-0 left-0 w-full p-16 bg-[rgba(255,255,255,0.4)] text-center text-16 transition duration-1000 opacity-0 pointer-events-none">
<button class="btn btn--black text-14 py-8 w-full" data-variant-id="48781924925749" js-quick-add="">
Add To Bag - <span js-quick-add-price="">$46</span>
</button>
</div>
</a>
<div class="product-card__info relative flex flex-col justify-between flex-grow z-[1] bg-white tabletl:block">
<div class="product-card__info-top">
<div class="yotpo-widget-instance mt-10" data-yotpo-instance-id="515530" data-yotpo-product-id="9252500930869" data-yotpo-cart-product-id="" data-yotpo-section-id="index" data-yotpo-element-loaded="true"
data-yotpo-widget-uuid="1100b090-7303-4bd8-884b-32747666eea2">
<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
<div class="yotpo-widget-clear">
<div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
<div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
<div aria-label="4.9 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
<span class="sr-only" id="9252500930869-ada-star-ratings-text">4.9 out of 5 star rating</span>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.5827540815330758">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.5827540815330758')"></path>
</svg>
</div>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.24442139122898943">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.24442139122898943')"></path>
</svg>
</div>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.353430979781701">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.353430979781701')"></path>
</svg>
</div>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.40654671796680386">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.40654671796680386')"></path>
</svg>
</div>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.7435804066232221">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.7435804066232221')"></path>
</svg>
</div>
<!--v-if-->
</div>
<!--v-if-->
<div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (116) </div>
</div>
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>
</div>
</div>
</div>
<div>
<h3 class="product-card__title">
<a href="/products/hydrakate-illuminating-spf-50-drops" class="product-card__title-link">HydraKate Illuminating SPF 50+ Drops</a>
</h3>
<span class="product-card__subtitle">A mineral SPF that checks all the boxes</span>
</div>
</div>
<div class="product-card__info-bottom">
<div class="product-card__price"> $46 </div>
</div>
</div>
</product-card>
</div>
<div class="predictive-search__list-item swiper-slide swiper-slide-next" js-carousel-slide="" data-swiper-slide-index="1" role="group" aria-label="2 / 4">
<product-card class="product-card flex flex-col overflow-hidden">
<a href="/products/kateceuticals-supercell-rejuvenation-serum" class="product-card__image relative overflow-hidden flex-shrink-0">
<div class="product-card__image-featured">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1920" alt="KateCeuticals SuperCell Rejuvenation Serum" srcset="//www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=300 300w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=600 600w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=750 750w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__image-secondary absolute top-0 left-0 opacity-0 transition duration-1000">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1920" alt="KateCeuticals SuperCell Rejuvenation Serum" srcset="//www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=300 300w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=600 600w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=750 750w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__quick-add-desktop absolute bottom-0 left-0 w-full p-16 bg-[rgba(255,255,255,0.4)] text-center text-16 transition duration-1000 opacity-0 pointer-events-none">
<button class="btn btn--black text-14 py-8 w-full" data-variant-id="48020190724405" js-quick-add="">
Add To Bag - <span js-quick-add-price="">$95</span>
</button>
</div>
</a>
<div class="product-card__info relative flex flex-col justify-between flex-grow z-[1] bg-white tabletl:block">
<div class="product-card__info-top">
<div class="yotpo-widget-instance mt-10" data-yotpo-instance-id="515530" data-yotpo-product-id="9064058519861" data-yotpo-cart-product-id="" data-yotpo-section-id="index" data-yotpo-element-loaded="true"
data-yotpo-widget-uuid="c692a1e5-e998-4f2b-a158-8e6c09f24b5d">
<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
<div class="yotpo-widget-clear">
<div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
<div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
<div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
<span class="sr-only" id="9064058519861-ada-star-ratings-text">4.8 out of 5 star rating</span>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.06863019235958845">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.06863019235958845')"></path>
</svg>
</div>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.08082136301177911">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.08082136301177911')"></path>
</svg>
</div>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.23047628911710705">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.23047628911710705')"></path>
</svg>
</div>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.1765636217380322">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.1765636217380322')"></path>
</svg>
</div>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8335865453534475">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.8335865453534475')"></path>
</svg>
</div>
<!--v-if-->
</div>
<!--v-if-->
<div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (180) </div>
</div>
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>
</div>
</div>
</div>
<div>
<h3 class="product-card__title">
<a href="/products/kateceuticals-supercell-rejuvenation-serum" class="product-card__title-link">KateCeuticals SuperCell Rejuvenation Serum</a>
</h3>
<span class="product-card__subtitle">Clinical-grade skin rejuvenation serum </span>
</div>
</div>
<div class="product-card__info-bottom">
<div class="product-card__price"> $95 </div>
</div>
</div>
</product-card>
</div>
<div class="predictive-search__list-item swiper-slide" js-carousel-slide="" data-swiper-slide-index="2" role="group" aria-label="3 / 4">
<product-card class="product-card flex flex-col overflow-hidden">
<a href="/products/acne-products-eradikate-cleanser-clear-skin" class="product-card__image relative overflow-hidden flex-shrink-0">
<div class="product-card__image-featured">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1920" alt="EradiKate™ 3% Sulfur Daily Foaming Cleanser" srcset="//www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=300 300w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=600 600w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=750 750w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__image-secondary absolute top-0 left-0 opacity-0 transition duration-1000">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1920" alt="EradiKate™ 3% Sulfur Daily Foaming Cleanser" srcset="//www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=300 300w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=600 600w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=750 750w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__quick-add-desktop absolute bottom-0 left-0 w-full p-16 bg-[rgba(255,255,255,0.4)] text-center text-16 transition duration-1000 opacity-0 pointer-events-none">
<button class="btn btn--black text-14 py-8 w-full" data-variant-id="47463087046965" js-quick-add="">
Add To Bag - <span js-quick-add-price="">$44</span>
</button>
</div>
</a>
<div class="product-card__info relative flex flex-col justify-between flex-grow z-[1] bg-white tabletl:block">
<div class="product-card__info-top">
<div class="yotpo-widget-instance mt-10" data-yotpo-instance-id="515530" data-yotpo-product-id="8846619541813" data-yotpo-cart-product-id="" data-yotpo-section-id="index" data-yotpo-element-loaded="true"
data-yotpo-widget-uuid="41c07725-dc9c-4fe4-85b8-e37fa433d928">
<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
<div class="yotpo-widget-clear">
<div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
<div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
<div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
<span class="sr-only" id="8846619541813-ada-star-ratings-text">4.8 out of 5 star rating</span>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.28086528167499747">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.28086528167499747')"></path>
</svg>
</div>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8985957449935089">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.8985957449935089')"></path>
</svg>
</div>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.0036043678427410963">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.0036043678427410963')"></path>
</svg>
</div>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.3434015144870537">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.3434015144870537')"></path>
</svg>
</div>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.14717476938684593">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.14717476938684593')"></path>
</svg>
</div>
<!--v-if-->
</div>
<!--v-if-->
<div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (709) </div>
</div>
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>
</div>
</div>
</div>
<div>
<h3 class="product-card__title">
<a href="/products/acne-products-eradikate-cleanser-clear-skin" class="product-card__title-link">EradiKate™ 3% Sulfur Daily Foaming Cleanser</a>
</h3>
<span class="product-card__subtitle">The TikTok breakout star! Clinical-strength acne cleanser</span>
</div>
</div>
<div class="product-card__info-bottom">
<div class="product-card__price"> $44 </div>
</div>
</div>
</product-card>
</div>
<div class="predictive-search__list-item swiper-slide" js-carousel-slide="" data-swiper-slide-index="3" role="group" aria-label="4 / 4">
<product-card class="product-card flex flex-col overflow-hidden">
<a href="/products/eradikate-essentials-duo" class="product-card__image relative overflow-hidden flex-shrink-0">
<div class="product-card__image-featured">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1920" alt="EradiKate Essentials Duo" srcset="//www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=300 300w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=600 600w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=750 750w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__image-secondary absolute top-0 left-0 opacity-0 transition duration-1000">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1920" alt="EradiKate Essentials Duo" srcset="//www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=300 300w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=600 600w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=750 750w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__quick-add-desktop absolute bottom-0 left-0 w-full p-16 bg-[rgba(255,255,255,0.4)] text-center text-16 transition duration-1000 opacity-0 pointer-events-none">
<button class="btn btn--black text-14 py-8 w-full" data-variant-id="47815410942261" js-quick-add="">
Add To Bag - <span js-quick-add-price="">$58</span>
</button>
</div>
</a>
<div class="product-card__info relative flex flex-col justify-between flex-grow z-[1] bg-white tabletl:block">
<div class="product-card__info-top">
<div class="yotpo-widget-instance mt-10" data-yotpo-instance-id="515530" data-yotpo-product-id="9044098515253" data-yotpo-cart-product-id="" data-yotpo-section-id="index" data-yotpo-element-loaded="true"
data-yotpo-widget-uuid="a6e2c774-ba05-488d-9172-b9ebad9f0c9d">
<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
<div class="yotpo-widget-clear">
<div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
<div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
<div aria-label="5 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
<span class="sr-only" id="9044098515253-ada-star-ratings-text">5 out of 5 star rating</span>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.2199608432337372">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.2199608432337372')"></path>
</svg>
</div>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.5414293517705433">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.5414293517705433')"></path>
</svg>
</div>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.6130639529544386">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.6130639529544386')"></path>
</svg>
</div>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.5993861626403392">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.5993861626403392')"></path>
</svg>
</div>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.2651068299866577">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.2651068299866577')"></path>
</svg>
</div>
<!--v-if-->
</div>
<!--v-if-->
<div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (1) </div>
</div>
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>
</div>
</div>
</div>
<div>
<h3 class="product-card__title">
<a href="/products/eradikate-essentials-duo" class="product-card__title-link">EradiKate Essentials Duo</a>
</h3>
<span class="product-card__subtitle">Acne Fighting Duo</span>
</div>
</div>
<div class="product-card__info-bottom">
<div class="product-card__price"> $58 </div>
</div>
</div>
</product-card>
</div>
</div>
<div class="results-carousel__controls absolute flex w-full px-12 z-[1] top-1/2 -translate-y-1/2 justify-between items-center">
<div class="results-nav--prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-140ac2b25797f5e4"><span class="block w-[12px]"><svg class="icon icon-arrow-left icon--full-color"
viewBox="0 0 12 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 21L1 11L11 1" stroke="currentColor"></path>
</svg>
</span></div>
<div class="results-nav--next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-140ac2b25797f5e4"><span class="block w-[12px]"><svg class="icon icon-arrow-right icon--full-color" viewBox="0 0 12 22"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L11 11L1 21" stroke="currentColor"></path>
</svg>
</span></div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</s-carousel>
</div>
<ul class="results__default-list hidden mt-24 tabletl:grid grid-cols-4 gap-x-16 gap-y-20">
<li class="predictive-search__list-item">
<product-card class="product-card flex flex-col overflow-hidden">
<a href="/products/hydrakate-illuminating-spf-50-drops" class="product-card__image relative overflow-hidden flex-shrink-0">
<div class="product-card__image-featured">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1920" alt="HydraKate Illuminating SPF 50+ Drops" srcset="//www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=300 300w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=600 600w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=750 750w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__image-secondary absolute top-0 left-0 opacity-0 transition duration-1000">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1920" alt="HydraKate Illuminating SPF 50+ Drops" srcset="//www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=300 300w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=600 600w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=750 750w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__quick-add-desktop absolute bottom-0 left-0 w-full p-16 bg-[rgba(255,255,255,0.4)] text-center text-16 transition duration-1000 opacity-0 pointer-events-none">
<button class="btn btn--black text-14 py-8 w-full" data-variant-id="48781924925749" js-quick-add="">
Add To Bag - <span js-quick-add-price="">$46</span>
</button>
</div>
</a>
<div class="product-card__info relative flex flex-col justify-between flex-grow z-[1] bg-white tabletl:block">
<div class="product-card__info-top">
<div class="yotpo-widget-instance mt-10" data-yotpo-instance-id="515530" data-yotpo-product-id="9252500930869" data-yotpo-cart-product-id="" data-yotpo-section-id="index" data-yotpo-element-loaded="true"
data-yotpo-widget-uuid="3c07b35f-e276-4498-9a37-5f442ff6fb23">
<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
<div class="yotpo-widget-clear">
<div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
<div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
<div aria-label="4.9 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
<span class="sr-only" id="9252500930869-ada-star-ratings-text">4.9 out of 5 star rating</span>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.5612117447975213">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.5612117447975213')"></path>
</svg>
</div>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.6510084173014754">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.6510084173014754')"></path>
</svg>
</div>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.2264313776769522">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.2264313776769522')"></path>
</svg>
</div>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.03811187605407773">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.03811187605407773')"></path>
</svg>
</div>
<div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.4686895943210174">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.4686895943210174')"></path>
</svg>
</div>
<!--v-if-->
</div>
<!--v-if-->
<div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (116) </div>
</div>
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>
</div>
</div>
</div>
<div>
<h3 class="product-card__title">
<a href="/products/hydrakate-illuminating-spf-50-drops" class="product-card__title-link">HydraKate Illuminating SPF 50+ Drops</a>
</h3>
<span class="product-card__subtitle">A mineral SPF that checks all the boxes</span>
</div>
</div>
<div class="product-card__info-bottom">
<div class="product-card__price"> $46 </div>
</div>
</div>
</product-card>
</li>
<li class="predictive-search__list-item">
<product-card class="product-card flex flex-col overflow-hidden">
<a href="/products/kateceuticals-supercell-rejuvenation-serum" class="product-card__image relative overflow-hidden flex-shrink-0">
<div class="product-card__image-featured">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1920" alt="KateCeuticals SuperCell Rejuvenation Serum" srcset="//www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=300 300w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=600 600w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=750 750w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__image-secondary absolute top-0 left-0 opacity-0 transition duration-1000">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1920" alt="KateCeuticals SuperCell Rejuvenation Serum" srcset="//www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=300 300w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=600 600w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=750 750w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__quick-add-desktop absolute bottom-0 left-0 w-full p-16 bg-[rgba(255,255,255,0.4)] text-center text-16 transition duration-1000 opacity-0 pointer-events-none">
<button class="btn btn--black text-14 py-8 w-full" data-variant-id="48020190724405" js-quick-add="">
Add To Bag - <span js-quick-add-price="">$95</span>
</button>
</div>
</a>
<div class="product-card__info relative flex flex-col justify-between flex-grow z-[1] bg-white tabletl:block">
<div class="product-card__info-top">
<div class="yotpo-widget-instance mt-10" data-yotpo-instance-id="515530" data-yotpo-product-id="9064058519861" data-yotpo-cart-product-id="" data-yotpo-section-id="index" data-yotpo-element-loaded="true"
data-yotpo-widget-uuid="8de5f3d9-2b1d-4c7d-a9e5-1f81d382699f">
<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
<div class="yotpo-widget-clear">
<div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
<div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
<div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
<span class="sr-only" id="9064058519861-ada-star-ratings-text">4.8 out of 5 star rating</span>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.2733658830525827">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.2733658830525827')"></path>
</svg>
</div>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8720025928866035">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.8720025928866035')"></path>
</svg>
</div>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.15075835415442995">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.15075835415442995')"></path>
</svg>
</div>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8483534010853917">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.8483534010853917')"></path>
</svg>
</div>
<div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.9226776452293062">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.9226776452293062')"></path>
</svg>
</div>
<!--v-if-->
</div>
<!--v-if-->
<div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (180) </div>
</div>
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>
</div>
</div>
</div>
<div>
<h3 class="product-card__title">
<a href="/products/kateceuticals-supercell-rejuvenation-serum" class="product-card__title-link">KateCeuticals SuperCell Rejuvenation Serum</a>
</h3>
<span class="product-card__subtitle">Clinical-grade skin rejuvenation serum </span>
</div>
</div>
<div class="product-card__info-bottom">
<div class="product-card__price"> $95 </div>
</div>
</div>
</product-card>
</li>
<li class="predictive-search__list-item">
<product-card class="product-card flex flex-col overflow-hidden">
<a href="/products/acne-products-eradikate-cleanser-clear-skin" class="product-card__image relative overflow-hidden flex-shrink-0">
<div class="product-card__image-featured">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1920" alt="EradiKate™ 3% Sulfur Daily Foaming Cleanser" srcset="//www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=300 300w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=600 600w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=750 750w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__image-secondary absolute top-0 left-0 opacity-0 transition duration-1000">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1920" alt="EradiKate™ 3% Sulfur Daily Foaming Cleanser" srcset="//www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=300 300w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=600 600w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=750 750w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__quick-add-desktop absolute bottom-0 left-0 w-full p-16 bg-[rgba(255,255,255,0.4)] text-center text-16 transition duration-1000 opacity-0 pointer-events-none">
<button class="btn btn--black text-14 py-8 w-full" data-variant-id="47463087046965" js-quick-add="">
Add To Bag - <span js-quick-add-price="">$44</span>
</button>
</div>
</a>
<div class="product-card__info relative flex flex-col justify-between flex-grow z-[1] bg-white tabletl:block">
<div class="product-card__info-top">
<div class="yotpo-widget-instance mt-10" data-yotpo-instance-id="515530" data-yotpo-product-id="8846619541813" data-yotpo-cart-product-id="" data-yotpo-section-id="index" data-yotpo-element-loaded="true"
data-yotpo-widget-uuid="e15dd73f-bfdc-4875-b153-984aaeb550c3">
<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
<div class="yotpo-widget-clear">
<div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
<div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
<div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
<span class="sr-only" id="8846619541813-ada-star-ratings-text">4.8 out of 5 star rating</span>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.6641350533426611">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.6641350533426611')"></path>
</svg>
</div>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.7432532275373649">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.7432532275373649')"></path>
</svg>
</div>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.15702107383473218">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.15702107383473218')"></path>
</svg>
</div>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8019838757932407">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.8019838757932407')"></path>
</svg>
</div>
<div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.933051114727919">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.933051114727919')"></path>
</svg>
</div>
<!--v-if-->
</div>
<!--v-if-->
<div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (709) </div>
</div>
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>
</div>
</div>
</div>
<div>
<h3 class="product-card__title">
<a href="/products/acne-products-eradikate-cleanser-clear-skin" class="product-card__title-link">EradiKate™ 3% Sulfur Daily Foaming Cleanser</a>
</h3>
<span class="product-card__subtitle">The TikTok breakout star! Clinical-strength acne cleanser</span>
</div>
</div>
<div class="product-card__info-bottom">
<div class="product-card__price"> $44 </div>
</div>
</div>
</product-card>
</li>
<li class="predictive-search__list-item">
<product-card class="product-card flex flex-col overflow-hidden">
<a href="/products/eradikate-essentials-duo" class="product-card__image relative overflow-hidden flex-shrink-0">
<div class="product-card__image-featured">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1920" alt="EradiKate Essentials Duo" srcset="//www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=300 300w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=600 600w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=750 750w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__image-secondary absolute top-0 left-0 opacity-0 transition duration-1000">
<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
<img src="//www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1920" alt="EradiKate Essentials Duo" srcset="//www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=300 300w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=600 600w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=750 750w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1024 1024w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1280 1280w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1440 1440w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&width=1920 1920w" loading="lazy" class="w-full ">
</picture>
</div>
<div class="product-card__quick-add-desktop absolute bottom-0 left-0 w-full p-16 bg-[rgba(255,255,255,0.4)] text-center text-16 transition duration-1000 opacity-0 pointer-events-none">
<button class="btn btn--black text-14 py-8 w-full" data-variant-id="47815410942261" js-quick-add="">
Add To Bag - <span js-quick-add-price="">$58</span>
</button>
</div>
</a>
<div class="product-card__info relative flex flex-col justify-between flex-grow z-[1] bg-white tabletl:block">
<div class="product-card__info-top">
<div class="yotpo-widget-instance mt-10" data-yotpo-instance-id="515530" data-yotpo-product-id="9044098515253" data-yotpo-cart-product-id="" data-yotpo-section-id="index" data-yotpo-element-loaded="true"
data-yotpo-widget-uuid="1c863a47-f537-4516-ad97-5d478f0bc4d9">
<div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
<div class="yotpo-widget-clear">
<div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
<div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
<div aria-label="5 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
<span class="sr-only" id="9044098515253-ada-star-ratings-text">5 out of 5 star rating</span>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8639558547847959">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.8639558547847959')"></path>
</svg>
</div>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.6582954653828286">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.6582954653828286')"></path>
</svg>
</div>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.9538704760395347">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.9538704760395347')"></path>
</svg>
</div>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.6344108576272991">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.6344108576272991')"></path>
</svg>
</div>
<div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row;">
<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
<defs>
<linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.3703112642196509">
<stop offset="100%" stop-color="#e7721b"></stop>
<stop stop-opacity="1" offset="100%" stop-color="#FFFFFF"></stop>
</linearGradient>
</defs>
<path aria-hidden="true" style="pointer-events: none;" d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" stroke="#e7721b"
fill="url('#yotpo_stars_gradient_0.3703112642196509')"></path>
</svg>
</div>
<!--v-if-->
</div>
<!--v-if-->
<div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
<div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (1) </div>
</div>
<!--v-if-->
</div>
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>
</div>
</div>
</div>
<div>
<h3 class="product-card__title">
<a href="/products/eradikate-essentials-duo" class="product-card__title-link">EradiKate Essentials Duo</a>
</h3>
<span class="product-card__subtitle">Acne Fighting Duo</span>
</div>
</div>
<div class="product-card__info-bottom">
<div class="product-card__price"> $58 </div>
</div>
</div>
</product-card>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>
POST /cart
<form action="/cart" id="CartDrawer-Form" class="cart-drawer__form" method="post">
<div id="CartDrawer-CartItems" class="drawer__contents">
</div>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form>
POST /account/login
<form method="post" action="/account/login" id="GwpLogin" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="account-login__login"><input type="hidden" name="form_type" value="customer_login"><input type="hidden" name="utf8" value="✓">
<div class="relative mx-16">
<input type="email" name="customer[email]" id="GwpCustomerEmail" class="form__element" autocomplete="email" autocorrect="off" autocapitalize="off" placeholder="Email" required="">
<label for="GwpCustomerEmail" class="form__label"> Email </label>
</div>
<div class="relative mt-16 mx-16">
<input type="password" value="" name="customer[password]" id="GwpCustomerPassword" class="form__element" autocomplete="current-password" placeholder="Password" required="">
<label for="GwpCustomerPassword" class="form__label"> Password </label>
</div>
<div class="flex justify-between items-center p-16">
<a href="/account/login?return-to-cart#recover" class="text-14 link">Forgot Password?</a>
<input type="submit" class="btn px-28 py-12 font-500" value="Log In">
</div>
<input type="hidden" name="return_to" value="/cart">
<p class="text-center p-16 bg-mint-light text-14">Don't have an account yet? <a href="/account/register?return-to-cart" class="link text-orange">Create Account</a></p>
</form>
<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Wbneks" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 0px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 0px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 16px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-85877268" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span style="font-family: Spezia, Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff;">SIGN UP FOR OUR NOTIFICATIONS
& GET 15% OFF</span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 16px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_85876209" class="needsclick go3832954871 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="Enter your email" aria-label="Enter your email" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 46px; text-align: left; color: rgb(255, 255, 255); font-family: Spezia, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0); border: 1px solid rgb(255, 255, 255);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 16px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;">
<div class="needsclick go2661148149 kl-private-reset-css-Xuajs1"
style="display: flex; flex-direction: row; align-items: center; box-sizing: border-box; border-radius: 0px; padding: 0px; height: 46px; text-align: left; font-family: Spezia, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0); border: 1px solid rgb(255, 255, 255);">
<button class="needsclick go3854897493 kl-private-reset-css-Xuajs1" aria-label="Search Countries" type="button" role="combobox" aria-haspopup="listbox" aria-expanded="false"
style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0); width: 68px; height: 46px; cursor: pointer; padding-left: 10px; margin-right: 5px;"><img
aria-label="United States" title="United States" src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.4/flags/4x3/us.svg"
style="display: inline-block; width: 1em; height: 1em; vertical-align: middle; border-radius: 3px;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="" transform=""
style="fill: rgb(255, 255, 255);">
<path
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
</path>
</svg></button><input type="tel" data-testid="phoneNumberInput" id="phone_number_85876210" autocomplete="tel" name="phone-number" tabindex="0" placeholder="Phone Number" aria-label="Phone Number" aria-invalid="false"
class="needsclick undefined kl-private-reset-css-Xuajs1"
style="border: none; text-align: left; color: rgb(255, 255, 255); font-family: Spezia, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgba(0, 0, 0, 0); flex-grow: 1;"></div>
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 10px; position: relative; flex: 1 0 0px;">
<div class="go1981052904" style="width: 100%;">
<p>By submitting this form and signing up for texts, you consent to receive marketing text messages (e.g. promos, cart reminders) from Kate Somerville at the number provided, including messages sent by autodialer. Consent is not a condition
of purchase. Msg & data rates may apply. Msg frequency varies. Text HELP for help. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available).
<a href="https://www.katesomerville.com/us/en/privacy-notice.html">Privacy Policy</a> & <a href="https://www.katesomerville.com/us/en/terms-condition.html">Terms</a></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 1 0 0px;"><button
class="needsclick go3979521787 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgba(111, 112, 116, 0); border-radius: 0px; border-style: solid; border-color: rgb(255, 255, 255); border-width: 1px; color: rgb(255, 255, 255); font-family: Spezia, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 46px; width: 100%;">SUBMIT</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>
Text Content
Skip to content NEW HydraKate Illuminating SPF 50+ Drops 3 Free Samples with Every Order * Shop * * Shop All * Best Sellers * New Arrivals * Gifts + Kits * Travel * Category * Cleansers + Toners * Moisturizers * Sun Protection * Serums + Treatments * Exfoliators + Masks * Eye Care * Concern * Acne * Anti-Aging * Brightener * Hydration * Sensitive Skin * Texture + Pores * Skin Type * Dry * Normal * Combination * Oily * Collection * ExfoliKate * EradiKate * KateCeuticals * HydraKate * Goat Milk * DeliKate * +Retinol * Wrinkle Warrior * NEW HydraKate Illuminating SPF 50+ Drops * Skin Quiz * Ingredients * About Meet Kate About Us The Blog THE FOUNDER The woman behind the brand THE BRAND The story of Kate Somerville Read the Blog ECTOIN IN SKINCARE: WHAT IS IT AND HOW CAN IT BENEFIT YOUR SKIN? Introduction to Ectoin Ectoin—a remarkable ingredient that's taking the skincare... SAY GOODBYE TO PERIORAL DERMATITIS: OVERNIGHT TREATMENT TIPS Understanding Perioral Dermatitis The journey to overcome perioral dermatitis begins... MINERAL VS CHEMICAL SUNSCREENS Sunscreen isn't just another skincare product. It’s a powerful shield... * Clinic The Clinic ABOUT THE CLINIC Get to know the place that started it all SERVICES MENU Explore all the services our clinic has to offer BOOK AN APPOINTMENT Schedule a treatment at our Hollywood clinic 0 Shop Shop By Category Shop By Skin Type Shop By Concern Shop By Collection Ingredients Clinic About Blog Login / Sign Up Contact Us FAQ YOUR PERSONALIZED SKINCARE ROUTINE Take The Quiz Shop All Best Sellers New Arrivals Gifts + Kits Cleaners + Toners Moisturizers Serums + Treatments Exfoliators + Masks Eye Care Sun Protection Normal Dry Oily Combination Acne Anti-Aging Texture + Pores Hydration Brightener Sensitive Skin ExfoliKate EradiKate KateCeuticals HydraKate Goat Milk DeliKate +Retinol Wrinkle Warrior About the Clinic Services Menu Book An Appointment About Us Meet Kate Search Submit POPULAR SEARCH TERMS * SPF * Moisturizer * Cleanser * EradiKate TOP PRODUCTS Add To Bag - $46 4.9 out of 5 star rating (116) HYDRAKATE ILLUMINATING SPF 50+ DROPS A mineral SPF that checks all the boxes $46 Add To Bag - $95 4.8 out of 5 star rating (180) KATECEUTICALS SUPERCELL REJUVENATION SERUM Clinical-grade skin rejuvenation serum $95 Add To Bag - $44 4.8 out of 5 star rating (709) ERADIKATE™ 3% SULFUR DAILY FOAMING CLEANSER The TikTok breakout star! Clinical-strength acne cleanser $44 Add To Bag - $58 5 out of 5 star rating (1) ERADIKATE ESSENTIALS DUO Acne Fighting Duo $58 * Add To Bag - $46 4.9 out of 5 star rating (116) HYDRAKATE ILLUMINATING SPF 50+ DROPS A mineral SPF that checks all the boxes $46 * Add To Bag - $95 4.8 out of 5 star rating (180) KATECEUTICALS SUPERCELL REJUVENATION SERUM Clinical-grade skin rejuvenation serum $95 * Add To Bag - $44 4.8 out of 5 star rating (709) ERADIKATE™ 3% SULFUR DAILY FOAMING CLEANSER The TikTok breakout star! Clinical-strength acne cleanser $44 * Add To Bag - $58 5 out of 5 star rating (1) ERADIKATE ESSENTIALS DUO Acne Fighting Duo $58 MY BAG Start shopping to qualify for free shipping! Looks like your bag is empty. Start shoppping! Take The Skin Quiz Shop Skincare FREE GIFT Log In Email Password Forgot Password? Don't have an account yet? Create Account A MINERAL SPF THAT CHECKS ALL THE BOXES Protect + Hydrate + Illuminate with HydraKate Illuminating SPF 50+ Drops Shop Now SAY HEYYY TO OUR CLINICAL-GRADE BEST SELLERS ( 115 ) HydraKate Illuminating SPF 50+ Drops A mineral SPF that checks all the boxes $46 ( 709 ) EradiKate™ 3% Sulfur Daily Foaming Cleanser The TikTok breakout star! Clinical-strength acne cleanser $44 ( 179 ) KateCeuticals SuperCell Rejuvenation Serum Clinical-grade skin rejuvenation serum $95 ( 2887 ) ExfoliKate® Intensive Exfoliating Treatment Hollywood’s Two-Minute Facial $24 - $165 ( 956 ) ExfoliKate® Cleanser Daily Foaming Wash The gentle daily cleanser for all skin types $22 - $68 ( 554 ) Peptide K8® Power Cream The ultimate skin repair moisturizer $158 ( 885 ) ExfoliKate® Glow Moisturizer 2-in-1 daily moisturizer plus exfoliator $28 - $48 ( 1 ) EradiKate Essentials Duo Acne Fighting Duo $58 -------------------------------------------------------------------------------- ILLUMINATING SPF 50+ DROPS NO WHITE CAST. DEEP HYDRATION. ILLUMINATING FINISH. This high-protection, fast-absorbing, lightweight SPF formula feels more like your favorite moisturizer than a clinical-grade sunscreen. Shop Now 24.5% NON-NANO ZINC OXIDE * One of the highest levels of Non-Nano Zinc Oxide on the market * Forms a potent physical barrier on skin to reflect harmful UVA + UVB rays * Perfect for all skin types, even the most sensitive Ectoin * 100% natural Amino Acid derivative deeply soothes + hydrates * Protects against pollution-induced damage + skin aging * Repairs the skin barrier, reducing irritation + inflammation SHEER MINERAL PIGMENTS * Offers a universal tint that adds an illuminating finish * Helps even out skin tone + diffuse imperfections * Counteracts Non-Nano Zinc Oxide's bluish-white hue, ensuring a flawless, natural appearance 24.5% NON-NANO ZINC OXIDE * One of the highest levels of Non-Nano Zinc Oxide on the market * Forms a potent physical barrier on skin to reflect harmful UVA + UVB rays * Perfect for all skin types, even the most sensitive Ectoin * 100% natural Amino Acid derivative deeply soothes + hydrates * Protects against pollution-induced damage + skin aging * Repairs the skin barrier, reducing irritation + inflammation SHEER MINERAL PIGMENTS * Offers a universal tint that adds an illuminating finish * Helps even out skin tone + diffuse imperfections * Counteracts Non-Nano Zinc Oxide's bluish-white hue, ensuring a flawless, natural appearance -------------------------------------------------------------------------------- ERADIKATE® 3% SULFUR DAILY FOAMING CLEANSER OUR BREAKOUT STAR The non-drying, pimple punisher. Clinically formulated with acne-fighting 3% Sulfur to combat blackheads + sebaceous filaments, while preventing future breakouts. Shop Now The non-drying, pimple punisher. Clinically formulated with acne-fighting 3% Sulfur to combat blackheads + sebaceous filaments, while preventing future breakouts. Shop Now -------------------------------------------------------------------------------- Kate somerville skincare HEALING SKIN. TRANSFORMING LIVES. For over 20 years, Kate Somerville Skincare has delivered cutting-edge skin treatments + clinical-grade products that make so-called “impossible” skin goals possible. We’re your Clinical-Grade Expert + Skincare Bestie rolled into one. Nice to meet you! About Us HEALING SKIN. TRANSFORMING LIVES. For over 20 years, Kate Somerville Skincare has delivered cutting-edge skin treatments + clinical-grade products that make so-called “impossible” skin goals possible. We’re your Clinical-Grade Expert + Skincare Bestie rolled into one. Nice to meet you! About Us “Healthy skin is not vanity or privilege – it is every person's right. Whether you've never had it or you want it back, it's my goal to make healthy, radiant skin your reality.” Kate Somerville, Founder * Free shipping over $50+ * Loyalty perks * auto-replenishment * Free shipping over $50+ * Loyalty perks * auto-replenishment * Free shipping over $50+ * Loyalty perks * auto-replenishment * Free shipping over $50+ * Loyalty perks * auto-replenishment * Free shipping over $50+ * Loyalty perks * auto-replenishment -------------------------------------------------------------------------------- THE HEART OF HOLLYWOOD GLAM WHERE SKIN MAGIC HAPPENS In 2004, we opened the Kate Somerville Medical Esthetics Skin Clinic – the first ever medispa. Twenty years later, our iconic skin clinic continues to be one of the most trusted destinations for cutting-edge clinical-grade skincare luxury. Book A Service WHERE SKIN MAGIC HAPPENS In 2004, we opened the Kate Somerville Medical Esthetics Skin Clinic – the first ever medispa. Twenty years later, our iconic skin clinic continues to be one of the most trusted destinations for cutting-edge clinical-grade skincare luxury. Book A Service “Every week, at least one client comes into the clinic and says our products have given her skin results she had thought were impossible. This is bigger than healing skin – we’re transforming lives.” Kate Somerville, Founder -------------------------------------------------------------------------------- Unlock Long-Term Skin Health YOUR SKIN HEALTH BLUEPRINT * Quick evaluation to define skin needs * Customized product recommendations * Option for AI-powered skin analysis * Radiant + healthy skin awaits! Start Quiz CLINICALLY-PROVEN FORMULAS These independent clinical studies speak for themselves. 81% Reported improved skin resilience. KateCeuticals SuperCell Rejuvenation Serum 94% Saw highly significant improvement in skin texture after just 1 use. ExfoliKate® Intensive Exfoliating Treatment 97% Showed improvement in fine lines and wrinkles after just 2 weeks. Peptide K8® Power Cream -------------------------------------------------------------------------------- The Blog INGREDIENTS Ectoin in Skincare: What is it and How can it benefit your skin? Dive into the wonders of Ectoin, a natural compound revolutionizing skincare. Discover its protective qualities and myriad... HOW TO Say Goodbye to Perioral Dermatitis: Overnight Treatment Tips Discover how to get rid of perioral dermatitis overnight, including using sulfur skincare products and other treatments fo... Products Mineral vs Chemical Sunscreens Deciphering mineral vs. chemical sunscreens? Dive into our comprehensive guide to understand the differences and make the ... Products How Much Sunscreen to Use on Your Face Confused about how much sunscreen to use on your face? Our blog provides expert advice to ensure maximum protection withou... View All Blogs REAL PEOPLE. REAL RESULTS. Previous Learn More Learn More Learn More Learn More Learn More Learn More Learn More Learn More Next About Us Meet Kate The Clinic The Blog Careers Reviews My Account Orders Kate's Ultimate Rewards Auto Replenishment Create an Account Customer Care Contact Us Email Shipping & Returns FAQ About Us Meet Kate The Clinic The Blog Careers Reviews My Account Orders Kate's Ultimate Rewards Auto Replenishment Create an Account Customer Care Contact Us Email Shipping & Returns FAQ Connect with Kate: United States (English) United Kingdom (English) SIGN UP FOR NOTIFICATIONS + GET 15% OFF SIGN UP FOR OUR NOTIFICATIONS & GET 15% OFF By submitting this form and signing up for texts, you consent to receive marketing text messages (e.g. promos, cart reminders) from Kate Somerville at the number provided, including messages sent by autodialer. Consent is not a condition of purchase. Msg & data rates may apply. Msg frequency varies. Text HELP for help. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where available). Privacy Policy & Terms SUBMIT *By subscribing to Kate Somerville text messaging 75450 you agree to receive recurring autodialed marketing text msgs (e.g. cart reminders, ) to the mobile number used at opt-in. Consent is not a condition of purchase. Msg frequency may vary. Msg & data rates may apply. Reply HELP for help and STOP to cancel. See Terms and Conditions & Privacy Policy. * Terms & Conditions | * Terms of Sale | * Privacy Notice | * Consumer Health Data Privacy Policy | * Accessibility | * Do Not Sell or Share My Personal Information © 2024 Kate Somerville US. All rights reserved. * Choosing a selection results in a full page refresh.