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

Submitted URL: http://www.murad.com//collections//niacinamide/?ab\_ingredients\=0
Effective URL: https://www.murad.com//collections//niacinamide/?ab\_ingredients\=0
Submission: On August 20 via api from US — Scanned from CA

Form analysis 36 forms found in the DOM

/search

<form action="/search" class="ml-[20px] lg:ml-0 col-start-1 lg:col-start-2 flex bg-[#F7F7F6] relative rounded-[10px] border">
  <span class="block w-[20px] h-[20px] absolute top-1/2 left-3 -translate-y-1/2 ">
    <svg class="block" width="100%" height="100%" viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <link xmlns="" type="text/css" id="dark-mode" rel="stylesheet" href="">
      </link>
      <style xmlns="" type="text/css" id="dark-mode-custom-style"></style>
      <g id="search-r3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <circle id="Oval" stroke="currentColor" stroke-width="2" transform="translate(9.396035, 8.396035) rotate(-45.000000) translate(-9.396035, -8.396035) " cx="9.39603545" cy="8.39603545" r="7.05821394"></circle>
        <g id="Group-2" transform="translate(16.381262, 14.954585) rotate(-45.000000) translate(-16.381262, -14.954585) translate(14.881262, 10.954585)" fill="currentColor">
          <rect id="Rectangle" x="0.191017078" y="0.938184477" width="2.01455349" height="7.0509372" rx="1"></rect>
        </g>
      </g>
    </svg>
  </span>
  <input id="search" type="search" name="q" placeholder="What are you looking for?" value="" class="py-3 px-12 w-full font-primary placeholder:font-primary bg-transparent text-h5-large" data-searchspring-input="" data-uw-rm-form="fx"
    aria-label="What are you looking for?" data-uw-hidden-control="hidden-control-element" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="none" ss-autocomplete-input="">
  <div class="ss__autocomplete--target">
    <div class="absolute left-0 lg:left-[calc(-50%-29px)] top-[46px] w-screen lg:w-[calc(200%+57px)] ml-[-20px] lg:ml-0">
      <div class="flex flex-col text-gray-dark max-w-[1440px] mx-auto">
        <div class="flex flex-col lg:flex-row lg:items-center w-full max-w-screen justify-center gap-4 border-b border-gray-lightest py-6">
          <h2 class="font-primary text-[12px] lg:text-[14px] tracking-[1px] ml-[20px] uppercase">POPULAR SEARCHES</h2>
          <ul class="flex flex-nowrap items-center gap-4 overflow-x-scroll no-scrollbar pl-[30px] pr-[20px] lg:px-0">
            <li class="bg-[#F7F7F6] px-3.5 py-2.5 rounded-[10px] lg:overflow-hidden">
              <a href="https://www.murad.com/search?q=toner" class="whitespace-nowrap font-primary text-gray-dark text-[14px] font-normal leading-[18px] capitalize" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/search?q=toner">toner</a>
            </li>
            <li class="bg-[#F7F7F6] px-3.5 py-2.5 rounded-[10px] lg:overflow-hidden">
              <a href="https://www.murad.com/search?q=sunscreen" class="whitespace-nowrap font-primary text-gray-dark text-[14px] font-normal leading-[18px] capitalize" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/search?q=sunscreen">sunscreen</a>
            </li>
            <li class="bg-[#F7F7F6] px-3.5 py-2.5 rounded-[10px] lg:overflow-hidden">
              <a href="https://www.murad.com/search?q=acne" class="whitespace-nowrap font-primary text-gray-dark text-[14px] font-normal leading-[18px] capitalize" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/search?q=acne">acne</a>
            </li>
            <li class="bg-[#F7F7F6] px-3.5 py-2.5 rounded-[10px] lg:overflow-hidden">
              <a href="https://www.murad.com/search?q=retinol" class="whitespace-nowrap font-primary text-gray-dark text-[14px] font-normal leading-[18px] capitalize" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/search?q=retinol">retinol</a>
            </li>
            <li class="bg-[#F7F7F6] px-3.5 py-2.5 rounded-[10px] lg:overflow-hidden">
              <a href="https://www.murad.com/search?q=vitamin c" class="whitespace-nowrap font-primary text-gray-dark text-[14px] font-normal leading-[18px] capitalize" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/search?q=vitamin%20c">vitamin c</a>
            </li>
          </ul>
        </div>
        <div class="flex flex-col w-full">
          <h2 class="font-primary text-[12px] lg:text-[14px] tracking-[.2px] py-[20px] ml-[20px] lg:ml-[63px] uppercase">RECOMMENDED FOR YOU</h2>
          <ul
            class="flex flex-nowrap gap-4 lg:gap-8 overflow-x-auto scrollbar-thin scrollbar-thumb-[#B5B5B5] scrollbar-track-[#F7F7F6] scrollbar-track-rounded-full scrollbar-thumb-rounded-full pb-4 pr-[16px] pl-[20px] lg:pl-0 ml-0 lg:ml-[63px] scrollbar-w-[7px] scrollbar-h-[7px]">
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.9</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/essential-c-day-moisture-spf-30" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/essential-c-day-moisture-spf-30"><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/15118-primary__77653.1635835826.1280.1280_600x600.png?v=1707341866" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="a white tube with orange liquid" data-uw-rm-alt="BE"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/15118-hover.jpg?v=1704676792" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/essential-c-day-moisture-spf-30" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/essential-c-day-moisture-spf-30">Essential-C Day Moisture Broad Spectrum SPF 30 | PA+++</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.7 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$69</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.7</span></div>
                    <div class="flex items-center gap-2"></div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/30-day-invisiscar-acne-kit" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/30-day-invisiscar-acne-kit"><div class="h-0 pb-[100%] w-full relative"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/475050_M.com_2023PDP_August_30dayAcneKit_Soldier_1000x1000__56088.1699384123.1280.1280_600x600.png?v=1708905213" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="30-Day InvisiScar Kit" data-uw-rm-alt="CT"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/30-day-invisiscar-acne-kit" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/30-day-invisiscar-acne-kit">30-Day InvisiScar Kit</a><span
                            class="size font-primary text-[12px] leading-[12px]">30-Day</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$40</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.8</span></div>
                    <div class="flex items-center gap-2"></div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/retinol-youth-renewal-serum-larger-size" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/retinol-youth-renewal-serum-larger-size"><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/358854_20220801_New_Size_Launches-1000x1000-15409__45874.1659655162.1280.1280_600x600.png?v=1709253301" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="bottle" data-uw-rm-alt="BE"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/60361-hover.jpg?v=1704676751" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/retinol-youth-renewal-serum-larger-size" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/retinol-youth-renewal-serum-larger-size">Retinol Youth Renewal Serum Larger Size</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.7 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$125</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.7</span></div>
                    <div class="flex items-center gap-2"></div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/dr-zion-x-murad-retinol-youth-renewal-eye-mask" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/dr-zion-x-murad-retinol-youth-renewal-eye-mask"><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/225455_SoldierShot_Single_1000x1000__49851.1645846664.1280.1280_600x600.png?v=1709252932" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="advertisement" data-uw-rm-alt="BE"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="//images.ctfassets.net/xkrknvgqff10/4e5iPW9hlvjz7PiJi1y6iJ/3973505c17119f862711298d0fe913aa/225455_PlpHover.jpg" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/dr-zion-x-murad-retinol-youth-renewal-eye-mask" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/dr-zion-x-murad-retinol-youth-renewal-eye-mask">Dr. Zion x Murad Retinol Youth Renewal Eye Mask</a><span
                            class="size font-primary text-[12px] leading-[12px]">1-Pack</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$10</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.9</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/new-retinol-youth-renewal-night-cream" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/new-retinol-youth-renewal-night-cream" aria-label="Open this option" data-uw-rm-empty-ctrl=""><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/358854_RYRNC_Carousel_1_MURAD_600x600.png?v=1723585890" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" data-uw-rm-alt="QU"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/60363-hover.jpg?v=1704662805" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/new-retinol-youth-renewal-night-cream" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/new-retinol-youth-renewal-night-cream">Retinol Youth Renewal Night Cream</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.7 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$89</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.8</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/rapid-dark-spot-correcting-serum" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/rapid-dark-spot-correcting-serum" aria-label="Open this option" data-uw-rm-empty-ctrl=""><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/379063_RDSCS_Carousel_1_MURAD_600x600.png?v=1723673780" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" data-uw-rm-alt="QU"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="//images.ctfassets.net/xkrknvgqff10/65KqVeDJBOZbsXc7OxkuHN/849d1d8516255b359966e83add5d20ec/15348-hover.jpg" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/rapid-dark-spot-correcting-serum" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/rapid-dark-spot-correcting-serum">Rapid Dark Spot Correcting Serum</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.0 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$83</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.9</span></div>
                    <div class="flex items-center gap-2"></div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/travel-size-aha-bha-exfoliating-cleanser" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/travel-size-aha-bha-exfoliating-cleanser"><div class="h-0 pb-[100%] w-full relative"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/15331-primary-new__42220.1639598746.1280.1280_600x600.png?v=1701960573" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="AHA/BHA Exfoliating Cleanser Travel Size" data-uw-rm-alt="CT"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/travel-size-aha-bha-exfoliating-cleanser" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/travel-size-aha-bha-exfoliating-cleanser">AHA/BHA Exfoliating Cleanser Travel Size</a><span
                            class="size font-primary text-[12px] leading-[12px]">2.0 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$18</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.7</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/oil-and-pore-control-mattifier-spf-45" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/oil-and-pore-control-mattifier-spf-45"><div class="h-0 pb-[100%] w-full relative"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/10915-primary-new__71065.1648139304.1280.1280_600x600.png?v=1707422801" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 | PA++++" data-uw-rm-alt="CT"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/oil-and-pore-control-mattifier-spf-45" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/oil-and-pore-control-mattifier-spf-45">Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 | PA++++</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.7 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$49</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.9</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/essential-c-cleanser" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/essential-c-cleanser"><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/15048-primary-new__98023.1635836369.1280.1280_600x600.png?v=1716507129" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="chart, funnel chart" data-uw-rm-alt="BE"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/15048-hover_23bd6efa-9b7f-4ed9-821d-8912a813887f.jpg?v=1704674215" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/essential-c-cleanser" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/essential-c-cleanser">Essential-C Cleanser</a><span
                            class="size font-primary text-[12px] leading-[12px]">6.75 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$44</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.8</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/retinal-resculpt-overnight-treatment" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/retinal-resculpt-overnight-treatment" aria-label="Open this option" data-uw-rm-empty-ctrl=""><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/330750_Retinal_Overnight_Carousel_1_MURAD_1e9f3edc-f11f-4b04-991b-23848cad3099_600x600.png?v=1723584104" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" data-uw-rm-alt="QU"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/330750_Swatch_Position4__73492.jpg?v=1704659059" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/retinal-resculpt-overnight-treatment" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/retinal-resculpt-overnight-treatment">Retinal ReSculpt Overnight Treatment</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.0 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$105</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.8</span></div>
                    <div class="flex items-center gap-2"></div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/vita-c-glycolic-serum-travel-size" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/vita-c-glycolic-serum-travel-size"><div class="h-0 pb-[100%] w-full relative"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/15361A_new__29803.1654634625.1280.1280_600x600.png?v=1706742763" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="Vita-C Glycolic Serum Travel Size" data-uw-rm-alt="CT"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/vita-c-glycolic-serum-travel-size" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/vita-c-glycolic-serum-travel-size">Vita-C Glycolic Serum Travel Size</a><span
                            class="size font-primary text-[12px] leading-[12px]">0.33 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$30</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.9</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/hydro-dynamic-ultimate-moisture" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/hydro-dynamic-ultimate-moisture"><div class="h-0 pb-[100%] w-full relative"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/Retail_HYD2_Hydro-Dynamic_Ultimate_Moisture_1.7oz_Jar_GBL__90988.1635836941.1280.1280_600x600.png?v=1706897007" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="Hydro-Dynamic Ultimate Moisture" data-uw-rm-alt="CT"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/hydro-dynamic-ultimate-moisture" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/hydro-dynamic-ultimate-moisture">Hydro-Dynamic Ultimate Moisture</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.7 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$85</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.8</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/deep-relief-acne-treatment" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/deep-relief-acne-treatment" aria-label="Open this option" data-uw-rm-empty-ctrl=""><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/260400_Deep_Relief_Site_Assets_PDP_Soldier_Shot__96511.1656103643.1280.1280_600x600.png?v=1707423802" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" data-uw-rm-alt="QU"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/260400_Deep_Relief_Site_Assets_PDP_Texture.jpg?v=1704663219" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/deep-relief-acne-treatment" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/deep-relief-acne-treatment">Deep Relief Acne Treatment</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.0 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$45</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.8</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/vita-c-glycolic-serum" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/vita-c-glycolic-serum" aria-label="Open this option" data-uw-rm-empty-ctrl=""><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/642372_Vita-C_Glycolic_Serum_Carousel_1_MURAD_600x600.png?v=1724102280" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" data-uw-rm-alt="QU"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/15272-hover.jpg?v=1704662801" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/vita-c-glycolic-serum" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/vita-c-glycolic-serum">Vita-C Glycolic Serum</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.0 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$88</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.9</span></div>
                    <div class="flex items-center gap-2"></div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/hydrating-toner" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/hydrating-toner"><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/Retail_HYD2_Hydrating_Toner_6.0oz_Primary_GBL__45430.1635836185.1280.1280_600x600.png?v=1709253098" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="a bottle of pink nail polish" data-uw-rm-alt="BE"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/10906-hover.jpg" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/hydrating-toner" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/hydrating-toner">Hydrating Toner</a><span
                            class="size font-primary text-[12px] leading-[12px]">6.0 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$42</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.8</span></div>
                    <div class="flex items-center gap-2"></div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/clarifying-acne-cleanser" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/clarifying-acne-cleanser"><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/10092-main__88135.1648139472.1280.1280_600x600.png?v=1707342225" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="chart, funnel chart" data-uw-rm-alt="BE"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/10092-alt-1__49535.1648139471.1280.1280.jpg?v=1707342225" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/clarifying-acne-cleanser" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/clarifying-acne-cleanser">Acne Control Clarifying Cleanser</a><span
                            class="size font-primary text-[12px] leading-[12px]">6.75 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$36</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.9</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/revitalixir-recovery-serum-for-stress" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/revitalixir-recovery-serum-for-stress" aria-label="Open this option" data-uw-rm-empty-ctrl=""><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/Revitalixer_Recovery_Serum_Carousel_1_MURAD_600x600.png?v=1724104134" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" data-uw-rm-alt="QU"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/10877-hover.jpg?v=1704674331" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/revitalixir-recovery-serum-for-stress" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/revitalixir-recovery-serum-for-stress">Revitalixir Recovery Serum</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.35 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$97</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.8</span></div>
                    <div class="flex items-center gap-2"></div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/retinol-overnight-essentials-90-day-kit" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/retinol-overnight-essentials-90-day-kit"><div class="h-0 pb-[100%] w-full relative"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/files/475050_90Day_Retinol_Overnight_Essentials_Carousel_1_MURAD_600x600.png?v=1723754941" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="Retinol Overnight Essentials 90-Day Kit" data-uw-rm-alt="CT"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/retinol-overnight-essentials-90-day-kit" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/retinol-overnight-essentials-90-day-kit">Retinol Overnight Essentials 90-Day Kit</a><span
                            class="size font-primary text-[12px] leading-[12px]">90-Day</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$95</span><span class="ml-[3px] line-through opacity-70">$118</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.9</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/nutrient-charged-water-gel" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/nutrient-charged-water-gel"><div class="h-0 pb-[100%] w-full relative transition-all ease-in-out duration-300 scale-100 group-hover/card:scale-110 pointer-events-none lg:pointer-events-auto"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/Retail_HYD2_Nutrient-Charged_Water_Gel_1.7oz_Primary_GBL__03836.1635835792.1280.1280_600x600.png?v=1706833951" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="bottle" data-uw-rm-alt="BE"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"><img loading="lazy"
                        src="//images.ctfassets.net/xkrknvgqff10/7iM4mw5XVWAkmN3oMPk6F1/79eb607c3293e4b4f7d631a0e1f085e1/10903-hover.jpg" class="hidden lg:block w-full h-full object-cover absolute top-0 left-0"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/nutrient-charged-water-gel" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/nutrient-charged-water-gel">Nutrient-Charged Water Gel</a><span
                            class="size font-primary text-[12px] leading-[12px]">1.7 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$50</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="flex-[0_0_275px]">
              <div class="product-card-outer-wrapper group/card w-full h-full relative">
                <div class="inner-wrapper relative w-full h-full">
                  <div class="w-full absolute top-2 px-2 flex justify-between items-center z-10">
                    <div class="flex items-center gap-[2px]"><span class="block -mt-[4px]"><svg width="14" height="13" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path
                            d="M10.2 3.97347C10.2 4.06337 10.1469 4.16145 10.0406 4.2677L7.81551 6.43765L8.34267 9.50255C8.34676 9.53116 8.3488 9.57203 8.3488 9.62515C8.3488 9.71097 8.32734 9.7835 8.28444 9.84276C8.24153 9.90201 8.17921 9.93164 8.09748 9.93164C8.01983 9.93164 7.9381 9.90712 7.85228 9.85808L5.1 8.41145L2.34772 9.85808C2.25781 9.90712 2.17608 9.93164 2.10252 9.93164C2.01671 9.93164 1.95234 9.90201 1.90944 9.84276C1.86653 9.7835 1.84507 9.71097 1.84507 9.62515C1.84507 9.60063 1.84916 9.55977 1.85733 9.50255L2.3845 6.43765L0.153245 4.2677C0.0510817 4.15736 0 4.05928 0 3.97347C0 3.82227 0.114423 3.72827 0.343269 3.6915L3.42043 3.24402L4.79964 0.454957C4.87728 0.287409 4.9774 0.203635 5.1 0.203635C5.2226 0.203635 5.32272 0.287409 5.40036 0.454957L6.77957 3.24402L9.85673 3.6915C10.0856 3.72827 10.2 3.82227 10.2 3.97347Z"
                            fill="#4d4d4d"></path>
                        </svg></span><span class="font-primary font-medium text-[#4d4d4d]">4.7</span></div>
                    <div class="flex items-center gap-2">
                      <div class="flex items-center px-2 lg:px-3 py-1 lg:py-2 bg-body"><span
                          class="font-primary font-medium text-gray-dark uppercase tracking-[1px] text-[9px] lg:text-[12px] leading-[6px] lg:leading-[14px] block mt-px">BESTSELLER</span></div>
                    </div>
                  </div>
                  <div class="media w-full overflow-hidden relative">
                    <a href="/products/invisiscar-resurfacing-treatment" class="main-image rounded-[10px] overflow-hidden h-full w-full block relative bg-[#f8f8f8]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/invisiscar-resurfacing-treatment"><div class="h-0 pb-[100%] w-full relative"><div class="bg-smoke h-full w-full absolute inset-0"></div><img src="https://cdn.shopify.com/s/files/1/0816/7705/8351/products/10925-primary__23472.1561507008.1280.1280_600x600.png?v=1707350537" class="w-full h-full object-cover absolute inset-0" data-uw-rm-alt-original="" alt="InvisiScar Resurfacing Treatment" data-uw-rm-alt="CT"></div></a>
                    <div class="hidden lg:block hover-image h-0 pb-[100%] w-full absolute top-0 left-0 pointer-events-none transition-all ease-in-out duration-300 opacity-0 group-hover/card:opacity-100"></div>
                    <div class="content w-full mt-3 min-h-[85px]">
                      <div class="mx-auto text-gray-dark flex gap-4 justify-between">
                        <div class="flex flex-col gap-1 max-w-[220px]"><span
                            class="font-primary text-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] font-medium leading-[clamp(0.625rem,_0.4821rem_+_0.2976vw,_0.75rem)] tracking-[1px] uppercase hidden lg:block"></span><a href="/products/invisiscar-resurfacing-treatment" class="title font-special font-normal text-[16px] lg:text-[20px] leading-[17px] lg:leading-[21px] line-clamp-2 min-h-[34px] lg:min-h-[42px]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/products/invisiscar-resurfacing-treatment">InvisiScar Resurfacing Treatment</a><span
                            class="size font-primary text-[12px] leading-[12px]">0.5 FL. OZ.</span></div>
                        <div class="price-size w-1/5 font-primary flex gap-1 justify-end text-[14px] tracking-[0.5px]"><span class="price">$39</span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <button type="button" data-input-clear="" aria-label="Move to top" data-uw-rm-empty-ctrl="">
    <span class="block w-[17px] h-[17px] absolute top-1/2 right-3 -translate-y-1/2 ">
      <svg class="block" width="100%" height="100%" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
        <link xmlns="" type="text/css" id="dark-mode" rel="stylesheet" href="">
        </link>
        <style xmlns="" type="text/css" id="dark-mode-custom-style"></style>
        <path d="M1 1L15.5 15.5" stroke="#484848" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        <path d="M15.5 1L0.999999 15.5" stroke="#484848" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </span>
  </button>
  <input type="submit" class="hidden" data-uw-rm-form="fx" aria-label="Submit button" data-uw-hidden-control="hidden-control-element">
