www.katesomerville.com Open in urlscan Pro
2620:127:f00f:e::  Public Scan

Submitted URL: https://trk.klclick.com/ls/click?upn=u001.hgg-2BUoq68dq3LS2emadDi2x4Fhq106-2BkN1T7QfsHSEP1awSQiCVCI3bgJRRSr90lXrIdnYtOcZ...
Effective URL: https://www.katesomerville.com/?utm_source=Klaviyo&utm_medium=email&utm_campaign=20240428_ExfoliKateCleanserJumbo&_kx=nPQP0i_8c...
Submission: On April 30 via api from BE — Scanned from DE

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-a926ed195a41c36d" 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="index" data-yotpo-element-loaded="true"
                            data-yotpo-widget-uuid="15cf9b12-ff41-45a4-ac5e-cb493a186e21">
                            <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
                              <div class="yotpo-widget-clear">
                                <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                                  <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
                                    <div aria-label="4.9 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
                                      <span class="sr-only" id="9252500930869-ada-star-ratings-text">4.9 out of 5 star rating</span>
                                      <div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                        <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
                                          <defs>
                                            <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8893584444860507">
                                              <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.8893584444860507')"></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.9639012313614961">
                                              <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.9639012313614961')"></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.11194408395125088">
                                              <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.11194408395125088')"></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.9006614745518395">
                                              <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.9006614745518395')"></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.022984623842964513">
                                              <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.022984623842964513')"></path>
                                        </svg>
                                      </div>
                                      <!--v-if-->
                                    </div>
                                    <!--v-if-->
                                    <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                      <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
                                        style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (116) </div>
                                    </div>
                                    <!--v-if-->
                                  </div>
                                  <!--v-if-->
                                  <!--v-if-->
                                  <!--v-if-->
                                </div>
                              </div>
                            </div>
                          </div>
                          <div>
                            <h3 class="product-card__title">
                              <a href="/products/hydrakate-illuminating-spf-50-drops" class="product-card__title-link">HydraKate Illuminating SPF 50+ Drops</a>
                            </h3>
                            <span class="product-card__subtitle">A mineral SPF that checks all the boxes</span>
                          </div>
                        </div>
                        <div class="product-card__info-bottom">
                          <div class="product-card__price"> $46 </div>
                        </div>
                      </div>
                    </product-card>
                  </div>
                  <div class="predictive-search__list-item swiper-slide swiper-slide-next" js-carousel-slide="" data-swiper-slide-index="1" role="group" aria-label="2 / 4">
                    <product-card class="product-card flex flex-col overflow-hidden">
                      <a href="/products/kateceuticals-supercell-rejuvenation-serum" class="product-card__image relative overflow-hidden flex-shrink-0">
    <div class="product-card__image-featured">
      



<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
  
  <img src="//www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&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="index" data-yotpo-element-loaded="true"
                            data-yotpo-widget-uuid="d6de1f73-544d-4463-be42-94db7230948e">
                            <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
                              <div class="yotpo-widget-clear">
                                <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                                  <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
                                    <div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
                                      <span class="sr-only" id="9064058519861-ada-star-ratings-text">4.8 out of 5 star rating</span>
                                      <div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                        <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
                                          <defs>
                                            <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.41457933621540577">
                                              <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.41457933621540577')"></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.0753905161099333">
                                              <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.0753905161099333')"></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.07898204649429985">
                                              <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.07898204649429985')"></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.796271419466521">
                                              <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.796271419466521')"></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.4002577930650655">
                                              <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.4002577930650655')"></path>
                                        </svg>
                                      </div>
                                      <!--v-if-->
                                    </div>
                                    <!--v-if-->
                                    <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                      <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
                                        style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (180) </div>
                                    </div>
                                    <!--v-if-->
                                  </div>
                                  <!--v-if-->
                                  <!--v-if-->
                                  <!--v-if-->
                                </div>
                              </div>
                            </div>
                          </div>
                          <div>
                            <h3 class="product-card__title">
                              <a href="/products/kateceuticals-supercell-rejuvenation-serum" class="product-card__title-link">KateCeuticals SuperCell Rejuvenation Serum</a>
                            </h3>
                            <span class="product-card__subtitle">Clinical-grade skin rejuvenation serum </span>
                          </div>
                        </div>
                        <div class="product-card__info-bottom">
                          <div class="product-card__price"> $95 </div>
                        </div>
                      </div>
                    </product-card>
                  </div>
                  <div class="predictive-search__list-item swiper-slide" js-carousel-slide="" data-swiper-slide-index="2" role="group" aria-label="3 / 4">
                    <product-card class="product-card flex flex-col overflow-hidden">
                      <a href="/products/acne-products-eradikate-cleanser-clear-skin" class="product-card__image relative overflow-hidden flex-shrink-0">
    <div class="product-card__image-featured">
      



