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-2BkN1T7QfsHSEM9PYmjfok9SDHF89R5MH9Y0vBK2iowG7...
Effective URL: https://www.katesomerville.com/pages/skincarequiz?utm_source=Klaviyo&utm_medium=email&utm_campaign=20240428_ExfoliKateCleanserJ...
Submission: On April 30 via api from BE — Scanned from DE

Form analysis 4 forms found in the DOM

GET /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="{
      &quot;navigation&quot;: {
        &quot;enabled&quot;: true,
        &quot;prevEl&quot;: &quot;.results-nav--prev&quot;,
        &quot;nextEl&quot;: &quot;.results-nav--next&quot;
      }
    }">
              <div id="TopProductsCarousel" class="swiper relative swiper-initialized swiper-horizontal" js-carousel="">
                <div class="swiper-wrapper" id="swiper-wrapper-c8d1f7104ee1a61106" 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&amp;width=1920" alt="HydraKate Illuminating SPF 50+ Drops" srcset="//www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;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&amp;width=1920" alt="HydraKate Illuminating SPF 50+ Drops" srcset="//www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;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="page" data-yotpo-element-loaded="true"
                            data-yotpo-widget-uuid="88bc6f7c-bd1b-41af-a29d-9803eb5e2120">
                            <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l yotpo-star-ratings-clickable"
                              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: column wrap; gap: 4px;">
                                  <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-right: 0px; direction: ltr;">
                                    <div aria-label="4.9 out of 5 star rating" style="display: flex; flex-direction: row; align-items: center; margin-left: 0px;">
                                      <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.5236560574620652">
                                              <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.5236560574620652')"></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.3882189666843172">
                                              <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.3882189666843172')"></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.7883265226331935">
                                              <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.7883265226331935')"></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.6765224969082357">
                                              <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.6765224969082357')"></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.9507990589353537">
                                              <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.9507990589353537')"></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 Reviews </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&amp;width=1920" alt="KateCeuticals SuperCell Rejuvenation Serum" srcset="//www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;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&amp;width=1920" alt="KateCeuticals SuperCell Rejuvenation Serum" srcset="//www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;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="page" data-yotpo-element-loaded="true"
                            data-yotpo-widget-uuid="e004bdd2-9627-4393-859e-708c169a0ecc">
                            <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l yotpo-star-ratings-clickable"
                              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: column wrap; gap: 4px;">
                                  <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-right: 0px; direction: ltr;">
                                    <div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; align-items: center; margin-left: 0px;">
                                      <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.041293302909427565">
                                              <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.041293302909427565')"></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.42077524320156345">
                                              <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.42077524320156345')"></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.9423633292814637">
                                              <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.9423633292814637')"></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.027873351085277775">
                                              <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.027873351085277775')"></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.5496844624365869">
                                              <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.5496844624365869')"></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);"> 179 Reviews </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&amp;width=1920" alt="EradiKate™ 3% Sulfur Daily Foaming Cleanser" srcset="//www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;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&amp;width=1920" alt="EradiKate™ 3% Sulfur Daily Foaming Cleanser" srcset="//www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;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="page" data-yotpo-element-loaded="true"
                            data-yotpo-widget-uuid="466b1ee8-f7a6-4bfa-ad58-3f4bd3f01dbc">
                            <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l yotpo-star-ratings-clickable"
                              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: column wrap; gap: 4px;">
                                  <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-right: 0px; direction: ltr;">
                                    <div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; align-items: center; margin-left: 0px;">
                                      <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.6845836811008781">
                                              <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.6845836811008781')"></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.24099816302419663">
                                              <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.24099816302419663')"></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.04859979381522961">
                                              <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.04859979381522961')"></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.5287748233510465">
                                              <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.5287748233510465')"></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.26496109784233424">
                                              <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.26496109784233424')"></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 Reviews </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&amp;width=1920" alt="EradiKate Essentials Duo" srcset="//www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;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&amp;width=1920" alt="EradiKate Essentials Duo" srcset="//www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;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="page" data-yotpo-element-loaded="true"
                            data-yotpo-widget-uuid="01ca290e-1562-4f23-8734-f9bd06b00520">
                            <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l yotpo-star-ratings-clickable"
                              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: column wrap; gap: 4px;">
                                  <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-right: 0px; direction: ltr;">
                                    <div aria-label="5 out of 5 star rating" style="display: flex; flex-direction: row; align-items: center; margin-left: 0px;">
                                      <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.1857317588397469">
                                              <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.1857317588397469')"></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.012336663640160728">
                                              <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.012336663640160728')"></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.8092737065325835">
                                              <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.8092737065325835')"></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.7324694951667663">
                                              <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.7324694951667663')"></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.7285451657049065">
                                              <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.7285451657049065')"></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 Review </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-c8d1f7104ee1a61106"><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-c8d1f7104ee1a61106"><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&amp;width=1920" alt="HydraKate Illuminating SPF 50+ Drops" srcset="//www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/Artboard1copy.jpg?v=1712338037&amp;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&amp;width=1920" alt="HydraKate Illuminating SPF 50+ Drops" srcset="//www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/Artboard5copy.jpg?v=1712338037&amp;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="page" data-yotpo-element-loaded="true"
                      data-yotpo-widget-uuid="4c8b590a-8c9f-4460-8943-6c8ad01442c5">
                      <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l yotpo-star-ratings-clickable"
                        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: column wrap; gap: 4px;">
                            <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-right: 0px; direction: ltr;">
                              <div aria-label="4.9 out of 5 star rating" style="display: flex; flex-direction: row; align-items: center; margin-left: 0px;">
                                <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.011351944829640415">
                                        <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.011351944829640415')"></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.5261661106862321">
                                        <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.5261661106862321')"></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.702498461824846">
                                        <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.702498461824846')"></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.09629847750190956">
                                        <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.09629847750190956')"></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.0005307995368812879">
                                        <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.0005307995368812879')"></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 Reviews </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&amp;width=1920" alt="KateCeuticals SuperCell Rejuvenation Serum" srcset="//www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&amp;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&amp;width=1920" alt="KateCeuticals SuperCell Rejuvenation Serum" srcset="//www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10418_swatch.jpg?v=1710365248&amp;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="page" data-yotpo-element-loaded="true"
                      data-yotpo-widget-uuid="afb1c905-3f90-468a-9157-3be99aa5c105">
                      <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l yotpo-star-ratings-clickable"
                        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: column wrap; gap: 4px;">
                            <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-right: 0px; direction: ltr;">
                              <div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; align-items: center; margin-left: 0px;">
                                <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.8381938701897895">
                                        <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.8381938701897895')"></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.036130532416138506">
                                        <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.036130532416138506')"></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.19926582867535214">
                                        <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.19926582867535214')"></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.9106992423065925">
                                        <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.9106992423065925')"></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.9587851484233134">
                                        <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.9587851484233134')"></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);"> 179 Reviews </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&amp;width=1920" alt="EradiKate™ 3% Sulfur Daily Foaming Cleanser" srcset="//www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&amp;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&amp;width=1920" alt="EradiKate™ 3% Sulfur Daily Foaming Cleanser" srcset="//www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/10257_swatch.jpg?v=1710358428&amp;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="page" data-yotpo-element-loaded="true"
                      data-yotpo-widget-uuid="eb547c7e-6155-482c-8b7d-ad895f4e96d5">
                      <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l yotpo-star-ratings-clickable"
                        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: column wrap; gap: 4px;">
                            <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-right: 0px; direction: ltr;">
                              <div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; align-items: center; margin-left: 0px;">
                                <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.5184435364387616">
                                        <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.5184435364387616')"></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.9115031475998541">
                                        <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.9115031475998541')"></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.002248338168300723">
                                        <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.002248338168300723')"></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.5288299837449117">
                                        <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.5288299837449117')"></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.05734569270186385">
                                        <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.05734569270186385')"></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 Reviews </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&amp;width=1920" alt="EradiKate Essentials Duo" srcset="//www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&amp;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&amp;width=1920" alt="EradiKate Essentials Duo" srcset="//www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=300 300w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=600 600w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=750 750w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=1024 1024w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=1280 1280w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;width=1440 1440w, //www.katesomerville.com/cdn/shop/files/eradikateduo_swatch.jpg?v=1710363689&amp;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="page" data-yotpo-element-loaded="true"
                      data-yotpo-widget-uuid="e85f6304-32b8-4ba1-af51-193fddcde9d6">
                      <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l yotpo-star-ratings-clickable"
                        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: column wrap; gap: 4px;">
                            <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-right: 0px; direction: ltr;">
                              <div aria-label="5 out of 5 star rating" style="display: flex; flex-direction: row; align-items: center; margin-left: 0px;">
                                <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.7339647049849083">
                                        <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.7339647049849083')"></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.9742000457742916">
                                        <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.9742000457742916')"></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.07899479136006815">
                                        <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.07899479136006815')"></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.29812736858418876">
                                        <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.29812736858418876')"></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.8032087785907782">
                                        <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.8032087785907782')"></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 Review </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
              &amp; 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 &amp; 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> &amp; <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 Reviews


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





179 Reviews


KATECEUTICALS SUPERCELL REJUVENATION SERUM

Clinical-grade skin rejuvenation serum
$95
Add To Bag - $44
4.8 out of 5 star rating





709 Reviews


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 Review


ERADIKATE ESSENTIALS DUO

Acne Fighting Duo
$58

 * Add To Bag - $46
   4.9 out of 5 star rating
   
   
   
   
   
   116 Reviews
   
   
   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
   
   
   
   
   
   179 Reviews
   
   
   KATECEUTICALS SUPERCELL REJUVENATION SERUM
   
   Clinical-grade skin rejuvenation serum
   $95
 * Add To Bag - $44
   4.8 out of 5 star rating
   
   
   
   
   
   709 Reviews
   
   
   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 Review
   
   
   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


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.