</form>

POST /account/login

<form method="post" action="/account/login" id="login--desktop" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="mb-[1.35714rem] font-primary"><input type="hidden" name="form_type" value="customer_login"><input type="hidden"
    name="utf8" value="✓">
  <input type="hidden" name="return_to" value="/account">
  <p class="mb-6 text-[1.14286rem] font-primary text-gray-light text-center"> We've upgraded our site! If you haven't logged in since 2/29/24 9PM PST, please reset your password to access your account. It may take a few minutes for your reset
    password email to arrive. If you need assistance, please contact Customer Care at <a class="underline" href="mailto:customerservice@murad.com" aria-label="send an email to customerservice@murad.com" uw-rm-vague-link-id="mailto:customerservice@murad.com$send an email to customerservice@murad.com" data-uw-rm-vglnk="">
                customerservice@murad.com
              
              </a>
  </p>
  <div class="flex flex-col justify-center text-gray-light">
    <div class="flex flex-col mb-8">
      <label for="email" class="mb-2 text-p">Email Address*</label>
      <input type="email" name="customer[email]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light" data-uw-rm-form="fx" aria-label="Email Address*" data-uw-hidden-control="hidden-control-element">
    </div>
    <div class="flex flex-col mb-8">
      <label for="password" class="mb-2 flex justify-between w-full">
        <span>Password*</span>
        <a href="/account/login#recover" class="text-caption font-medium underline" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/account/login#recover">
                  Forgot your password?
                </a>
      </label>
      <div class="relative">
        <input type="password" name="customer[password]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light w-full" data-uw-rm-form="fx" aria-label="Password field" data-uw-hidden-control="hidden-control-element">
        <button type="button" class="absolute right-4 h-full w-fit cursor-pointer group" onclick="this.previousElementSibling.type = this.previousElementSibling.type == 'password' ? 'text' : 'password'; this.classList.toggle('show-password')"
          data-uw-rm-kbnav="click">
          <img src="//www.murad.com/cdn/shop/t/2/assets/password-eye-icon_small.png?v=44650469535139965761709241325" class="block group-[.show-password]:hidden h-[1.05rem]" data-uw-rm-alt-original="" alt="green" data-uw-rm-alt="BE">
          <img src="//www.murad.com/cdn/shop/t/2/assets/password-eye-icon-slash_small.png?v=72102723165831803991709241324" class="hidden group-[.show-password]:block h-[1.42857rem] mt-px" data-uw-rm-alt-original=""
            alt="a black circle with a white line" data-uw-rm-alt="BE">
        </button>
      </div>
    </div>
  </div>
  <button type="submit" class="btn-secondary w-full py-[1.25rem] px-[.64286rem] mt-4">
    <span class="uppercase font-primary text-caption font-medium"> Sign In </span>
  </button>
</form>

POST /account