<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
  
  <img src="//www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&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="index" data-yotpo-element-loaded="true"
                            data-yotpo-widget-uuid="9247d167-afe5-47b3-b36e-ce49cb63e3c8">
                            <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
                              <div class="yotpo-widget-clear">
                                <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                                  <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
                                    <div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
                                      <span class="sr-only" id="8846619541813-ada-star-ratings-text">4.8 out of 5 star rating</span>
                                      <div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                        <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
                                          <defs>
                                            <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.4721852342159816">
                                              <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.4721852342159816')"></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.4180613111538305">
                                              <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.4180613111538305')"></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.1318001981609369">
                                              <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.1318001981609369')"></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.6973454916126667">
                                              <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.6973454916126667')"></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.8035546981502122">
                                              <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.8035546981502122')"></path>
                                        </svg>
                                      </div>
                                      <!--v-if-->
                                    </div>
                                    <!--v-if-->
                                    <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                      <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
                                        style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (709) </div>
                                    </div>
                                    <!--v-if-->
                                  </div>
                                  <!--v-if-->
                                  <!--v-if-->
                                  <!--v-if-->
                                </div>
                              </div>
                            </div>
                          </div>
                          <div>
                            <h3 class="product-card__title">
                              <a href="/products/acne-products-eradikate-cleanser-clear-skin" class="product-card__title-link">EradiKate™ 3% Sulfur Daily Foaming Cleanser</a>
                            </h3>
                            <span class="product-card__subtitle">The TikTok breakout star! Clinical-strength acne cleanser</span>
                          </div>
                        </div>
                        <div class="product-card__info-bottom">
                          <div class="product-card__price"> $44 </div>
                        </div>
                      </div>
                    </product-card>
                  </div>
                  <div class="predictive-search__list-item swiper-slide" js-carousel-slide="" data-swiper-slide-index="3" role="group" aria-label="4 / 4">
                    <product-card class="product-card flex flex-col overflow-hidden">
                      <a href="/products/eradikate-essentials-duo" class="product-card__image relative overflow-hidden flex-shrink-0">
    <div class="product-card__image-featured">
      



