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
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] [&.active]:bg-[#aacb67] text-gray-dark [&.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] [&.active]:bg-[#aacb67] text-gray-dark [&.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] [&.active]:bg-[#aacb67] text-gray-dark [&.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="[&.weak]:text-[#d0021b] [&.medium]:text-[orange] [&.strong]:text-[green] uppercase"></span>
</p>
<div class="w-full bg-gray-lightest h-2.5">
<div data-progress-bar="" class="h-full [&.weak]:bg-[#d0021b] [&.medium]:bg-[#fba02d] [&.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] [&.active]:bg-[#aacb67] text-gray-dark [&.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] [&.active]:bg-[#aacb67] text-gray-dark [&.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] [&.active]:bg-[#aacb67] text-gray-dark [&.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="[&.weak]:text-[#d0021b] [&.medium]:text-[orange] [&.strong]:text-[green] uppercase"></span>
</p>
<div class="w-full bg-gray-lightest h-2.5">
<div data-progress-bar="" class="h-full [&.weak]:bg-[#d0021b] [&.medium]:bg-[#fba02d] [&.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 & 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 & 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 & Kits" name="filter.p.m.custom_fields.product_type" type="checkbox" class="peer hidden" value="filter.p.m.custom_fields.product_type=Regimens+&+Kits"
data-uw-rm-form="nfx" aria-label="Regimens & Kits (1)">
<label for="filter--Product Type--Regimens & 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 & Kits (1) </span>
</label>
</li>
<li class="leading-[20px] mb-[10px]"><input id="filter--Product Type--Serums & Treatments" name="filter.p.m.custom_fields.product_type" type="checkbox" class="peer hidden"
value="filter.p.m.custom_fields.product_type=Serums+&+Treatments" data-uw-rm-form="nfx" aria-label="Serums & Treatments (3)">
<label for="filter--Product Type--Serums & 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 & 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: "TT Norms Medium", Arial, "Helvetica Neue", 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: "TT Norms Bold", 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, "Helvetica Neue", 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: "TT Norms Bold", 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