<form method="post" action="/account" id="register--desktop" accept-charset="UTF-8" data-login-with-shop-sign-up="true" class="mb-[1.35714rem] font-primary"><input type="hidden" name="form_type" value="create_customer"><input type="hidden"
    name="utf8" value="✓">
  <input type="hidden" name="return_to" value="/account">
  <div class="flex flex-col justify-center text-gray-light font-primary">
    <div class="flex flex-col mb-8">
      <label for="register-email" class="mb-2 text-p">Email Address*</label>
      <input required="" id="register-email" type="email" name="customer[email]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light" data-uw-rm-form="nfx">
    </div>
    <div class="flex flex-wrap gap-4 mb-8">
      <div class="flex flex-col flex-1">
        <label for="register-first-name" class="mb-2 text-p">First Name*</label>
        <input required="" id="register-first-name" type="text" name="customer[first_name]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light" data-uw-rm-form="nfx">
      </div>
      <div class="flex flex-col flex-1">
        <label for="register-last-name" class="mb-2 text-p">Last Name*</label>
        <input required="" id="register-last-name" type="text" name="customer[last_name]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light" data-uw-rm-form="nfx">
      </div>
    </div>
    <div class="flex flex-col mb-8">
      <label for="register-birthday" class="mb-2">Birthday</label>
      <input id="register-birthday" type="date" name="customer[note][birthday]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light uppercase bg-transparent w-full h-[3rem]" placeholder="MM/DD/YYYY" max="2010-12-06"
        min="1900-01-01" data-uw-rm-form="nfx">
    </div>
    <div class="flex flex-col mb-8" data-verify-password="">
      <label for="register-password" class="mb-2 text-p">Password*</label>
      <div class="relative">
        <input required="" id="register-password" type="password" name="customer[password]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666666] font-light w-full" pattern="^(?=.*[0-9])(?=.*[a-zA-Z])(?=\S+$).{7,}$"
          data-uw-rm-form="nfx">
        <button type="button" class="absolute right-4 h-full w-fit cursor-pointer group" onclick="this.previousElementSibling.type = this.previousElementSibling.type == 'password' ? 'text' : 'password'; this.classList.toggle('show-password')"
          data-uw-rm-kbnav="click">
          <img src="//www.murad.com/cdn/shop/t/2/assets/password-eye-icon_small.png?v=44650469535139965761709241325" class="block group-[.show-password]:hidden h-[1.05rem]" data-uw-rm-alt-original="" alt="green" data-uw-rm-alt="BE">
          <img src="//www.murad.com/cdn/shop/t/2/assets/password-eye-icon-slash_small.png?v=72102723165831803991709241324" class="hidden group-[.show-password]:block h-[1.42857rem] mt-px" data-uw-rm-alt-original=""
            alt="a black circle with a white line" data-uw-rm-alt="BE">
        </button>
      </div>
      <div class="text-gray-dark mt-8">
        <span class="mb-2 block font-semibold">Your password must have:</span>
        <div class="mb-2">
          <span data-character-count="7" class="text-caption border border-gray-lightest bg-transparent rounded-[.71429rem] py-[.07143rem] px-[.21429rem] mr-[.42857rem] [&amp;.active]:bg-[#aacb67] text-gray-dark [&amp;.active]:text-white">✔</span>
          <span>7 or more characters</span>
        </div>
        <div class="mb-2">
          <span data-letter="" class="text-caption border border-gray-lightest bg-transparent rounded-[.71429rem] py-[.07143rem] px-[.21429rem] mr-[.42857rem] [&amp;.active]:bg-[#aacb67] text-gray-dark [&amp;.active]:text-white">✔</span>
          <span>At least one letter</span>
        </div>
        <div class="mb-2">
          <span data-number="" class="text-caption border border-gray-lightest bg-transparent rounded-[.71429rem] py-[.07143rem] px-[.21429rem] mr-[.42857rem] [&amp;.active]:bg-[#aacb67] text-gray-dark [&amp;.active]:text-white">✔</span>
          <span>At least one number</span>
        </div>
      </div>
      <div class="text-gray-dark mt-2">
        <p class="mb-2">
          <span>Password strength:</span>
          <span data-strength="" class="[&amp;.weak]:text-[#d0021b] [&amp;.medium]:text-[orange] [&amp;.strong]:text-[green] uppercase"></span>
        </p>
        <div class="w-full bg-gray-lightest h-2.5">
          <div data-progress-bar="" class="h-full [&amp;.weak]:bg-[#d0021b] [&amp;.medium]:bg-[#fba02d] [&amp;.strong]:bg-[#aacb67]"></div>
        </div>
      </div>
    </div>
    <div class="flex flex-col gap-2">
      <div id="accepts_marketing_checkbox" class="flex relative">
        <input id="register-accepts-marketing--desktop" type="checkbox" name="customer[accepts_marketing]" class="opacity-0 peer h-[1.14286rem] w-[1.14286rem] absolute top-[.21429rem] left-0" data-uw-rm-form="nfx">
        <label for="register-accepts-marketing--desktop"
          class="text-caption group pl-[1.85714rem] before:content-[''] before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:absolute before:left-0 before:top-[.21429rem] ">
          <span>Yes, sign me up for Murad's mailing list. By signing up you agree to receive product information and promotions from Murad. You can unsubscribe at any time. See our
            <a href="/pages/privacy-notice" class="underline font-medium text-[#333] hover:text-[#757575]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/pages/privacy-notice">Privacy Notice</a> for more information.</span>
          <span class="bg-checkmark bg-cover w-[1rem] h-[1rem] absolute left-px top-[.28571rem] scale-0 peer-checked:group-[]:scale-100"></span>
        </label>
      </div>
      <div class="flex relative">
        <input id="register-agrees-to-terms--desktop" type="checkbox" required="" name="customer[note][agrees_to_terms]" class="opacity-0 peer h-[1.14286rem] w-[1.14286rem] absolute top-[.21429rem] left-0" data-uw-rm-form="nfx">
        <label for="register-agrees-to-terms--desktop"
          class="text-caption group pl-[1.85714rem] before:content-[''] before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:absolute before:left-0 before:top-[.21429rem] ">
          <span>By creating an account, you agree to Murad's
            <a href="/pages/privacy-notice" class="underline font-medium text-[#333] hover:text-[#757575]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/pages/privacy-notice">Privacy Notice</a> and
            <a href="/pages/terms-of-sale" class="underline font-medium text-[#333] hover:text-[#757575]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/pages/terms-of-sale">Terms of Use</a>.</span>
          <span class="bg-checkmark bg-cover w-[1rem] h-[1rem] absolute left-px top-[.28571rem] scale-0 peer-checked:group-[]:scale-100"></span>
        </label>
      </div>
    </div>
    <button type="submit" class="py-4 btn-secondary mt-8">
      <span class="uppercase font-primary text-caption font-medium"> Create Account </span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517134905647--form" accept-charset="UTF-8" class=" flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207711437103">
  <input type="hidden" name="properties[Size]" value="0.5 FL. OZ.">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary font-primary w-full h-full py-2"><span class="text-[12px]"> ADD TO BAG </span>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517134905647"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517125304623--form" accept-charset="UTF-8" class=" flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207700590895">
  <input type="hidden" name="properties[Size]" value="0.5 FL. OZ.">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary font-primary w-full h-full py-2"><span class="text-[12px]"> ADD TO BAG </span>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517125304623"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517134774575--form" accept-charset="UTF-8" class=" flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207711306031">
  <input type="hidden" name="properties[Size]" value="1.0 FL. OZ.">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary font-primary w-full h-full py-2"><span class="text-[12px]"> ADD TO BAG </span>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517134774575"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517132874031--form" accept-charset="UTF-8" class=" flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207709110575">
  <input type="hidden" name="properties[Size]" value="2.7 FL. OZ.">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary font-primary w-full h-full py-2"><span class="text-[12px]"> ADD TO BAG </span>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517132874031"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517134905647--form" accept-charset="UTF-8" class=" flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207711437103">
  <input type="hidden" name="properties[Size]" value="0.5 FL. OZ.">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary font-primary w-full h-full py-2"><span class="text-[12px]"> ADD TO BAG </span>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517134905647"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517125304623--form" accept-charset="UTF-8" class=" flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207700590895">
  <input type="hidden" name="properties[Size]" value="0.5 FL. OZ.">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary font-primary w-full h-full py-2"><span class="text-[12px]"> ADD TO BAG </span>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517125304623"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517134774575--form" accept-charset="UTF-8" class=" flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207711306031">
  <input type="hidden" name="properties[Size]" value="1.0 FL. OZ.">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary font-primary w-full h-full py-2"><span class="text-[12px]"> ADD TO BAG </span>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517134774575"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517132874031--form" accept-charset="UTF-8" class=" flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207709110575">
  <input type="hidden" name="properties[Size]" value="2.7 FL. OZ.">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary font-primary w-full h-full py-2"><span class="text-[12px]"> ADD TO BAG </span>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517132874031"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517129892143--form" accept-charset="UTF-8" class="w-full flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207705571631">
  <input type="hidden" name="properties[Size]" value="0.17 FL. OZ.">
  <input type="hidden" name="properties[_freeSample]" value="true">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary !text-[10px] font-primary py-[3px] px-2 w-full mt-1">
      <div class="flex justify-center gap-1 lg:gap-2 ">
        <span>ADD TO BAG</span>
      </div>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517129892143"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517114523951--form" accept-charset="UTF-8" class="w-full flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207687483695">
  <input type="hidden" name="properties[Size]" value="0.17 FL. OZ.">
  <input type="hidden" name="properties[_freeSample]" value="true">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary !text-[10px] font-primary py-[3px] px-2 w-full mt-1">
      <div class="flex justify-center gap-1 lg:gap-2 ">
        <span>ADD TO BAG</span>
      </div>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517114523951"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517105709359--form" accept-charset="UTF-8" class="w-full flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207677063471">
  <input type="hidden" name="properties[Size]" value="0.25 FL OZ">
  <input type="hidden" name="properties[_freeSample]" value="true">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary !text-[10px] font-primary py-[3px] px-2 w-full mt-1">
      <div class="flex justify-center gap-1 lg:gap-2 ">
        <span>ADD TO BAG</span>
      </div>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517105709359"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9517110985007--form" accept-charset="UTF-8" class="w-full flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207683584303">
  <input type="hidden" name="properties[Size]" value="0.25 FL. OZ.">
  <input type="hidden" name="properties[_freeSample]" value="true">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary !text-[10px] font-primary py-[3px] px-2 w-full mt-1">
      <div class="flex justify-center gap-1 lg:gap-2 ">
        <span>ADD TO BAG</span>
      </div>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9517110985007"><input type="hidden" name="section-id" value="header">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="header-9694489674031--form" accept-charset="UTF-8" class="w-full flex flex-wrap gap-4" enctype="multipart/form-data" data-product-form="true"><input type="hidden" name="form_type" value="product"><input
    type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48718990639407">
  <input type="hidden" name="properties[Size]" value="0.33 FL. OZ.">
  <input type="hidden" name="properties[_freeSample]" value="true">
  <div class="flex gap-4 w-full ">
    <button type="submit" class="btn-secondary !text-[10px] font-primary py-[3px] px-2 w-full mt-1">
      <div class="flex justify-center gap-1 lg:gap-2 ">
        <span>ADD TO BAG</span>
      </div>
    </button>
  </div>
  <input type="hidden" name="product-id" value="9694489674031"><input type="hidden" name="section-id" value="header">
</form>

POST /checkout

<form method="POST" action="/checkout" class="w-full">
  <button type="submit" class="btn-secondary py-3 !bg-[#3E87CB] w-full">
    <span class="font-primary">
      <div class="flex items-center gap-2">
        <span>Checkout</span>
      </div>
    </span>
  </button>
</form>

POST /account/login