<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
  
  <img src="//www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&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="index" data-yotpo-element-loaded="true"
                            data-yotpo-widget-uuid="9884a4fc-5165-4440-983a-bfe1a2eb2fd5">
                            <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
                              <div class="yotpo-widget-clear">
                                <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                                  <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
                                    <div aria-label="5 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
                                      <span class="sr-only" id="9044098515253-ada-star-ratings-text">5 out of 5 star rating</span>
                                      <div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                        <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
                                          <defs>
                                            <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.7004657743409515">
                                              <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.7004657743409515')"></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.3006330961689947">
                                              <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.3006330961689947')"></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.4554173402461228">
                                              <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.4554173402461228')"></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.33832197589101654">
                                              <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.33832197589101654')"></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.21608437102100408">
                                              <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.21608437102100408')"></path>
                                        </svg>
                                      </div>
                                      <!--v-if-->
                                    </div>
                                    <!--v-if-->
                                    <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                      <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
                                        style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (1) </div>
                                    </div>
                                    <!--v-if-->
                                  </div>
                                  <!--v-if-->
                                  <!--v-if-->
                                  <!--v-if-->
                                </div>
                              </div>
                            </div>
                          </div>
                          <div>
                            <h3 class="product-card__title">
                              <a href="/products/eradikate-essentials-duo" class="product-card__title-link">EradiKate Essentials Duo</a>
                            </h3>
                            <span class="product-card__subtitle">Acne Fighting Duo</span>
                          </div>
                        </div>
                        <div class="product-card__info-bottom">
                          <div class="product-card__price"> $58 </div>
                        </div>
                      </div>
                    </product-card>
                  </div>
                </div>
                <div class="results-carousel__controls absolute flex w-full px-12 z-[1] top-1/2 -translate-y-1/2 justify-between items-center">
                  <div class="results-nav--prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-a926ed195a41c36d"><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-a926ed195a41c36d"><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="index" data-yotpo-element-loaded="true"
                      data-yotpo-widget-uuid="d23d7148-effb-432d-ae87-8bfa798e793c">
                      <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
                        <div class="yotpo-widget-clear">
                          <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                            <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
                              <div aria-label="4.9 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
                                <span class="sr-only" id="9252500930869-ada-star-ratings-text">4.9 out of 5 star rating</span>
                                <div aria-labelledby="9252500930869-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                  <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9252500930869-ada-star-ratings-text" width="15" height="15">
                                    <defs>
                                      <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.7031954330334975">
                                        <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.7031954330334975')"></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.14129300764458663">
                                        <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.14129300764458663')"></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.6073173337321471">
                                        <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.6073173337321471')"></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.6143235126927533">
                                        <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.6143235126927533')"></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.016463995932265663">
                                        <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.016463995932265663')"></path>
                                  </svg>
                                </div>
                                <!--v-if-->
                              </div>
                              <!--v-if-->
                              <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
                                  style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (116) </div>
                              </div>
                              <!--v-if-->
                            </div>
                            <!--v-if-->
                            <!--v-if-->
                            <!--v-if-->
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>
                      <h3 class="product-card__title">
                        <a href="/products/hydrakate-illuminating-spf-50-drops" class="product-card__title-link">HydraKate Illuminating SPF 50+ Drops</a>
                      </h3>
                      <span class="product-card__subtitle">A mineral SPF that checks all the boxes</span>
                    </div>
                  </div>
                  <div class="product-card__info-bottom">
                    <div class="product-card__price"> $46 </div>
                  </div>
                </div>
              </product-card>
            </li>
            <li class="predictive-search__list-item">
              <product-card class="product-card flex flex-col overflow-hidden">
                <a href="/products/kateceuticals-supercell-rejuvenation-serum" class="product-card__image relative overflow-hidden flex-shrink-0">
    <div class="product-card__image-featured">
      



<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
  
  <img src="//www.katesomerville.com/cdn/shop/files/10418_fr.jpg?v=1710282804&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="index" data-yotpo-element-loaded="true"
                      data-yotpo-widget-uuid="d5335e67-07b5-4f39-ae33-bdbb4576744a">
                      <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
                        <div class="yotpo-widget-clear">
                          <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                            <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
                              <div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
                                <span class="sr-only" id="9064058519861-ada-star-ratings-text">4.8 out of 5 star rating</span>
                                <div aria-labelledby="9064058519861-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                  <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9064058519861-ada-star-ratings-text" width="15" height="15">
                                    <defs>
                                      <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.6614888970018171">
                                        <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.6614888970018171')"></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.08355460164230166">
                                        <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.08355460164230166')"></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.28840159898472306">
                                        <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.28840159898472306')"></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.1600312535894859">
                                        <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.1600312535894859')"></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.046110560620429064">
                                        <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.046110560620429064')"></path>
                                  </svg>
                                </div>
                                <!--v-if-->
                              </div>
                              <!--v-if-->
                              <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
                                  style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (180) </div>
                              </div>
                              <!--v-if-->
                            </div>
                            <!--v-if-->
                            <!--v-if-->
                            <!--v-if-->
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>
                      <h3 class="product-card__title">
                        <a href="/products/kateceuticals-supercell-rejuvenation-serum" class="product-card__title-link">KateCeuticals SuperCell Rejuvenation Serum</a>
                      </h3>
                      <span class="product-card__subtitle">Clinical-grade skin rejuvenation serum </span>
                    </div>
                  </div>
                  <div class="product-card__info-bottom">
                    <div class="product-card__price"> $95 </div>
                  </div>
                </div>
              </product-card>
            </li>
            <li class="predictive-search__list-item">
              <product-card class="product-card flex flex-col overflow-hidden">
                <a href="/products/acne-products-eradikate-cleanser-clear-skin" class="product-card__image relative overflow-hidden flex-shrink-0">
    <div class="product-card__image-featured">
      