<form method="post" action="/account/login" id="login--mobile" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="mb-[1.35714rem] font-primary"><input type="hidden" name="form_type" value="customer_login"><input type="hidden"
    name="utf8" value="✓">
  <input type="hidden" name="return_to" value="/account">
  <p class="mb-6 text-[1.14286rem] font-primary text-gray-light text-center"> We've upgraded our site! If you haven't logged in since 2/29/24 9PM PST, please reset your password to access your account. It may take a few minutes for your reset
    password email to arrive. If you need assistance, please contact Customer Care at <a class="underline" href="mailto:customerservice@murad.com" aria-label="send an email to customerservice@murad.com" uw-rm-vague-link-id="mailto:customerservice@murad.com$send an email to customerservice@murad.com" data-uw-rm-vglnk="">
                customerservice@murad.com
              
              </a>
  </p>
  <div class="flex flex-col justify-center text-gray-light">
    <div class="flex flex-col mb-8">
      <label for="email" class="mb-2 text-p">Email Address*</label>
      <input type="email" name="customer[email]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light" data-uw-rm-form="fx" aria-label="Email Address*" data-uw-hidden-control="hidden-control-element">
    </div>
    <div class="flex flex-col mb-8">
      <label for="password" class="mb-2 flex justify-between w-full">
        <span>Password*</span>
        <a href="/account/login#recover" class="text-caption font-medium underline" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/account/login#recover">
                  Forgot your password?
                </a>
      </label>
      <div class="relative">
        <input type="password" name="customer[password]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light w-full" data-uw-rm-form="fx" aria-label="Password field" data-uw-hidden-control="hidden-control-element">
        <button type="button" class="absolute right-4 h-full w-fit cursor-pointer group" onclick="this.previousElementSibling.type = this.previousElementSibling.type == 'password' ? 'text' : 'password'; this.classList.toggle('show-password')"
          data-uw-rm-kbnav="click">
          <img src="//www.murad.com/cdn/shop/t/2/assets/password-eye-icon_small.png?v=44650469535139965761709241325" class="block group-[.show-password]:hidden h-[1.05rem]" data-uw-rm-alt-original="" alt="green" data-uw-rm-alt="BE">
          <img src="//www.murad.com/cdn/shop/t/2/assets/password-eye-icon-slash_small.png?v=72102723165831803991709241324" class="hidden group-[.show-password]:block h-[1.42857rem] mt-px" data-uw-rm-alt-original=""
            alt="a black circle with a white line" data-uw-rm-alt="BE">
        </button>
      </div>
    </div>
  </div>
  <button type="submit" class="btn-secondary w-full py-[1.25rem] px-[.64286rem] mt-4">
    <span class="uppercase font-primary text-caption font-medium"> Sign In </span>
  </button>
</form>

POST /account

<form method="post" action="/account" id="register--mobile" accept-charset="UTF-8" data-login-with-shop-sign-up="true" class="mb-[1.35714rem] font-primary"><input type="hidden" name="form_type" value="create_customer"><input type="hidden" name="utf8"
    value="✓">
  <input type="hidden" name="return_to" value="/account">
  <div class="flex flex-col justify-center text-gray-light font-primary">
    <div class="flex flex-col mb-8">
      <label for="register-email" class="mb-2 text-p">Email Address*</label>
      <input required="" id="register-email" type="email" name="customer[email]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light" data-uw-rm-form="nfx">
    </div>
    <div class="flex flex-wrap gap-4 mb-8">
      <div class="flex flex-col flex-1">
        <label for="register-first-name" class="mb-2 text-p">First Name*</label>
        <input required="" id="register-first-name" type="text" name="customer[first_name]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light" data-uw-rm-form="nfx">
      </div>
      <div class="flex flex-col flex-1">
        <label for="register-last-name" class="mb-2 text-p">Last Name*</label>
        <input required="" id="register-last-name" type="text" name="customer[last_name]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light" data-uw-rm-form="nfx">
      </div>
    </div>
    <div class="flex flex-col mb-8">
      <label for="register-birthday" class="mb-2">Birthday</label>
      <input id="register-birthday" type="date" name="customer[note][birthday]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666] font-light uppercase bg-transparent w-full h-[3rem]" placeholder="MM/DD/YYYY" max="2010-12-06"
        min="1900-01-01" data-uw-rm-form="nfx">
    </div>
    <div class="flex flex-col mb-8" data-verify-password="">
      <label for="register-password" class="mb-2 text-p">Password*</label>
      <div class="relative">
        <input required="" id="register-password" type="password" name="customer[password]" class="border border-gray-lightest text-p px-4 py-3 !text-[#666666] font-light w-full" pattern="^(?=.*[0-9])(?=.*[a-zA-Z])(?=\S+$).{7,}$"
          data-uw-rm-form="nfx">
        <button type="button" class="absolute right-4 h-full w-fit cursor-pointer group" onclick="this.previousElementSibling.type = this.previousElementSibling.type == 'password' ? 'text' : 'password'; this.classList.toggle('show-password')"
          data-uw-rm-kbnav="click">
          <img src="//www.murad.com/cdn/shop/t/2/assets/password-eye-icon_small.png?v=44650469535139965761709241325" class="block group-[.show-password]:hidden h-[1.05rem]" data-uw-rm-alt-original="" alt="green" data-uw-rm-alt="BE">
          <img src="//www.murad.com/cdn/shop/t/2/assets/password-eye-icon-slash_small.png?v=72102723165831803991709241324" class="hidden group-[.show-password]:block h-[1.42857rem] mt-px" data-uw-rm-alt-original=""
            alt="a black circle with a white line" data-uw-rm-alt="BE">
        </button>
      </div>
      <div class="text-gray-dark mt-8">
        <span class="mb-2 block font-semibold">Your password must have:</span>
        <div class="mb-2">
          <span data-character-count="7" class="text-caption border border-gray-lightest bg-transparent rounded-[.71429rem] py-[.07143rem] px-[.21429rem] mr-[.42857rem] [&amp;.active]:bg-[#aacb67] text-gray-dark [&amp;.active]:text-white">✔</span>
          <span>7 or more characters</span>
        </div>
        <div class="mb-2">
          <span data-letter="" class="text-caption border border-gray-lightest bg-transparent rounded-[.71429rem] py-[.07143rem] px-[.21429rem] mr-[.42857rem] [&amp;.active]:bg-[#aacb67] text-gray-dark [&amp;.active]:text-white">✔</span>
          <span>At least one letter</span>
        </div>
        <div class="mb-2">
          <span data-number="" class="text-caption border border-gray-lightest bg-transparent rounded-[.71429rem] py-[.07143rem] px-[.21429rem] mr-[.42857rem] [&amp;.active]:bg-[#aacb67] text-gray-dark [&amp;.active]:text-white">✔</span>
          <span>At least one number</span>
        </div>
      </div>
      <div class="text-gray-dark mt-2">
        <p class="mb-2">
          <span>Password strength:</span>
          <span data-strength="" class="[&amp;.weak]:text-[#d0021b] [&amp;.medium]:text-[orange] [&amp;.strong]:text-[green] uppercase"></span>
        </p>
        <div class="w-full bg-gray-lightest h-2.5">
          <div data-progress-bar="" class="h-full [&amp;.weak]:bg-[#d0021b] [&amp;.medium]:bg-[#fba02d] [&amp;.strong]:bg-[#aacb67]"></div>
        </div>
      </div>
    </div>
    <div class="flex flex-col gap-2">
      <div id="accepts_marketing_checkbox" class="flex relative">
        <input id="register-accepts-marketing--mobile" type="checkbox" name="customer[accepts_marketing]" class="opacity-0 peer h-[1.14286rem] w-[1.14286rem] absolute top-[.21429rem] left-0" data-uw-rm-form="nfx">
        <label for="register-accepts-marketing--mobile"
          class="text-caption group pl-[1.85714rem] before:content-[''] before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:absolute before:left-0 before:top-[.21429rem] ">
          <span>Yes, sign me up for Murad's mailing list. By signing up you agree to receive product information and promotions from Murad. You can unsubscribe at any time. See our
            <a href="/pages/privacy-notice" class="underline font-medium text-[#333] hover:text-[#757575]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/pages/privacy-notice">Privacy Notice</a> for more information.</span>
          <span class="bg-checkmark bg-cover w-[1rem] h-[1rem] absolute left-px top-[.28571rem] scale-0 peer-checked:group-[]:scale-100"></span>
        </label>
      </div>
      <div class="flex relative">
        <input id="register-agrees-to-terms--mobile" type="checkbox" required="" name="customer[note][agrees_to_terms]" class="opacity-0 peer h-[1.14286rem] w-[1.14286rem] absolute top-[.21429rem] left-0" data-uw-rm-form="nfx">
        <label for="register-agrees-to-terms--mobile" class="text-caption group pl-[1.85714rem] before:content-[''] before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:absolute before:left-0 before:top-[.21429rem] ">
          <span>By creating an account, you agree to Murad's
            <a href="/pages/privacy-notice" class="underline font-medium text-[#333] hover:text-[#757575]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/pages/privacy-notice">Privacy Notice</a> and
            <a href="/pages/terms-of-sale" class="underline font-medium text-[#333] hover:text-[#757575]" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/pages/terms-of-sale">Terms of Use</a>.</span>
          <span class="bg-checkmark bg-cover w-[1rem] h-[1rem] absolute left-px top-[.28571rem] scale-0 peer-checked:group-[]:scale-100"></span>
        </label>
      </div>
    </div>
    <button type="submit" class="py-4 btn-secondary mt-8">
      <span class="uppercase font-primary text-caption font-medium"> Create Account </span>
    </button>
  </div>
</form>

<form class="relative py-[.85714rem] pl-24 text-h5 tracking-[-.5px] text-gray-dark my-5" data-accordion="">
  <button type="button" class="group inline-block font-primary text-[14px] font-medium" data-hc-control="filter--filter.p.m.custom_fields.skin_type--desktop">
    <span>Skin Type</span>
    <span class="inline-block ml-2 group-[.is-active]:rotate-180">▾</span>
  </button>
  <div class="absolute right-0 top-[100%] z-20 bg-body rounded-[10px]" data-hc-content="filter--filter.p.m.custom_fields.skin_type--desktop" style="overflow: hidden; max-height: 0px; visibility: hidden;">
    <ul class="rounded-[10px] border border-gray-lightest text-gray-dark">
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.skin_type=Balanced" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.skin_type=Balanced">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Balanced (6)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.skin_type=Combination" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.skin_type=Combination">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Combination (6)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.skin_type=Dry" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.skin_type=Dry">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Dry (6)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.skin_type=Oily" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.skin_type=Oily">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Oily (7)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.skin_type=Sensitive" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.skin_type=Sensitive">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Sensitive (5)
                        </span>
                      </a>
      </li>
    </ul>
  </div>
</form>

<form class="relative py-[.85714rem] pl-24 text-h5 tracking-[-.5px] text-gray-dark my-5" data-accordion="">
  <button type="button" class="group inline-block font-primary text-[14px] font-medium" data-hc-control="filter--filter.p.m.custom_fields.formulated_without--desktop">
    <span>Formulated Without</span>
    <span class="inline-block ml-2 group-[.is-active]:rotate-180">▾</span>
  </button>
  <div class="absolute right-0 top-[100%] z-20 bg-body rounded-[10px]" data-hc-content="filter--filter.p.m.custom_fields.formulated_without--desktop" style="overflow: hidden; max-height: 0px; visibility: hidden;">
    <ul class="rounded-[10px] border border-gray-lightest text-gray-dark">
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Animal-Derived+Ingredients" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Animal-Derived+Ingredients">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Animal-Derived Ingredients (4)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Formaldehyde" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Formaldehyde">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Formaldehyde (6)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Gluten" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Gluten">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Gluten (8)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Mineral+Oil" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Mineral+Oil">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Mineral Oil (6)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Oxybenzone" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Oxybenzone">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Oxybenzone (6)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Parabens" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Parabens">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Parabens (8)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Petrolatum" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Petrolatum">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Petrolatum (6)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Phthalates" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Phthalates">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Phthalates (8)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Sulfates" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.formulated_without=Sulfates">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Sulfates (7)
                        </span>
                      </a>
      </li>
    </ul>
  </div>
</form>

<form class="relative py-[.85714rem] pl-24 text-h5 tracking-[-.5px] text-gray-dark my-5" data-accordion="">
  <button type="button" class="group inline-block font-primary text-[14px] font-medium" data-hc-control="filter--filter.p.m.custom_fields.product_type--desktop">
    <span>Product Type</span>
    <span class="inline-block ml-2 group-[.is-active]:rotate-180">▾</span>
  </button>
  <div class="absolute right-0 top-[100%] z-20 bg-body rounded-[10px]" data-hc-content="filter--filter.p.m.custom_fields.product_type--desktop" style="overflow: hidden; max-height: 0px; visibility: hidden;">
    <ul class="rounded-[10px] border border-gray-lightest text-gray-dark">
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.product_type=Eyes" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.product_type=Eyes">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Eyes (2)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.product_type=Moisturizers" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.product_type=Moisturizers">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Moisturizers (4)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.product_type=Regimens+%26+Kits" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.product_type=Regimens+%26+Kits">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Regimens &amp; Kits (1)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.product_type=Serums+%26+Treatments" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.product_type=Serums+%26+Treatments">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Serums &amp; Treatments (3)
                        </span>
                      </a>
      </li>
    </ul>
  </div>
</form>

<form class="relative py-[.85714rem] pl-24 text-h5 tracking-[-.5px] text-gray-dark my-5" data-accordion="">
  <button type="button" class="group inline-block font-primary text-[14px] font-medium" data-hc-control="filter--filter.p.m.custom_fields.collection--desktop">
    <span>Collection</span>
    <span class="inline-block ml-2 group-[.is-active]:rotate-180">▾</span>
  </button>
  <div class="absolute right-0 top-[100%] z-20 bg-body rounded-[10px]" data-hc-content="filter--filter.p.m.custom_fields.collection--desktop" style="overflow: hidden; max-height: 0px; visibility: hidden;">
    <ul class="rounded-[10px] border border-gray-lightest text-gray-dark">
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.collection=Acne+Control" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.collection=Acne+Control">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Acne Control (2)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.collection=E-Shield" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.collection=E-Shield">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          E-Shield (2)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.collection=Hydration" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.collection=Hydration">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Hydration (3)
                        </span>
                      </a>
      </li>
      <li class="px-[1.71429rem] leading-[2.85rem]"><a class="inline-block w-full pl-[1.85714rem] relative before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 leading-[37.05px] after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden" href="/collections/niacinamide?filter.p.m.custom_fields.collection=Resurgence" data-uw-rm-brl="PR" data-uw-original-href="https://www.murad.com/collections/niacinamide?filter.p.m.custom_fields.collection=Resurgence">
                        <span class="tracking-[.4px] whitespace-nowrap text-p font-primary text-p-mob text-gray-light font-medium">
                          Resurgence (2)
                        </span>
                      </a>
      </li>
    </ul>
  </div>
</form>

<form class="text-gray-dark" data-accordion="" data-filters="">
  <div class="mx-[1.07143rem]">
    <div class="relative text-h4-mob tracking-[-.5px] text-gray-dark border-b border-gray-lightest">
      <button type="button" class="text-[16px] w-full flex justify-between py-4 text-left group inline-block font-primary font-medium" data-hc-control="filter--filter.p.m.custom_fields.skin_type--mobile">
        <span>Skin Type</span>
        <span>
          <span class="block -rotate-90 group-[.is-active]:rotate-90 ">
            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" viewBox="0 0 7 13" fill="none">
              <path d="M6.5 1L1 6.5L6.5 12" stroke="#333333" stroke-linecap="round"></path>
            </svg>
          </span>
        </span>
      </button>
      <div class="" data-hc-content="filter--filter.p.m.custom_fields.skin_type--mobile" style="overflow: hidden; max-height: 0px; visibility: hidden;">
        <ul class="text-gray-dark mb-[20px]">
          <li class="leading-[20px] mb-[10px]"><input id="filter--Skin Type--Balanced" name="filter.p.m.custom_fields.skin_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.skin_type=Balanced" data-uw-rm-form="nfx"
              aria-label="Balanced (6)">
            <label for="filter--Skin Type--Balanced"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Balanced (6) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Skin Type--Combination" name="filter.p.m.custom_fields.skin_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.skin_type=Combination" data-uw-rm-form="nfx"
              aria-label="Combination (6)">
            <label for="filter--Skin Type--Combination"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Combination (6) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Skin Type--Dry" name="filter.p.m.custom_fields.skin_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.skin_type=Dry" data-uw-rm-form="nfx" aria-label="Dry (6)">
            <label for="filter--Skin Type--Dry"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Dry (6) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Skin Type--Oily" name="filter.p.m.custom_fields.skin_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.skin_type=Oily" data-uw-rm-form="nfx"
              aria-label="Oily (7)">
            <label for="filter--Skin Type--Oily"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Oily (7) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Skin Type--Sensitive" name="filter.p.m.custom_fields.skin_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.skin_type=Sensitive" data-uw-rm-form="nfx"
              aria-label="Sensitive (5)">
            <label for="filter--Skin Type--Sensitive"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Sensitive (5) </span>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="mx-[1.07143rem]">
    <div class="relative text-h4-mob tracking-[-.5px] text-gray-dark border-b border-gray-lightest">
      <button type="button" class="text-[16px] w-full flex justify-between py-4 text-left group inline-block font-primary font-medium" data-hc-control="filter--filter.p.m.custom_fields.formulated_without--mobile">
        <span>Formulated Without</span>
        <span>
          <span class="block -rotate-90 group-[.is-active]:rotate-90 ">
            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" viewBox="0 0 7 13" fill="none">
              <path d="M6.5 1L1 6.5L6.5 12" stroke="#333333" stroke-linecap="round"></path>
            </svg>
          </span>
        </span>
      </button>
      <div class="" data-hc-content="filter--filter.p.m.custom_fields.formulated_without--mobile" style="overflow: hidden; max-height: 0px; visibility: hidden;">
        <ul class="text-gray-dark mb-[20px]">
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Animal-Derived Ingredients" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden"
              value="filter.p.m.custom_fields.formulated_without=Animal-Derived+Ingredients" data-uw-rm-form="nfx" aria-label="Animal-Derived Ingredients (4)">
            <label for="filter--Formulated Without--Animal-Derived Ingredients"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Animal-Derived Ingredients (4) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Formaldehyde" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden"
              value="filter.p.m.custom_fields.formulated_without=Formaldehyde" data-uw-rm-form="nfx" aria-label="Formaldehyde (6)">
            <label for="filter--Formulated Without--Formaldehyde"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Formaldehyde (6) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Gluten" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.formulated_without=Gluten"
              data-uw-rm-form="nfx" aria-label="Gluten (8)">
            <label for="filter--Formulated Without--Gluten"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Gluten (8) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Mineral Oil" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.formulated_without=Mineral+Oil"
              data-uw-rm-form="nfx" aria-label="Mineral Oil (6)">
            <label for="filter--Formulated Without--Mineral Oil"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Mineral Oil (6) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Oxybenzone" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.formulated_without=Oxybenzone"
              data-uw-rm-form="nfx" aria-label="Oxybenzone (6)">
            <label for="filter--Formulated Without--Oxybenzone"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Oxybenzone (6) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Parabens" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.formulated_without=Parabens"
              data-uw-rm-form="nfx" aria-label="Parabens (8)">
            <label for="filter--Formulated Without--Parabens"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Parabens (8) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Petrolatum" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.formulated_without=Petrolatum"
              data-uw-rm-form="nfx" aria-label="Petrolatum (6)">
            <label for="filter--Formulated Without--Petrolatum"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Petrolatum (6) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Phthalates" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.formulated_without=Phthalates"
              data-uw-rm-form="nfx" aria-label="Phthalates (8)">
            <label for="filter--Formulated Without--Phthalates"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Phthalates (8) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Formulated Without--Sulfates" name="filter.p.m.custom_fields.formulated_without" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.formulated_without=Sulfates"
              data-uw-rm-form="nfx" aria-label="Sulfates (7)">
            <label for="filter--Formulated Without--Sulfates"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Sulfates (7) </span>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="mx-[1.07143rem]">
    <div class="relative text-h4-mob tracking-[-.5px] text-gray-dark border-b border-gray-lightest">
      <button type="button" class="text-[16px] w-full flex justify-between py-4 text-left group inline-block font-primary font-medium" data-hc-control="filter--filter.p.m.custom_fields.product_type--mobile">
        <span>Product Type</span>
        <span>
          <span class="block -rotate-90 group-[.is-active]:rotate-90 ">
            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" viewBox="0 0 7 13" fill="none">
              <path d="M6.5 1L1 6.5L6.5 12" stroke="#333333" stroke-linecap="round"></path>
            </svg>
          </span>
        </span>
      </button>
      <div class="" data-hc-content="filter--filter.p.m.custom_fields.product_type--mobile" style="overflow: hidden; max-height: 0px; visibility: hidden;">
        <ul class="text-gray-dark mb-[20px]">
          <li class="leading-[20px] mb-[10px]"><input id="filter--Product Type--Eyes" name="filter.p.m.custom_fields.product_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.product_type=Eyes" data-uw-rm-form="nfx"
              aria-label="Eyes (2)">
            <label for="filter--Product Type--Eyes"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Eyes (2) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Product Type--Moisturizers" name="filter.p.m.custom_fields.product_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.product_type=Moisturizers"
              data-uw-rm-form="nfx" aria-label="Moisturizers (4)">
            <label for="filter--Product Type--Moisturizers"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Moisturizers (4) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Product Type--Regimens &amp; Kits" name="filter.p.m.custom_fields.product_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.product_type=Regimens+&amp;+Kits"
              data-uw-rm-form="nfx" aria-label="Regimens &amp; Kits (1)">
            <label for="filter--Product Type--Regimens &amp; Kits"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Regimens &amp; Kits (1) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Product Type--Serums &amp; Treatments" name="filter.p.m.custom_fields.product_type" type="checkbox" class="peer hidden"
              value="filter.p.m.custom_fields.product_type=Serums+&amp;+Treatments" data-uw-rm-form="nfx" aria-label="Serums &amp; Treatments (3)">
            <label for="filter--Product Type--Serums &amp; Treatments"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Serums &amp; Treatments (3) </span>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="mx-[1.07143rem]">
    <div class="relative text-h4-mob tracking-[-.5px] text-gray-dark border-b border-gray-lightest">
      <button type="button" class="text-[16px] w-full flex justify-between py-4 text-left group inline-block font-primary font-medium" data-hc-control="filter--filter.p.m.custom_fields.collection--mobile">
        <span>Collection</span>
        <span>
          <span class="block -rotate-90 group-[.is-active]:rotate-90 ">
            <svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" viewBox="0 0 7 13" fill="none">
              <path d="M6.5 1L1 6.5L6.5 12" stroke="#333333" stroke-linecap="round"></path>
            </svg>
          </span>
        </span>
      </button>
      <div class="" data-hc-content="filter--filter.p.m.custom_fields.collection--mobile" style="overflow: hidden; max-height: 0px; visibility: hidden;">
        <ul class="text-gray-dark mb-[20px]">
          <li class="leading-[20px] mb-[10px]"><input id="filter--Collection--Acne Control" name="filter.p.m.custom_fields.collection" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.collection=Acne+Control" data-uw-rm-form="nfx"
              aria-label="Acne Control (2)">
            <label for="filter--Collection--Acne Control"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Acne Control (2) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Collection--E-Shield" name="filter.p.m.custom_fields.collection" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.collection=E-Shield" data-uw-rm-form="nfx"
              aria-label="E-Shield (2)">
            <label for="filter--Collection--E-Shield"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> E-Shield (2) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Collection--Hydration" name="filter.p.m.custom_fields.collection" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.collection=Hydration" data-uw-rm-form="nfx"
              aria-label="Hydration (3)">
            <label for="filter--Collection--Hydration"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Hydration (3) </span>
            </label>
          </li>
          <li class="leading-[20px] mb-[10px]"><input id="filter--Collection--Resurgence" name="filter.p.m.custom_fields.collection" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.collection=Resurgence" data-uw-rm-form="nfx"
              aria-label="Resurgence (2)">
            <label for="filter--Collection--Resurgence"
              class="inline-block w-full whitespace-nowrap text-p font-primary pl-[1.85714rem] relative font-primary text-p-mob text-gray-light font-medium before:-translate-y-1/2 before:top-1/2 before:border before:border-[#ccc] before:h-[1.14286rem] before:w-[1.14286rem] before:content-[''] before:absolute before:left-0 after:bg-checkmark after:content-[''] after:bg-1/2 after:h-4 after:w-4 after:leading-none after:block after:absolute after:top-1/2 after:mt-[-.55rem] after:left-px after:scale-75 after:hidden after:peer-checked:block">
              <span> Resurgence (2) </span>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="flex justify-between mt-6 mx-[1.07143rem]">
    <button type="submit" class="text-[15px] text-gray-dark font-bold border border-gray-dark py-[15px] w-full"> APPLY FILTERS </button>
  </div>
  <div class="flex justify-center mt-[30px] mx-[10px]">
    <button type="button" class="text-[13px] font-medium text-gray-dark border-b-[1px]" data-clear-all=""> CLEAR ALL </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517112361263" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="new-retinol-youth-renewal-night-cream"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207685222703">
  <input type="hidden" name="properties[Size]" value="1.7 FL. OZ.">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517112361263"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517120389423" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="rapid-dark-spot-correcting-serum"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207694233903">
  <input type="hidden" name="properties[Size]" value="1.0 FL. OZ.">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517120389423"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517102727471" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="nutrient-charged-water-gel"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207672967471">
  <input type="hidden" name="properties[Size]" value="1.7 FL. OZ.">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517102727471"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517114229039" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="vita-c-eyes-dark-circle-corrector"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207687188783">
  <input type="hidden" name="properties[Size]" value="0.5 FL. OZ.">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517114229039"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517101056303" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="revitalixir-recovery-serum-for-stress"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207670837551">
  <input type="hidden" name="properties[Size]" value="1.35 FL. OZ.">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517101056303"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517125763375" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="smooth-replenish-value-set"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207701049647">
  <input type="hidden" name="properties[Size]" value="2-Piece Set">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517125763375"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517101220143" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="outsmart-acne-clarifying-treatment"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207671099695">
  <input type="hidden" name="properties[Size]" value="1.7 FL. OZ.">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517101220143"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517127008559" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="clarifying-water-gel"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207702360367">
  <input type="hidden" name="properties[Size]" value="2.0 FL. OZ.">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517127008559"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_9517128614191" accept-charset="UTF-8" class="w-full h-[3.57143rem]  block pointer-events-auto" enctype="multipart/form-data" data-product-form="true" data-is-quick-add="true"
  data-product-handle="retinol-youth-renewal-night-cream-travel-size"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="id" value="48207704260911">
  <input type="hidden" name="properties[Size]" value="0.5 FL. OZ.">
  <button type="submit" class="bg-white text-gray-dark border border-gray-dark relative group/atc w-full h-full overflow-hidden flex flex-col">
    <div class="relative w-full h-full flex flex-col items-center justify-center overflow-hidden hover:bg-gray-dark hover:text-white">
      <span class="w-full text-[12px] font-primary font-semibold"> ADD TO BAG </span>
    </div>
  </button>
  <input type="hidden" name="product-id" value="9517128614191"><input type="hidden" name="section-id" value="template--23128227381551__product_grid_3_wndnpC">