<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
  
  <img src="//www.katesomerville.com/cdn/shop/files/10257_fr.jpg?v=1710274091&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="index" data-yotpo-element-loaded="true"
                      data-yotpo-widget-uuid="87babfb3-f47f-4860-8a45-7a1575e053e1">
                      <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
                        <div class="yotpo-widget-clear">
                          <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                            <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
                              <div aria-label="4.8 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
                                <span class="sr-only" id="8846619541813-ada-star-ratings-text">4.8 out of 5 star rating</span>
                                <div aria-labelledby="8846619541813-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                  <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="8846619541813-ada-star-ratings-text" width="15" height="15">
                                    <defs>
                                      <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.024261491861081952">
                                        <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.024261491861081952')"></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.1142991859111806">
                                        <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.1142991859111806')"></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.5452227075130405">
                                        <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.5452227075130405')"></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.7682717230568337">
                                        <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.7682717230568337')"></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.4451476627943287">
                                        <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.4451476627943287')"></path>
                                  </svg>
                                </div>
                                <!--v-if-->
                              </div>
                              <!--v-if-->
                              <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
                                  style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (709) </div>
                              </div>
                              <!--v-if-->
                            </div>
                            <!--v-if-->
                            <!--v-if-->
                            <!--v-if-->
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>
                      <h3 class="product-card__title">
                        <a href="/products/acne-products-eradikate-cleanser-clear-skin" class="product-card__title-link">EradiKate™ 3% Sulfur Daily Foaming Cleanser</a>
                      </h3>
                      <span class="product-card__subtitle">The TikTok breakout star! Clinical-strength acne cleanser</span>
                    </div>
                  </div>
                  <div class="product-card__info-bottom">
                    <div class="product-card__price"> $44 </div>
                  </div>
                </div>
              </product-card>
            </li>
            <li class="predictive-search__list-item">
              <product-card class="product-card flex flex-col overflow-hidden">
                <a href="/products/eradikate-essentials-duo" class="product-card__image relative overflow-hidden flex-shrink-0">
    <div class="product-card__image-featured">
      



<picture class="lazypicture block w-full " style="--ar-lzimg-mobile: 1.0; ">
  
  <img src="//www.katesomerville.com/cdn/shop/files/eradikateduo_fr.jpg?v=1710274429&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="index" data-yotpo-element-loaded="true"
                      data-yotpo-widget-uuid="d1727b75-ef2c-41bd-8d60-260d1319186b">
                      <div class="yotpo-reviews-star-ratings-widget yotpo-star-ratings-widget-override-css yotpo-device-desktop yotpo-display-l" style="display: flex; justify-content: left; flex-direction: row; margin-bottom: 3px;">
                        <div class="yotpo-widget-clear">
                          <div class="yotpo-bottom-line-scroll-panel" style="display: flex; align-items: flex-start; flex-flow: wrap;">
                            <div class="yotpo-sr-bottom-line-summary" style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr;">
                              <div aria-label="5 out of 5 star rating" style="display: flex; flex-direction: row; margin-left: 0px; margin-right: 10px; align-items: center;">
                                <span class="sr-only" id="9044098515253-ada-star-ratings-text">5 out of 5 star rating</span>
                                <div aria-labelledby="9044098515253-ada-star-ratings-text" class="star-container yotpo-sr-star-full" style="display: flex; flex-direction: row; margin-right: 3.5px;">
                                  <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-labelledby="9044098515253-ada-star-ratings-text" width="15" height="15">
                                    <defs>
                                      <linearGradient aria-hidden="true" id="yotpo_stars_gradient_0.8511472254701054">
                                        <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.8511472254701054')"></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.32775234988046553">
                                        <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.32775234988046553')"></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.22676917168170507">
                                        <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.22676917168170507')"></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.49390305187673">
                                        <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.49390305187673')"></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.3406146854672534">
                                        <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.3406146854672534')"></path>
                                  </svg>
                                </div>
                                <!--v-if-->
                              </div>
                              <!--v-if-->
                              <div class="yotpo-sr-bottom-line-right-panel" style="display: flex;">
                                <div class="yotpo-sr-bottom-line-text yotpo-sr-bottom-line-text--right-panel"
                                  style="white-space: nowrap; font-size: 16px; line-height: 18px; text-align: start; font-family: SpeziaRegular; font-style: normal; font-weight: 400; color: rgb(44, 44, 44);"> (1) </div>
                              </div>
                              <!--v-if-->
                            </div>
                            <!--v-if-->
                            <!--v-if-->
                            <!--v-if-->
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>
                      <h3 class="product-card__title">
                        <a href="/products/eradikate-essentials-duo" class="product-card__title-link">EradiKate Essentials Duo</a>
                      </h3>
                      <span class="product-card__subtitle">Acne Fighting Duo</span>
                    </div>
                  </div>
                  <div class="product-card__info-bottom">
                    <div class="product-card__price"> $58 </div>
                  </div>
                </div>
              </product-card>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</form>