</form>

<form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go3826086652 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-VZ5pwT" novalidate=""
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 450px; margin: 0px auto; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 0px 0px 28px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; justify-content: center;" id="uw224d601">
    <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 20px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-116678258" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span class="ql-font-tt-norms-medium"
              style="color: rgb(72, 72, 72); font-size: 27px; font-family: 'NoeDisplay Regular', serif; font-weight: 400; font-style: normal;">Let's Stay in Touch </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 40px 26px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-116678259" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span class="ql-font-tt-norms-regular"
              style="color: rgb(72, 72, 72); font-size: 13px; font-family: TT Norms Regular, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;">Unlock special offers, new product sneak peeks, event invites, tips and more</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; 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_116678260" class="needsclick go332163073 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Email address" aria-label="Email address" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 38px; text-align: left; color: rgb(72, 72, 72); font-family: &quot;TT Norms Medium&quot;, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(219, 219, 219);"
            data-uw-rm-form="nfx">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
      <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: 0 1 auto;"><button
          class="needsclick go1263840615 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(255, 255, 255); border-radius: 0px; border-style: solid; border-color: rgb(219, 219, 219); border-width: 1px; color: rgb(72, 72, 72); font-family: &quot;TT Norms Bold&quot;, Tahoma, Verdana, Segoe, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 0px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; pointer-events: auto; height: 38px;">Sign
          Up</button></div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;" data-uw-rm-form="fx" aria-label="hidden-control-element" data-uw-hidden-control="hidden-control-element" aria-labelledby="uw224d601">
</form>

<form class="flex items-center gap-8 font-primary w-full lg:w-fit">
  <label id="shippingLocations-dropdown" for="shipping-locales" class="text-[12px] leading-[16px]"> Locations: </label>
  <div class="block w-full lg:w-fit">
    <select onchange="location=this.value" id="shipping-locales"
      class="appearance-none w-full lg:w-[140px] text-[12px] py-2.5 px-[13px] bg-shipping-locales bg-no-repeat bg-[right_15px_center] bg-[transparent] text-white border border-gray-lightest font-primary" data-uw-rm-form="nfx">
      <option value="https://www.murad.com/" selected="" class="text-[black]"> United States </option>
      <option value="https://www.muradskincare.ca/" class="text-[black]"> Canada </option>
      <option value="https://www.murad.co.uk/" class="text-[black]"> United Kingdom </option>
      <option value="https://www.murad.com.my/" class="text-[black]"> Malaysia </option>
      <option value="https://www.murad.com.au/" class="text-[black]"> Australia </option>
      <option value="https://muradskincare.de/" class="text-[black]"> Germany </option>
    </select>
  </div>
</form>

<form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_3 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-VeZfcG" novalidate=""
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 20px 15px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1"
    style="display: flex; flex-direction: column; width: 390px; margin: -20px 0px -20px -15px; padding: 0px; border-top: 0px solid transparent; border-right: 0px; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-bottom-left-radius: 4px; border-top-left-radius: 4px; overflow: hidden; min-width: 390px; min-height: 500px;">
    <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; height: 100%; position: relative;"><img src="https://d3k81ch9hvuctc.cloudfront.net/company/RMWZEt/images/c46bb850-214b-4e37-a932-e2e4c05b7dbc.png"
        class="needsclick  kl-private-reset-css-Xuajs1" data-uw-rm-alt-original="" data-uw-rm-alt="QU" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;"></div>
  </div>
  <div class="needsclick  kl-private-reset-css-Xuajs1" id="uw283770f" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 0px 0px 15px; min-height: 500px; 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: 10px 6px; position: relative; flex: 0 1 auto; margin: 0px auto;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
              src="https://d3k81ch9hvuctc.cloudfront.net/company/RMWZEt/images/34c4cd89-a0f1-4e62-b1f1-1f2de576f0df.png" tabindex="-1" alt="Murad" class="needsclick  kl-private-reset-css-Xuajs1" data-uw-rm-alt-original="Murad" data-uw-rm-alt="ALT"
              style="max-width: 100%; width: 200px; height: auto; cursor: initial;"></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: 10px 6px 0px 0px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-123447846" style="width: 100%;">
          <h2 style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
              style="font-size: 20px; font-family: 'TT Norms Medium', Tahoma, Verdana, Segoe, sans-serif; font-weight: 500; color: #595959;">UNLOCK</span><br><span
              style="font-size: 45px; font-family: 'TT Norms Medium', Tahoma, Verdana, Segoe, sans-serif; font-weight: 500; color: #595959;">20% OFF</span><br><span
              style="font-size: 20px; font-family: 'TT Norms Medium', Tahoma, Verdana, Segoe, sans-serif; font-weight: 500; color: #595959;">YOUR FIRST ORDER</span></h2>
          <h2 style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
              style="font-size: 12px; font-family: 'TT Norms Medium', Tahoma, Verdana, Segoe, sans-serif; font-weight: 500; color: #595959;">Select exclusions apply.</span></h2>
        </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: 10px 6px 0px; 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_123447847" class="needsclick go4046051640 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-invalid="false" options="[object Object]" data-uw-rm-form="nfx"
            style="box-sizing: border-box; border-radius: 4px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Poppins-Klaviyo-Hosted, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
          <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: 10px 6px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go300628013 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(95, 95, 95); border-radius: 6px; border-style: none; border-color: rgb(33, 29, 28); border-width: 3px; color: rgb(255, 255, 255); font-family: &quot;TT Norms Bold&quot;, Tahoma, Verdana, Segoe, sans-serif; font-size: 18px; font-weight: 700; 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; pointer-events: auto; height: 54px; width: 100%;">CONTINUE</button>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" data-uw-rm-form="fx" aria-label="hidden-control-element" data-uw-hidden-control="hidden-control-element" aria-labelledby="uw283770f" style="display: none;">
</form>

Text Content

Skip to main contentEnable accessibility for low visionOpen the accessibility
menu






Cookie Policy
We use cookies and similar tracking technologies to enhance your browsing
experience, analyze traffic to our site, customize content and advertising, and
provide social media features.
DenyDeny Cookies

Skip to content


US | EN
 * Sign Up for Beauty Rewards
 * Give $15, Get $15!
 * Free Duo With $85
 * Sign Up for Beauty Rewards
 * Give $15, Get $15!
 * Free Duo With $85
 * Sign Up for Beauty Rewards

AS SEEN ON TV

Hello Beautiful!

Log In or Sign Up
 * Shop
    * Cleansers & Toners
    * Exfoliators
    * Serums & Treatments
    * Moisturizers
    * Masks & Peels
    * Eyes
    * SPF
    * Supplements
    * Regimen & Kits
   
   
    * Shop By Ingredient
      Shop By Ingredient
       * Retinol
       * Hyaluronic Acid
       * Vitamin C
       * Niacinamide
       * Glycolic Acid
       * Salicylic Acid
       * Lactic Acid
       * Peptides
   
    * Shop Bestsellers
    * Shop Special Offers
    * Shop Travel Sizes
    * Shop Kits & Sets
    * Text Message a Pro

 * Skin Concern
    * Sensitive Skincare
       * 
         Soothing Oat and Peptide Cleanser
         $43.00 | 6.75 FL. OZ.
       * 
         City Skin Age Defense Broad Spectrum SPF 50 | PA++++
         $69.00 | 1.7 FL. OZ.
       * 
         Daily Defense Colloidal Oatmeal Cream
         $58.00 | 1.7 FL. OZ.
       * 
         Revitalixir Recovery Serum
         $97.00 | 1.35 FL. OZ.
   
    * Eczema Control Skincare
       * 
         Soothing Oat and Peptide Cleanser
         $43.00 | 6.75 FL. OZ.
       * 
         Daily Defense Colloidal Oatmeal Cream
         $58.00 | 1.7 FL. OZ.
       * 
         Quick Relief Colloidal Oatmeal Treatment
         $49.00 | 1.7 FL. OZ.
       * 
         Soothing Oat and Peptide Cleanser Value Size
         $86.00 | 13.5 FL. OZ.
   
    * Acne & Blemish Treatments
       * 
         Acne Control Clarifying Cleanser
         $36.00 | 6.75 FL. OZ.
       * 
         Deep Relief Acne Treatment
         $45.00 | 1.0 FL. OZ.
       * 
         InvisiScar Resurfacing Treatment
         $39.00 | 0.5 FL. OZ.
       * 
         Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 |
         PA++++
         $49.00 | 1.7 FL. OZ.
       * 
         Clarifying Water Gel
         $49.00 | 2.0 FL. OZ.
   
    * Oil Control Products
       * 
         Acne Control Clarifying Cleanser
         $36.00 | 6.75 FL. OZ.
       * 
         Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 |
         PA++++
         $49.00 | 1.7 FL. OZ.
       * 
         Targeted Pore Corrector
         $49.00 | 0.5 FL. OZ.
       * 
         Rapid Relief Acne Sulfur Mask
         $44.00 | 2.5 FL. OZ.
       * 
         Clarifying Toner
         $30.00 | 6.0 FL. OZ.
   
    * Pore Minimizing Skincare
       * 
         Acne Control Clarifying Cleanser
         $36.00 | 6.75 FL. OZ.
       * 
         Targeted Pore Corrector
         $49.00 | 0.5 FL. OZ.
       * 
         Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 |
         PA++++
         $49.00 | 1.7 FL. OZ.
       * 
         Clarifying Toner
         $30.00 | 6.0 FL. OZ.
   
    * Hydrating Skin Products for Dry Skin
       * 
         Nutrient-Charged Water Gel
         $50.00 | 1.7 FL. OZ.
       * 
         Hydro-Dynamic Ultimate Moisture
         $85.00 | 1.7 FL. OZ.
       * 
         Intense Recovery Cream
         $86.00 | 1.7 FL. OZ.
       * 
         Revitalixir Recovery Serum
         $97.00 | 1.35 FL. OZ.
       * 
         Multi-Vitamin Infusion Oil
         $88.00 | 1.0 FL. OZ.
   
    * Anti-Aging Skincare Products
       * 
         Retinol Youth Renewal Serum
         $92.00 | 1.0 FL. OZ.
       * 
         Retinol Youth Renewal Eye Serum
         $89.00 | 0.5 FL. OZ.
       * 
         Retinol Youth Renewal Night Cream
         $89.00 | 1.7 FL. OZ.
       * 
         Targeted Wrinkle Corrector
         $79.00 | 0.5 FL. OZ.
       * 
         Dr. Zion x Murad Retinol Youth Renewal Eye Masks
         $42.00 | 5-Pack
   
    * Lifting & Firming Skincare
       * 
         Retinal ReSculpt Overnight Treatment
         $105.00 | 1.0 FL. OZ.
       * 
         Retinal ReSculpt Eye Lift Treatment
         $92.00 | 0.5 FL. OZ.
       * 
         Targeted Wrinkle Corrector
         $79.00 | 0.5 FL. OZ.
       * 
         Age-Balancing Moisture Broad Spectrum SPF 30 | PA+++
         $87.00 | 1.7 FL. OZ.
       * 
         Youth Renewal Supplement
         $55.00 | 30-Day Supply
   
    * Dark Spots & Uneven Tone
       * 
         Rapid Dark Spot Correcting Serum
         $83.00 | 1.0 FL. OZ.
       * 
         Vita-C Glycolic Serum
         $88.00 | 1.0 FL. OZ.
       * 
         Correct & Protect Serum Broad Spectrum SPF 45 | PA++++
         $69.00 | 1.0 FL. OZ.
       * 
         City Skin Age Defense Broad Spectrum SPF 50 | PA++++
         $69.00 | 1.7 FL. OZ.
       * 
         Vita-C Triple Exfoliating Facial
         $88.00 | 2.7 FL. OZ.
   
    * Skin Brightening Treatments
       * 
         Rapid Dark Spot Correcting Serum
         $83.00 | 1.0 FL. OZ.
       * 
         Vita-C Glycolic Serum
         $88.00 | 1.0 FL. OZ.
       * 
         Targeted Eye Depuffer
         $64.00 | 0.5 FL. OZ.
       * 
         City Skin Age Defense Broad Spectrum SPF 50 | PA++++
         $69.00 | 1.7 FL. OZ.
       * 
         Correct & Protect Serum Broad Spectrum SPF 45 | PA++++
         $69.00 | 1.0 FL. OZ.
   
    * Sensitive Skincare
       * 
         Soothing Oat and Peptide Cleanser
         $43.00 | 6.75 FL. OZ.
       * 
         City Skin Age Defense Broad Spectrum SPF 50 | PA++++
         $69.00 | 1.7 FL. OZ.
       * 
         Daily Defense Colloidal Oatmeal Cream
         $58.00 | 1.7 FL. OZ.
       * 
         Revitalixir Recovery Serum
         $97.00 | 1.35 FL. OZ.
   
    * Eczema Control Skincare
       * 
         Soothing Oat and Peptide Cleanser
         $43.00 | 6.75 FL. OZ.
       * 
         Daily Defense Colloidal Oatmeal Cream
         $58.00 | 1.7 FL. OZ.
       * 
         Quick Relief Colloidal Oatmeal Treatment
         $49.00 | 1.7 FL. OZ.
       * 
         Soothing Oat and Peptide Cleanser Value Size
         $86.00 | 13.5 FL. OZ.
   
    * Acne & Blemish Treatments
       * 
         Acne Control Clarifying Cleanser
         $36.00 | 6.75 FL. OZ.
       * 
         Deep Relief Acne Treatment
         $45.00 | 1.0 FL. OZ.
       * 
         InvisiScar Resurfacing Treatment
         $39.00 | 0.5 FL. OZ.
       * 
         Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 |
         PA++++
         $49.00 | 1.7 FL. OZ.
       * 
         Clarifying Water Gel
         $49.00 | 2.0 FL. OZ.
   
    * Oil Control Products
       * 
         Acne Control Clarifying Cleanser
         $36.00 | 6.75 FL. OZ.
       * 
         Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 |
         PA++++
         $49.00 | 1.7 FL. OZ.
       * 
         Targeted Pore Corrector
         $49.00 | 0.5 FL. OZ.
       * 
         Rapid Relief Acne Sulfur Mask
         $44.00 | 2.5 FL. OZ.
       * 
         Clarifying Toner
         $30.00 | 6.0 FL. OZ.

 * Discover
    * About Us Learn More
    * Take the Skin Quiz Learn More
    * Find a Murad Skincare Provider Learn More
    * Skincare Questions? Ask an Expert! Learn More
    * Loyalty Rewards Learn More
    * Sustainability Learn More
    * Subscribe and Save Learn More
    * Giving Back Learn More

 * Find Your Skincare Regimen
 * Wellness + Science Stories

PROVEN RESULTS WITH THE #1 DERMATOLOGIST-FOUNDED BRAND*

Shop Now
 * Sign Up
 * Sign In/Sign Up

 * Shop
    * Shop Best Sellers
    * Shop Special Offers
    * Shop New Arrivals
    * Shop Value Sizes
    * Text Message a Pro
   
   
   PRODUCTS
   
    * Cleansers & Toners
    * Exfoliators
    * Serums & Treatments
    * Moisturizers
    * Masks & Peels
    * Eyes
    * SPF
    * Regimens & Kits
    * Supplements
   
   
   SHOP BY INGREDIENT
   
    * Retinol
    * Retinal
    * Vitamin C
    * Niacinamide
    * Glycolic Acid
    * Hyaluronic Acid
    * Salicylic Acid
    * Lactic Acid
    * Peptides
   
   PROVEN RESULTS WITH THE #1 DERMATOLOGIST-FOUNDED BRAND*
   
   Shop Now
 * Skin Concerns
    * Spots & Blemishes
    * Oil Control
    * Pores
    * Hydration
    * Lines & Wrinkles
    * Lifting & Firming
    * Uneven Skin Tone
    * Brightening
    * Sensitive Skin
    * Eczema
   
    * 
      Acne Control Clarifying Cleanser
      $36.00 | 6.75 FL. OZ.
    * 
      Deep Relief Acne Treatment
      $45.00 | 1.0 FL. OZ.
    * 
      InvisiScar Resurfacing Treatment
      $39.00 | 0.5 FL. OZ.
    * 
      Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 | PA++++
      $49.00 | 1.7 FL. OZ.
   
    * 
      Acne Control Clarifying Cleanser
      $36.00 | 6.75 FL. OZ.
    * 
      Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 | PA++++
      $49.00 | 1.7 FL. OZ.
    * 
      Targeted Pore Corrector
      $49.00 | 0.5 FL. OZ.
    * 
      Rapid Relief Acne Sulfur Mask
      $44.00 | 2.5 FL. OZ.
   
    * 
      Acne Control Clarifying Cleanser
      $36.00 | 6.75 FL. OZ.
    * 
      Targeted Pore Corrector
      $49.00 | 0.5 FL. OZ.
    * 
      Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 | PA++++
      $49.00 | 1.7 FL. OZ.
    * 
      Clarifying Toner
      $30.00 | 6.0 FL. OZ.
   
    * 
      Nutrient-Charged Water Gel
      $50.00 | 1.7 FL. OZ.
    * 
      Hydro-Dynamic Ultimate Moisture
      $85.00 | 1.7 FL. OZ.
    * 
      Intense Recovery Cream
      $86.00 | 1.7 FL. OZ.
    * 
      Revitalixir Recovery Serum
      $97.00 | 1.35 FL. OZ.
   
    * 
      Retinol Youth Renewal Serum
      $92.00 | 1.0 FL. OZ.
    * 
      Retinol Youth Renewal Eye Serum
      $89.00 | 0.5 FL. OZ.
    * 
      Retinol Youth Renewal Night Cream
      $89.00 | 1.7 FL. OZ.
    * 
      Targeted Wrinkle Corrector
      $79.00 | 0.5 FL. OZ.
   
    * 
      Retinal ReSculpt Overnight Treatment
      $105.00 | 1.0 FL. OZ.
    * 
      Retinal ReSculpt Eye Lift Treatment
      $92.00 | 0.5 FL. OZ.
    * 
      Targeted Wrinkle Corrector
      $79.00 | 0.5 FL. OZ.
    * 
      Age-Balancing Moisture Broad Spectrum SPF 30 | PA+++
      $87.00 | 1.7 FL. OZ.
   
    * 
      Rapid Dark Spot Correcting Serum
      $83.00 | 1.0 FL. OZ.
    * 
      Vita-C Glycolic Serum
      $88.00 | 1.0 FL. OZ.
    * 
      Correct & Protect Serum Broad Spectrum SPF 45 | PA++++
      $69.00 | 1.0 FL. OZ.
    * 
      City Skin Age Defense Broad Spectrum SPF 50 | PA++++
      $69.00 | 1.7 FL. OZ.
   
    * 
      Rapid Dark Spot Correcting Serum
      $83.00 | 1.0 FL. OZ.
    * 
      Vita-C Glycolic Serum
      $88.00 | 1.0 FL. OZ.
    * 
      Targeted Eye Depuffer
      $64.00 | 0.5 FL. OZ.
    * 
      City Skin Age Defense Broad Spectrum SPF 50 | PA++++
      $69.00 | 1.7 FL. OZ.
   
    * 
      Soothing Oat and Peptide Cleanser
      $43.00 | 6.75 FL. OZ.
    * 
      City Skin Age Defense Broad Spectrum SPF 50 | PA++++
      $69.00 | 1.7 FL. OZ.
    * 
      Daily Defense Colloidal Oatmeal Cream
      $58.00 | 1.7 FL. OZ.
    * 
      Revitalixir Recovery Serum
      $97.00 | 1.35 FL. OZ.
   
    * 
      Soothing Oat and Peptide Cleanser
      $43.00 | 6.75 FL. OZ.
    * 
      Daily Defense Colloidal Oatmeal Cream
      $58.00 | 1.7 FL. OZ.
    * 
      Quick Relief Colloidal Oatmeal Treatment
      $49.00 | 1.7 FL. OZ.
    * 
      Soothing Oat and Peptide Cleanser Value Size
      $86.00 | 13.5 FL. OZ.

 * Discover
   
   
    * ABOUT US
      
      Learn More
   
   
    * TAKE THE SKIN QUIZ
      
      Learn More
   
   
    * FIND A MURAD SKINCARE PROVIDER
      
      Learn More
   
   
    * SKINCARE QUESTIONS? ASK AN EXPERT!
      
      Learn More
   
   
    * LOYALTY REWARDS
      
      Learn More
   
   
    * SUSTAINABILITY
      
      Learn More
   
   
    * SUBSCRIBE AND SAVE
      
      Learn More
   
   
    * GIVING BACK
      
      Learn More

 * Wellness + Science Stories