POST /cart

<form action="/cart" id="CartDrawer-Form" class="cart-drawer__form" method="post">
  <div id="CartDrawer-CartItems" class="drawer__contents">
  </div>
  <div id="CartDrawer-CartErrors" role="alert"></div>
</form>

POST /account/login

<form method="post" action="/account/login" id="GwpLogin" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="account-login__login"><input type="hidden" name="form_type" value="customer_login"><input type="hidden" name="utf8" value="✓">
  <div class="relative mx-16">
    <input type="email" name="customer[email]" id="GwpCustomerEmail" class="form__element" autocomplete="email" autocorrect="off" autocapitalize="off" placeholder="Email" required="">
    <label for="GwpCustomerEmail" class="form__label"> Email </label>
  </div>
  <div class="relative mt-16 mx-16">
    <input type="password" value="" name="customer[password]" id="GwpCustomerPassword" class="form__element" autocomplete="current-password" placeholder="Password" required="">
    <label for="GwpCustomerPassword" class="form__label"> Password </label>
  </div>
  <div class="flex justify-between items-center p-16">
    <a href="/account/login?return-to-cart#recover" class="text-14 link">Forgot Password?</a>
    <input type="submit" class="btn px-28 py-12 font-500" value="Log In">
  </div>
  <input type="hidden" name="return_to" value="/cart">
  <p class="text-center p-16 bg-mint-light text-14">Don't have an account yet? <a href="/account/register?return-to-cart" class="link text-orange">Create Account</a></p>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Wbneks" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 0px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 0px 16px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-85877268" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span style="font-family: Spezia, Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff;">SIGN UP FOR OUR NOTIFICATIONS
              &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)


HYDRAKATE ILLUMINATING SPF 50+ DROPS

A mineral SPF that checks all the boxes
$46
Add To Bag - $95
4.8 out of 5 star rating





(180)


KATECEUTICALS SUPERCELL REJUVENATION SERUM

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





(709)


ERADIKATE™ 3% SULFUR DAILY FOAMING CLEANSER

The TikTok breakout star! Clinical-strength acne cleanser
$44
Add To Bag - $58
5 out of 5 star rating





(1)


ERADIKATE ESSENTIALS DUO

Acne Fighting Duo
$58

 * Add To Bag - $46
   4.9 out of 5 star rating
   
   
   
   
   
   (116)
   
   
   HYDRAKATE ILLUMINATING SPF 50+ DROPS
   
   A mineral SPF that checks all the boxes
   $46
 * Add To Bag - $95
   4.8 out of 5 star rating
   
   
   
   
   
   (180)
   
   
   KATECEUTICALS SUPERCELL REJUVENATION SERUM
   
   Clinical-grade skin rejuvenation serum
   $95
 * Add To Bag - $44
   4.8 out of 5 star rating
   
   
   
   
   
   (709)
   
   
   ERADIKATE™ 3% SULFUR DAILY FOAMING CLEANSER
   
   The TikTok breakout star! Clinical-strength acne cleanser
   $44
 * Add To Bag - $58
   5 out of 5 star rating
   
   
   
   
   
   (1)
   
   
   ERADIKATE ESSENTIALS DUO
   
   Acne Fighting Duo
   $58


MY BAG

Start shopping to qualify for free shipping!


Looks like your bag is empty.
Start shoppping!

Take The Skin Quiz Shop Skincare

FREE GIFT

Log In
Email
Password
Forgot Password?

Don't have an account yet? Create Account

A MINERAL SPF THAT CHECKS ALL THE BOXES



Protect + Hydrate + Illuminate with HydraKate Illuminating SPF 50+ Drops

Shop Now


SAY HEYYY TO OUR CLINICAL-GRADE BEST SELLERS

( 115 )

HydraKate Illuminating SPF 50+ Drops

A mineral SPF that checks all the boxes

$46

( 709 )

EradiKate™ 3% Sulfur Daily Foaming Cleanser

The TikTok breakout star! Clinical-strength acne cleanser

$44

( 179 )

KateCeuticals SuperCell Rejuvenation Serum

Clinical-grade skin rejuvenation serum

$95

( 2887 )

ExfoliKate® Intensive Exfoliating Treatment

Hollywood’s Two-Minute Facial

$24 - $165

( 956 )

ExfoliKate® Cleanser Daily Foaming Wash

The gentle daily cleanser for all skin types

$22 - $68

( 554 )

Peptide K8® Power Cream

The ultimate skin repair moisturizer

$158

( 885 )

ExfoliKate® Glow Moisturizer

2-in-1 daily moisturizer plus exfoliator

$28 - $48

( 1 )

EradiKate Essentials Duo

Acne Fighting Duo

$58



--------------------------------------------------------------------------------

ILLUMINATING SPF 50+ DROPS


NO WHITE CAST. DEEP HYDRATION. ILLUMINATING FINISH.

This high-protection, fast-absorbing, lightweight SPF
formula feels more like your favorite moisturizer than a clinical-grade
sunscreen.

Shop Now
24.5% NON-NANO ZINC OXIDE
 * One of the highest levels of Non-Nano Zinc Oxide on the market
 * Forms a potent physical barrier on skin to reflect harmful UVA + UVB rays
 * Perfect for all skin types, even the most sensitive

Ectoin
 * 100% natural Amino Acid derivative deeply soothes + hydrates
 * Protects against pollution-induced damage + skin aging
 * Repairs the skin barrier, reducing irritation + inflammation

SHEER MINERAL PIGMENTS
 * Offers a universal tint that adds an illuminating finish
 * Helps even out skin tone + diffuse imperfections
 * Counteracts Non-Nano Zinc Oxide's bluish-white hue, ensuring a flawless,
   natural appearance

24.5% NON-NANO ZINC OXIDE
 * One of the highest levels of Non-Nano Zinc Oxide on the market
 * Forms a potent physical barrier on skin to reflect harmful UVA + UVB rays
 * Perfect for all skin types, even the most sensitive

Ectoin
 * 100% natural Amino Acid derivative deeply soothes + hydrates
 * Protects against pollution-induced damage + skin aging
 * Repairs the skin barrier, reducing irritation + inflammation

SHEER MINERAL PIGMENTS
 * Offers a universal tint that adds an illuminating finish
 * Helps even out skin tone + diffuse imperfections
 * Counteracts Non-Nano Zinc Oxide's bluish-white hue, ensuring a flawless,
   natural appearance

--------------------------------------------------------------------------------

ERADIKATE® 3% SULFUR DAILY FOAMING CLEANSER


OUR BREAKOUT STAR

The non-drying, pimple punisher. Clinically formulated with acne-fighting 3%
Sulfur to combat blackheads + sebaceous filaments, while preventing future
breakouts.

Shop Now

The non-drying, pimple punisher. Clinically formulated with acne-fighting 3%
Sulfur to combat blackheads + sebaceous filaments, while preventing future
breakouts.

Shop Now

--------------------------------------------------------------------------------

Kate somerville skincare


HEALING SKIN. TRANSFORMING LIVES.

For over 20 years, Kate Somerville Skincare has delivered cutting-edge skin
treatments + clinical-grade products that make so-called “impossible” skin goals
possible. 

We’re your Clinical-Grade Expert + Skincare Bestie rolled into one. Nice to meet
you!

About Us


HEALING SKIN. TRANSFORMING LIVES.

For over 20 years, Kate Somerville Skincare has delivered cutting-edge skin
treatments + clinical-grade products that make so-called “impossible” skin goals
possible. 

We’re your Clinical-Grade Expert + Skincare Bestie rolled into one. Nice to meet
you!

About Us

“Healthy skin is not vanity or privilege – it is every person's right. Whether
you've never had it or you want it back, it's my goal to make healthy, radiant
skin your reality.”

Kate Somerville, Founder



 * Free shipping over $50+

 * Loyalty perks

 * auto-replenishment

 * Free shipping over $50+

 * Loyalty perks

 * auto-replenishment

 * Free shipping over $50+

 * Loyalty perks

 * auto-replenishment

 * Free shipping over $50+

 * Loyalty perks

 * auto-replenishment

 * Free shipping over $50+

 * Loyalty perks

 * auto-replenishment