Checkbox field

 * Search Search
   
   
   POPULAR SEARCHES
   
    * toner
    * sunscreen
    * acne
    * retinol
    * vitamin c
   
   
   RECOMMENDED FOR YOU
   
    * 4.9
      BESTSELLER
      Essential-C Day Moisture Broad Spectrum SPF 30 | PA+++1.7 FL. OZ.
      $69
    * 4.7
      
      30-Day InvisiScar Kit30-Day
      $40
    * 4.8
      
      Retinol Youth Renewal Serum Larger Size1.7 FL. OZ.
      $125
    * 4.7
      
      Dr. Zion x Murad Retinol Youth Renewal Eye Mask1-Pack
      $10
    * 4.9
      BESTSELLER
      Retinol Youth Renewal Night Cream1.7 FL. OZ.
      $89
    * 4.8
      BESTSELLER
      Rapid Dark Spot Correcting Serum1.0 FL. OZ.
      $83
    * 4.9
      
      AHA/BHA Exfoliating Cleanser Travel Size2.0 FL. OZ.
      $18
    * 4.7
      BESTSELLER
      Acne Control Oil and Pore Control Mattifier Broad Spectrum SPF 45 |
      PA++++1.7 FL. OZ.
      $49
    * 4.9
      BESTSELLER
      Essential-C Cleanser6.75 FL. OZ.
      $44
    * 4.8
      BESTSELLER
      Retinal ReSculpt Overnight Treatment1.0 FL. OZ.
      $105
    * 4.8
      
      Vita-C Glycolic Serum Travel Size0.33 FL. OZ.
      $30
    * 4.9
      BESTSELLER
      Hydro-Dynamic Ultimate Moisture1.7 FL. OZ.
      $85
    * 4.8
      BESTSELLER
      Deep Relief Acne Treatment1.0 FL. OZ.
      $45
    * 4.8
      BESTSELLER
      Vita-C Glycolic Serum1.0 FL. OZ.
      $88
    * 4.9
      
      Hydrating Toner6.0 FL. OZ.
      $42
    * 4.8
      
      Acne Control Clarifying Cleanser6.75 FL. OZ.
      $36
    * 4.9
      BESTSELLER
      Revitalixir Recovery Serum1.35 FL. OZ.
      $97
    * 4.8
      
      Retinol Overnight Essentials 90-Day Kit90-Day
      $95$118
    * 4.9
      BESTSELLER
      Nutrient-Charged Water Gel1.7 FL. OZ.
      $50
    * 4.7
      BESTSELLER
      InvisiScar Resurfacing Treatment0.5 FL. OZ.
      $39
   
   Close
 * Sign In/Sign Up
   
   Sign in
   
   We've upgraded our site! If you haven't logged in since 2/29/24 9PM PST,
   please reset your password to access your account. It may take a few minutes
   for your reset password email to arrive. If you need assistance, please
   contact Customer Care at customerservice@murad.com
   
   Email Address*
   Password* Forgot your password?
   
   Sign In
   New Customer?  Create Account
   
   Create Your Account
   
   Email Address*
   First Name*
   Last Name*
   Birthday
   Password*
   
   Your password must have:
   ✔ 7 or more characters
   ✔ At least one letter
   ✔ At least one number
   
   Password strength:
   
   
   Yes, sign me up for Murad's mailing list. By signing up you agree to receive
   product information and promotions from Murad. You can unsubscribe at any
   time. See our Privacy Notice for more information.
   By creating an account, you agree to Murad's Privacy Notice and Terms of Use.
   Create Account
   Returning Customer?  Sign In
 * 0
   0
   
   
   YOUR CART (0)
   
   You are $50.00 away from qualifying for free shipping!
   
   
   
   Congrats! You've unlocked free shipping 🎉
   
   Sign in or sign up to get your Murad Rewards
   
   Your Cart Is Empty
   
   THE LATEST
   
   
    * For Sagging
      
      
      RETINAL RESCULPT EYE LIFT TREATMENT
      
      $92.00 0.5 FL. OZ.
      ADD TO BAG
    * For Wrinkles
      
      
      TARGETED WRINKLE CORRECTOR
      
      $79.00 0.5 FL. OZ.
      ADD TO BAG
    * For Hydration
      
      
      CELLULAR HYDRATION BARRIER REPAIR SERUM
      
      $72.00 1.0 FL. OZ.
      ADD TO BAG
    * For Hydration
      
      
      CELLULAR HYDRATION BARRIER REPAIR SLEEP MASK
      
      $55.00 2.7 FL. OZ.
      ADD TO BAG
    * For Sagging
      
      
      RETINAL RESCULPT EYE LIFT TREATMENT
      
      $92.00 0.5 FL. OZ.
      ADD TO BAG
    * For Wrinkles
      
      
      TARGETED WRINKLE CORRECTOR
      
      $79.00 0.5 FL. OZ.
      ADD TO BAG
    * For Hydration
      
      
      CELLULAR HYDRATION BARRIER REPAIR SERUM
      
      $72.00 1.0 FL. OZ.
      ADD TO BAG
    * For Hydration
      
      
      CELLULAR HYDRATION BARRIER REPAIR SLEEP MASK
      
      $55.00 2.7 FL. OZ.
      ADD TO BAG
   
   ADD 1 FREE MINI
   
    * 
      Quick Relief Colloidal Oatmeal Treatment Mini
      ADD TO BAG
    * 
      InvisiScar Resurfacing Treatment Mini
      ADD TO BAG
    * 
      Hydro-Dynamic Ultimate Moisture Mini
      ADD TO BAG
    * 
      Retinol Youth Renewal Night Cream Mini
      ADD TO BAG
    * 
      Cellular Hydration Barrier Repair Sleep Mask Mini
      ADD TO BAG
   
    * 
    * 
   
   Add 1 Free Mini Quick Relief Colloidal Oatmeal Treatment Mini ADD TO BAG
   InvisiScar Resurfacing Treatment Mini ADD TO BAG Hydro-Dynamic Ultimate
   Moisture Mini ADD TO BAG Retinol Youth Renewal Night Cream Mini ADD TO BAG
   Cellular Hydration Barrier Repair Sleep Mask Mini ADD TO BAG
   
   You can't add anymore samples.
   
   OK
   
   SUBTOTAL
   
   $0.00
   Checkout

Sign In/Sign Up

Sign in

We've upgraded our site! If you haven't logged in since 2/29/24 9PM PST, please
reset your password to access your account. It may take a few minutes for your
reset password email to arrive. If you need assistance, please contact Customer
Care at customerservice@murad.com

Email Address*
Password* Forgot your password?

Sign In
New Customer?  Create Account

Create Your Account

Email Address*
First Name*
Last Name*
Birthday
Password*

Your password must have:
✔ 7 or more characters
✔ At least one letter
✔ At least one number

Password strength:


Yes, sign me up for Murad's mailing list. By signing up you agree to receive
product information and promotions from Murad. You can unsubscribe at any time.
See our Privacy Notice for more information.
By creating an account, you agree to Murad's Privacy Notice and Terms of Use.
Create Account
Returning Customer?  Sign In
Home / Niacinamide


NIACINAMIDE

From balancing and brightening the skin tone to minimizing fine lines and
wrinkles, niacinamide for skin has been integrated into a variety of
dermatologist-developed skincare products.

Filter:
Skin Type ▾
 * Balanced (6)
 * Combination (6)
 * Dry (6)
 * Oily (7)
 * Sensitive (5)

Formulated Without ▾
 * Animal-Derived Ingredients (4)
 * Formaldehyde (6)
 * Gluten (8)
 * Mineral Oil (6)
 * Oxybenzone (6)
 * Parabens (8)
 * Petrolatum (6)
 * Phthalates (8)
 * Sulfates (7)

Product Type ▾
 * Eyes (2)
 * Moisturizers (4)
 * Regimens & Kits (1)
 * Serums & Treatments (3)

Collection ▾
 * Acne Control (2)
 * E-Shield (2)
 * Hydration (3)
 * Resurgence (2)

Sort By:
Featured ▾
 * Featured
 * Best selling
 * Alphabetically, A-Z
 * Alphabetically, Z-A
 * Price, low to high
 * Price, high to low
 * Date, old to new
 * Date, new to old

FILTER ▾
FILTER
Skin Type
 * Balanced (6)
 * Combination (6)
 * Dry (6)
 * Oily (7)
 * Sensitive (5)

Formulated Without
 * Animal-Derived Ingredients (4)
 * Formaldehyde (6)
 * Gluten (8)
 * Mineral Oil (6)
 * Oxybenzone (6)
 * Parabens (8)
 * Petrolatum (6)
 * Phthalates (8)
 * Sulfates (7)

Product Type
 * Eyes (2)
 * Moisturizers (4)
 * Regimens & Kits (1)
 * Serums & Treatments (3)

Collection
 * Acne Control (2)
 * E-Shield (2)
 * Hydration (3)
 * Resurgence (2)

APPLY FILTERS
CLEAR ALL
Checkbox field SORT BY ▾
 * Featured
 * Best selling
 * Alphabetically, A-Z
 * Alphabetically, Z-A
 * Price, low to high
 * Price, high to low
 * Date, old to new
 * Date, new to old

4.9
BESTSELLER
FOR WRINKLES
ADD TO BAG
RESURGENCE
Retinol Youth Renewal Night Cream
1.7 FL. OZ.
$89
4.8
BESTSELLER
ADD TO BAG
ENVIRONMENTAL SHIELD
Rapid Dark Spot Correcting Serum
1.0 FL. OZ.
$83
4.9
BESTSELLER
ADD TO BAG
HYDRATION
Nutrient-Charged Water Gel
1.7 FL. OZ.
$50
4.6
BESTSELLER
ADD TO BAG
ENVIRONMENTAL SHIELD
Vita-C Eyes Dark Circle Corrector
0.5 FL. OZ.
$69
4.9
BESTSELLER
ADD TO BAG
HYDRATION
Revitalixir Recovery Serum
1.35 FL. OZ.
$97
4.5
NEW
ADD TO BAG
HYDRATION
Smooth + Replenish Value Set
2-Piece Set
$75
4.7
BESTSELLER
ADD TO BAG
ACNE CONTROL
Acne Control Outsmart Acne Clarifying Treatment
1.7 FL. OZ.
$49
4.6

ADD TO BAG
ACNE CONTROL
Clarifying Water Gel
2.0 FL. OZ.
$49
4.9
BESTSELLER
ADD TO BAG
RESURGENCE
Retinol Youth Renewal Night Cream Travel Size
0.5 FL. OZ.
$29

Niacinamide's skin benefits are broad and far-reaching—it’s one of the most
versatile skincare products, doing everything from treating uneven skin tone to
minimizing signs of aging that are found in all skin types. It promotes cell
turnover, which refreshes skin and minimizes fine lines and dark spots. We’ve
designed an impressive niacinamide-in-skincare collection with clinically proven
results. 

To target texture and uneven skin tone, look no further than our Revitalixir
Recovery Serum, featuring niacinamide to smooth lines, reduce dark circles, and
renew vibrancy. The combination of niacinamide with caffeine has been shown to
minimize dullness, reduce under-eye puffiness and brighten skin tone. 

Go to bed with our Retinol Youth Renewal Night Cream and wake up refreshed. This
dynamic duo of niacinamide and dipeptide strengthens the skin barrier while
leaving the skin with a more firm and revitalized appearance.  
 
For a stronger defense against visible signs of aging, embrace one of the main
niacinamide functions—youth renewal. From serums to creams, niacinamide
strengthens the skin barrier while retinol minimizes wrinkles. Niacinamide’s
long list of credits makes it a must-have in your skincare routine. 


Let's Stay in Touch

Unlock special offers, new product sneak peeks, event invites, tips and more

Sign Up
   
 * Translation missing: en.general.social.instagram
 * Translation missing: en.general.social.facebook
 * Translation missing: en.general.social.tiktok



Help

 * Track Your Order
 * Contact Us & FAQ
 * Shipping
 * Returns

Company

 * About Us
 * Careers
 * Sustainability and More Initiatives
 * Giving Back
 * Recycle Empties for Free
 * Accessibility Statement

Offers

 * Subscribe & Save
 * Give $15, Get $15
 * Murad Rewards
 * Student Discount

Read

 * Well Connected
 * Take the Skin Quiz

Services

 * Find a Skincare Provider
 * Text Message a Pro

Retail

 * Authorized Retailers
 * International

More

 * Afterpay

Help

 * Track Your Order
 * Contact Us & FAQ
 * Shipping
 * Returns

Company

 * About Us
 * Careers
 * Sustainability and More Initiatives
 * Giving Back
 * Recycle Empties for Free
 * Accessibility Statement

Offers

 * Subscribe & Save
 * Give $15, Get $15
 * Murad Rewards
 * Student Discount

Read

 * Well Connected
 * Take the Skin Quiz

Services

 * Find a Skincare Provider
 * Text Message a Pro

Retail

 * Authorized Retailers
 * International

More

 * Afterpay

Murad LLC 2024 All Rights Reserved



 * Privacy Notice
 * Consumer Health Data Privacy Policy
 * Terms Of Sale
 * Modern Slavery Act Transparency Statement
 * Do Not Sell or Share My Personal Information
 * 
 * Accessibility

Locations:
United States Canada United Kingdom Malaysia Australia Germany












Refer Friends

Close dialog


UNLOCK
20% OFF
YOUR FIRST ORDER


SELECT EXCLUSIONS APPLY.


CONTINUE