--------------------------------------------------------------------------------

THE HEART OF HOLLYWOOD GLAM


WHERE SKIN MAGIC HAPPENS

In 2004, we opened the Kate Somerville Medical Esthetics Skin Clinic – the first
ever medispa. Twenty years later, our iconic skin clinic continues to be one of
the most trusted destinations for cutting-edge clinical-grade skincare luxury.

Book A Service


WHERE SKIN MAGIC HAPPENS

In 2004, we opened the Kate Somerville Medical Esthetics Skin Clinic – the first
ever medispa. Twenty years later, our iconic skin clinic continues to be one of
the most trusted destinations for cutting-edge clinical-grade skincare luxury.

Book A Service

“Every week, at least one client comes into the clinic and says our products
have given her skin results she had thought were impossible. This is bigger than
healing skin – we’re transforming lives.”

Kate Somerville, Founder



--------------------------------------------------------------------------------

Unlock Long-Term Skin Health


YOUR SKIN HEALTH BLUEPRINT

 * Quick evaluation to define skin needs

 * Customized product recommendations

 * Option for AI-powered skin analysis

 * Radiant + healthy skin awaits!

Start Quiz



CLINICALLY-PROVEN FORMULAS

These independent clinical studies speak for themselves.

81%

Reported improved skin resilience.

KateCeuticals SuperCell Rejuvenation Serum

94%

Saw highly significant improvement in skin texture after just 1 use.

ExfoliKate® Intensive Exfoliating Treatment

97%

Showed improvement in fine lines and wrinkles after just 2 weeks.

Peptide K8® Power Cream


--------------------------------------------------------------------------------

The Blog

INGREDIENTS

Ectoin in Skincare: What is it and How can it benefit your skin?

Dive into the wonders of Ectoin, a natural compound revolutionizing skincare.
Discover its protective qualities and myriad...

HOW TO

Say Goodbye to Perioral Dermatitis: Overnight Treatment Tips

Discover how to get rid of perioral dermatitis overnight, including using sulfur
skincare products and other treatments fo...

Products

Mineral vs Chemical Sunscreens

Deciphering mineral vs. chemical sunscreens? Dive into our comprehensive guide
to understand the differences and make the ...

Products

How Much Sunscreen to Use on Your Face

Confused about how much sunscreen to use on your face? Our blog provides expert
advice to ensure maximum protection withou...


View All Blogs



REAL PEOPLE. REAL RESULTS.

Previous
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Next



About Us
Meet Kate The Clinic The Blog Careers Reviews
My Account
Orders Kate's Ultimate Rewards Auto Replenishment Create an Account
Customer Care
Contact Us Email Shipping & Returns FAQ
About Us
Meet Kate The Clinic The Blog Careers Reviews
My Account
Orders Kate's Ultimate Rewards Auto Replenishment Create an Account
Customer Care
Contact Us Email Shipping & Returns FAQ

Connect with Kate:


United States (English) United Kingdom (English)


SIGN UP FOR NOTIFICATIONS + GET 15% OFF

SIGN UP FOR OUR NOTIFICATIONS & GET 15% OFF




By submitting this form and signing up for texts, you consent to receive
marketing text messages (e.g. promos, cart reminders) from Kate Somerville at
the number provided, including messages sent by autodialer. Consent is not a
condition of purchase. Msg & data rates may apply. Msg frequency varies. Text
HELP for help. Unsubscribe at any time by replying STOP or clicking the
unsubscribe link (where available). Privacy Policy & Terms

SUBMIT

*By subscribing to Kate Somerville text messaging 75450 you agree to receive
recurring autodialed marketing text msgs (e.g. cart reminders, ) to the mobile
number used at opt-in. Consent is not a condition of purchase. Msg frequency may
vary. Msg & data rates may apply. Reply HELP for help and STOP to cancel. See
Terms and Conditions & Privacy Policy.

 * Terms & Conditions |
 * Terms of Sale |
 * Privacy Notice |
 * Consumer Health Data Privacy Policy |
 * Accessibility |
 * Do Not Sell or Share My Personal Information

© 2024 Kate Somerville US. All rights reserved.

 * Choosing a selection results in a full page refresh.