<!doctype html>
<html class="no-js no-animation" lang="en">
  <head><script data-source-attribution="shopify.exit_interstitial">(()=>{var s=Function.prototype.bind.bind(Function.prototype.call),L=(r,o)=>{for(let a=r;a;a=Object.getPrototypeOf(a)){let u=Object.getOwnPropertyDescriptor(a,o);if(u)return u}throw new TypeError(`${o} is not defined`)},i=(r,o)=>s(L(r,o).get),k=(r,o)=>s(L(r,o).set);var Ct=s(String.prototype.endsWith),f=s(RegExp.prototype.exec),Tt=/^_(self|top|parent)$/i,Dt=/(^|\s)noreferrer(\s|$)/i,A=/^(no-referrer(-when-downgrade)?|same-origin|(strict-)?origin(-when-cross-origin)?|unsafe-url)$/i,$t=/^(never|default|always|origin-when-crossorigin)$/i,C=/^(no-referrer|same-origin|never)$/i,T=r=>{let o=`.${r}`;return a=>a===r||Ct(a,o)},D=(r,o,a)=>r!==void 0&&(r.protocol==="https:"||r.protocol==="http:")&&r.origin!==o&&!a(r.hostname),$=(r,o,a)=>r!==null&&f(Dt,r)!==null?!0:o!==null&&f(A,o)!==null?f(C,o)!==null:a,K=(r,o)=>f(A,r)!==null||f($t,r)!==null?f(C,r)!==null:o,M=(r,{metaKey:o,ctrlKey:a,shiftKey:u,button:y})=>r&&f(Tt,r)===null?r:o||a||u||y===1?"_blank":"";var Kt="http://www.w3.org/2000/svg",Mt="http://www.w3.org/1999/xlink";function U(r){let o=window;if(o.top!==o)return;let a=document,u=o.navigation,y=location.origin,d=URL,E=i(d.prototype,"href"),W=i(d.prototype,"origin"),B=i(d.prototype,"protocol"),F=i(d.prototype,"hostname"),h=s(Event.prototype.preventDefault),q=s(Event.prototype.stopPropagation),b=s(Event.prototype.stopImmediatePropagation),H=s(Event.prototype.composedPath),Y=i(Event.prototype,"type"),j=i(Event.prototype,"cancelable"),G=i(Event.prototype,"defaultPrevented"),V=i(Event.prototype,"bubbles"),X=i(Event.prototype,"cancelBubble"),z=k(Event.prototype,"cancelBubble"),J=i(MouseEvent.prototype,"button"),Q=i(MouseEvent.prototype,"metaKey"),Z=i(MouseEvent.prototype,"ctrlKey"),tt=i(MouseEvent.prototype,"shiftKey"),et=u&&i(NavigateEvent.prototype,"destination"),ot=u&&i(NavigationDestination.prototype,"url"),R=u&&i(NavigateEvent.prototype,"navigationType"),nt=u&&i(NavigateEvent.prototype,"formData"),g=s(Element.prototype.getAttribute),rt=s(Element.prototype.getAttributeNS),st=i(Element.prototype,"localName"),it=i(Element.prototype,"namespaceURI"),ct=s(Document.prototype.querySelector),at=s(Document.prototype.querySelectorAll),lt=i(NodeList.prototype,"length"),pt=s(NodeList.prototype.item),ut=i(Node.prototype,"baseURI"),ft=s(o.open),dt=s(location.assign),gt=s(location.replace),yt=encodeURIComponent,_t=s(String.prototype.startsWith),m=s(o.setTimeout),mt=s(o.addEventListener),Et=s(o.removeEventListener),v=Object.defineProperties,ht=T(r.site),N=E(new d(r.exitPath,y)),bt=`${N}?`,S=(t,e)=>{try{let n=new d(t,e);return{href:E(n),origin:W(n),protocol:B(n),hostname:F(n)}}catch{return}},Rt=(t,e,n)=>{let c=n?"&noreferrer=1":"";return`${N}?q=${yt(t.href)}&trigger=${e}${c}`},w=()=>{let t=at(a,'meta[name="referrer" i][content]'),e=!1;for(let n=0;n<lt(t);n+=1)e=K(g(pt(t,n),"content"),e);return e},P=(t,e,{target:n,noReferrer:c,replaces:l})=>{let p=Rt(t,e,c);if(n){ft(o,p,n,"noopener");return}(l?gt:dt)(location,p)},_,vt=(t,e)=>{_={href:t.href,noReferrer:e},m(o,()=>{_=void 0},0)},x=t=>D(t,y,ht),Nt=t=>t!==void 0&&_t(t.href,bt),St=t=>{let e=S(ot(et(t)));if(Nt(e)){b(t);return}if(!j(t)||R(t)==="traverse"||!x(e)||nt(t)!==null)return;h(t);let n=_;_=void 0;let c={target:"",noReferrer:n!==void 0&&n.href===e.href?n.noReferrer:w(),replaces:R(t)==="replace"};P(e,"navigate",c)},wt=t=>{try{return st(t)}catch{return}},Pt=t=>{let e=g(t,"href");return e===null&&it(t)===Kt?rt(t,Mt,"href"):e},xt=t=>{let e=H(t);for(let n=0;n<e.length;n+=1){let c=e[n],l=wt(c);if(l==="a"||l==="area"){let p=Pt(c);if(p!==null)return{node:c,href:p}}}},Ot=t=>{let e=g(t,"target");if(e!==null)return e;let n=ct(a,"base[target]");return n?g(n,"target"):""},It=t=>{try{return{metaKey:Q(t),ctrlKey:Z(t),shiftKey:tt(t),button:J(t)}}catch{return}},Lt=t=>{let e=!1,n=()=>{e=!0};return v(t,{__proto__:null,preventDefault:{__proto__:null,configurable:!0,value:n},defaultPrevented:{__proto__:null,configurable:!0,get:()=>e},returnValue:{__proto__:null,configurable:!0,get:()=>!e,set:c=>{c||n()}}}),()=>e},kt=(t,e,n)=>{let c=!1,l=()=>{if(c||(c=!0,G(t)))return;h(t);let p=Lt(t);m(o,()=>{p()||n()},0)};if(!V(t)){l();return}mt(o,e,l,{__proto__:null,once:!0}),m(o,()=>{c=!0,Et(o,e,l)},0),v(t,{__proto__:null,stopPropagation:{__proto__:null,configurable:!0,value:()=>{l(),q(t)}},stopImmediatePropagation:{__proto__:null,configurable:!0,value:()=>{l(),b(t)}},cancelBubble:{__proto__:null,configurable:!0,get:()=>X(t),set:p=>{p&&l(),z(t,p)}}})},O=t=>{let e=Y(t),n=It(t);if(!n||e==="auxclick"&&n.button!==1)return;let c=xt(t);if(!c)return;let l=S(c.href,ut(a));if(!x(l))return;let p=$(g(c.node,"rel"),g(c.node,"referrerpolicy"),w()),I=M(Ot(c.node),n);if(!I&&u){vt(l,p);return}let At={target:I,noReferrer:p,replaces:!1};kt(t,e,()=>P(l,e,At))};u?.addEventListener("navigate",St,!0),o.addEventListener("click",O,!0),o.addEventListener("auxclick",O,!0)}U({"site":"ravishingcosmetics.com","exitPath":"\/url"});})();
//# sourceURL=exit-interstitial.js
</script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://ravishingcosmetics.com/"><link rel="icon" type="image/png" href="//ravishingcosmetics.com/cdn/shop/files/favicon-32x32.png?crop=center&height=32&v=1786141132&width=32">
      <link rel="apple-touch-icon" href="//ravishingcosmetics.com/cdn/shop/files/favicon-32x32.png?crop=center&height=180&v=1786141132&width=180"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Ravishing Cosmetics® | Makeup, Lip Color, Eyes &amp; Beauty Kits
</title>

    
  <meta name="description" content="Shop Ravishing Cosmetics® makeup, lip colors, eye essentials and beauty kits. Discover Alexis Vogel-inspired products for a beautiful look.">


    

<meta property="og:site_name" content="Ravishing Cosmetics®">
<meta property="og:url" content="https://ravishingcosmetics.com/">
<meta property="og:title" content="Ravishing Cosmetics® | Makeup, Lip Color, Eyes &amp; Beauty Kits">
<meta property="og:type" content="website">
<meta property="og:description" content="Shop Ravishing Cosmetics® for makeup, lip color, eye essentials and beauty kits. Discover bestselling beauty products designed to help you create a ravishing look."><meta property="og:image" content="https://ravishingcosmetics.com/cdn/shop/files/Picsart_26-06-15_17-25-45-268_8b3942dc-10d7-4170-b579-b4e79e3092b6.webp?v=1785958515">
  <meta property="og:image:secure_url" content="https://ravishingcosmetics.com/cdn/shop/files/Picsart_26-06-15_17-25-45-268_8b3942dc-10d7-4170-b579-b4e79e3092b6.webp?v=1785958515">
  <meta property="og:image:width" content="3000">
  <meta property="og:image:height" content="2000"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ravishing Cosmetics® | Makeup, Lip Color, Eyes &amp; Beauty Kits">
<meta name="twitter:description" content="Shop Ravishing Cosmetics® for makeup, lip color, eye essentials and beauty kits. Discover bestselling beauty products designed to help you create a ravishing look.">

    
<style data-shopify>
     @font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
}

     @font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
}

     @font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff");
}

     @font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff");
}


     @font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
}

     @font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
}

     @font-face {
  font-family: Montserrat;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
}

     @font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
}


     @font-face {
  font-family: "Frank Ruhl Libre";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n4.be41c898e32d82eb3a7f43577f4ecd03f1e247ed.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n4.64ad59b2faca9e6f1e4f98b77886084a0fe29ad9.woff") format("woff");
}

     @font-face {
  font-family: "Frank Ruhl Libre";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//ravishingcosmetics.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n7.06bf05fa630f92a9f19b582dcbbceb09621e4909.woff2") format("woff2"),
       url("//ravishingcosmetics.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n7.5d86522b9aa7c903886206d07b95baaf5e68bfba.woff") format("woff");
}

     
     

     :root {
      /* Headings */
      --heading-font-family: Montserrat, sans-serif;
      --heading-font-weight: 400;
      --heading-font-style: normal;
      --heading-font-scale: 1.1;
      --heading-line-height: 1.1;
      --heading-letter-spacing: 0.0px;
      /* Body */
      --body-font-family: "DM Sans", sans-serif;
      --body-font-weight: 400;
      --body-font-style: normal;
      --body-font-scale: 1.1;
      --body-line-height: 1.5;
      --body-letter-spacing: 0.025px;
      /* Accent */
      --accent-font-family: "Frank Ruhl Libre", serif;
      --accent-font-weight: 400;
      --accent-font-style: normal;
      --accent-font-scale: 1.1;
      --accent-line-height: 1.5;
      --accent-letter-spacing: 0.0px;

      --section-radius: 50px;
      --container: 100%;
      --container-sm: 100%;
      --container-md: 100%;
      --preloader-font-family: var(--heading-font-family);
      --preloader-font-size: 190px;

      /* Heading size */
      --h1-large: calc(var(--heading-font-scale) * 120px);
      --h1: calc(var(--heading-font-scale) * 100px);
      --h2: calc(var(--heading-font-scale) * 60px);
      --h3: calc(var(--heading-font-scale) * 60px);
      --h4: calc(var(--heading-font-scale) * 50px);
      --h5: calc(var(--heading-font-scale) * 40px);
      --h6: calc(var(--heading-font-scale) * 28px);
      --h6-small: calc(var(--heading-font-scale) * 20px);
      /* Text size */
      --text-xxs: calc(var(--body-font-scale) * 12px);
      --text-xs: calc(var(--body-font-scale) * 14px);
      --text-sm: calc(var(--body-font-scale) * 16px);
      --text: calc(var(--body-font-scale) * 18px);
      --text-md: calc(var(--body-font-scale) * 20px);
      --text-lg: calc(var(--body-font-scale) * 22px);
      --text-xl: calc(var(--body-font-scale) * 26px);
      --text-xxl: calc(var(--body-font-scale) * 28px);
      --text-stroke-width: 1px;

      /* Buttons */
      --button-font-family: var(--body-font-family);
      --button-font-weight: var(--body-font-weight);
      --button-font-style: var(--body-font-style);
      --button-radius: 0px;
      --button-text-transform: inherit;

      /* Card */
      --card-radius: 0px;
      --product-card-radius: 0px;
      --product-card-border: ;
      --product-card-title-line-clamp: 0;

      /* Images **/
      --image-ratio: 100%;
      --img-square: 100%;
      --img-portrait: 130%;
      --img-landscape: 75%;
      --image-height: auto;
      --spacer-height: 100px;
      --image-overlay-background: 0, 0, 0;
      --image-overlay-opacity: 0.3;
      --border-size: calc(var(--body-font-scale) * 1px);

      /* FORM */
      --form-input-radius: 0px;
      --form-input-border-thickness: 1px;
      --form-input-border-opacity: 1;

      /* PRODUCT BADGES */
      --sale-badge-text: #ffffff;
      --sale-badge-background: #135d13;
      --soldout-badge-text: #ffffff;
      --soldout-badge-background: #f60808;
      --preorder-badge-text: #ffffff;
      --preorder-badge-background: #0c12f0;
      --discount-badge-text: #ffffff;
      --discount-badge-background: #e50000;
      --custom-badge-text: #ffffff;
      --custom-badge-background: #000080;
      --text-bgshape-stroke-width: 8px;--slider-arrow-size: 48px;
        --slider-arrow-radius: 48px;

      --error-color: #FF0000;
      --success-color: #135d13;

      /* Backdrop Overlay (For popups and full page overlay elements) */
      --backdrop-overlay-background: 0,0,0;
      --backdrop-overlay-opacity: 0.5;
      /* Backdrop Overlay (For popups and full page overlay elements) */
      --heading-overlay-radius: 8px;
    }

   
     .scheme-primary {
         --body-background: #f3dcd0;

        
        
        --body-background-rgb: 243,220,220;

        
          --body-background-spotlight: #9c5028; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: #f3dcd0;
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #eaeaea;

         --heading-color: #000000;
         --heading-text-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --heading-background-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #000000;
         --link-hover-color: #000000;
         --highlight-color: 179, 127, 113;
         --highlight-background: 255, 255, 255;

         --image-bg: #eaeaea;
         
          --image-background-gradient: #eaeaea;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #000000;
         --button-background: #dddddd;
         --button-border: #eaeaea;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #f7f7f7;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #ffffff;
         --card-text: #ffffff;
         --card-alternate-background: #efd8cb;
         
          --card-background-gradient: linear-gradient(54deg, rgba(179, 127, 113, 0.49) 14%, rgba(240, 238, 238, 1) 100%);
         
         --card-border: #ffffff;
     }
  
     .scheme-secondary {
         --body-background: #b37f71;

        
        
        --body-background-rgb: 179,127,127;

        
          --body-background-spotlight: #180f0d; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: #b37f71;
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #404040;

         --heading-color: #ffffff;
         --heading-text-gradient: linear-gradient(180deg, rgba(218, 218, 218, 1), rgba(142, 142, 142, 1) 100%);
         --heading-background-gradient: linear-gradient(180deg, rgba(218, 218, 218, 1), rgba(142, 142, 142, 1) 100%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #ffffff;
         --link-hover-color: #ffffff;
         --highlight-color: 255, 255, 255;
         --highlight-background: 0, 0, 0;

         --image-bg: #b1acac;
         
          --image-background-gradient: #b1acac;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #000000;

         
         --button-text: #000000;
         --button-background: #ffffff;
         --button-border: #000000;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #ffffff;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #dddddd;
         --card-heading: #000000;
         --card-text: #000000;
         --card-alternate-background: #ffffff;
         
          --card-background-gradient: linear-gradient(54deg, rgba(192, 184, 184, 1) 14%, rgba(240, 238, 238, 1) 100%);
         
         --card-border: #ffffff;
     }
  
     .scheme-tertiary {
         --body-background: #b37f71;

        
        
        --body-background-rgb: 179,127,127;

        
          --body-background-spotlight: #180f0d; 
        

         --body-alternate-background: #000000;
         
          --body-background-gradient: linear-gradient(270deg, rgba(240, 110, 105, 1), rgba(249, 208, 163, 1) 100%);
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #000000;

         --heading-color: #000000;
         --heading-text-gradient: linear-gradient(90deg, rgba(30, 19, 12, 1), rgba(154, 132, 120, 1) 100%);
         --heading-background-gradient: linear-gradient(90deg, rgba(30, 19, 12, 1), rgba(154, 132, 120, 1) 100%);
         --text-color: #b37f71;
         --text-stroke-color: #ffffff;
         --link-color: #000000;
         --link-hover-color: #ffffff;
         --highlight-color: 255, 255, 255;
         --highlight-background: 0, 0, 0;

         --image-bg: #ffffff;
         
          --image-background-gradient: #ffffff;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #242427;
         --form-input-color: #ffffff;
         --form-input-border: #313131;

         
         --button-text: #ffffff;
         --button-background: #000000;
         --button-border: #000000;
         --button-text-hover: #ffffff;
         --button-background-hover: #b37f71;
         --button-background-gradient: ;

         --button-secondary-text: #ffffff;
         --button-secondary-background: #000000;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #ffffff;
         --button-secondary-background-hover: #b37f71;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #000000;
         --card-text: #000000;
         --card-alternate-background: #ffffff;
         
          --card-background-gradient: linear-gradient(168.58deg, rgba(23, 23, 23, 0.4) 5.8%, rgba(5, 5, 5, 0.4) 96.9%);
         
         --card-border: #ffffff;
     }
  
     :root,.scheme-quaternary {
         --body-background: #ffffff;

        
        
        --body-background-rgb: 255,255,255;

        
          --body-background-spotlight: #808080; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: linear-gradient(180deg, rgba(179, 127, 113, 1), rgba(217, 184, 175, 1) 97%);
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #dddddd;

         --heading-color: #000000;
         --heading-text-gradient: ;
         --heading-background-gradient: linear-gradient(89deg, rgba(237, 220, 255, 1) 5%, rgba(255, 255, 255, 1) 100%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #000000;
         --link-hover-color: #8d8989;
         --highlight-color: 0, 0, 0;
         --highlight-background: 179, 127, 113;

         --image-bg: #ffffff;
         
          --image-background-gradient: #ffffff;
         
         --image-overlay-background: 179, 127, 113;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #5e5d5d;

         
         --button-text: #ffffff;
         --button-background: #000000;
         --button-border: #000000;
         --button-text-hover: #000000;
         --button-background-hover: #f1f1f1;
         --button-background-gradient: ;

         --button-secondary-text: #ffffff;
         --button-secondary-background: #000000;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #ffffff;
         --button-secondary-background-hover: #b37f71;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #ffffff;
         --slider-arrow-color: #000000;
         --card-background: #ffffff;
         --card-heading: #000000;
         --card-text: #000000;
         --card-alternate-background: #deb5aa;
         
          --card-background-gradient: linear-gradient(168.58deg, rgba(23, 23, 23, 0.4) 5.8%, rgba(5, 5, 5, 0.4) 96.9%);
         
         --card-border: #dddddd;
     }
  
     .scheme-quinary {
         --body-background: #f2f2f2;

        
        
        --body-background-rgb: 242,242,242;

        
          --body-background-spotlight: #727272; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: linear-gradient(90deg, rgba(242, 255, 253, 1), rgba(242, 236, 255, 1) 50.359%, rgba(242, 255, 253, 1) 100%);
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #efefef;
         --border-color: #dddddd;

         --heading-color: #000000;
         --heading-text-gradient: linear-gradient(272deg, rgba(248, 39, 39, 1), rgba(152, 67, 238, 1) 97%);
         --heading-background-gradient: linear-gradient(89deg, rgba(237, 220, 255, 1) 5%, rgba(255, 255, 255, 1) 100%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #000000;
         --link-hover-color: #8d8989;
         --highlight-color: 0, 0, 0;
         --highlight-background: 236, 236, 236;

         --image-bg: #ffffff;
         
          --image-background-gradient: #ffffff;
         
         --image-overlay-background: 18, 18, 18;
         --media-overlay-heading: #000000;
         --media-overlay-text: #000000;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #dddddd;

         
         --button-text: #000000;
         --button-background: #ffffff;
         --button-border: #000000;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #ffffff;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #ffffff;
         --button-secondary-background-hover: #000000;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #8d8989;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #000000;
         --card-text: #000000;
         --card-alternate-background: #f2f2f2;
         
          --card-background-gradient: linear-gradient(168.58deg, rgba(23, 23, 23, 0.4) 5.8%, rgba(5, 5, 5, 0.4) 96.9%);
         
         --card-border: #dddddd;
     }
  
     .scheme-senary {
         --body-background: #1b1b1b;

        
        
        --body-background-rgb: 27,27,27;

        
          --body-background-spotlight: #9b9b9b; 
        

         --body-alternate-background: #fcf8f1;
         
          --body-background-gradient: radial-gradient(rgb(49 50 44), rgba(0, 0, 0, 1) 73%);
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #f2f2f2;
         --border-color: #dddddd;

         --heading-color: #ffffff;
         --heading-text-gradient: linear-gradient(272deg, rgba(248, 39, 39, 1), rgba(152, 67, 238, 1) 97%);
         --heading-background-gradient: linear-gradient(89deg, rgba(237, 220, 255, 1) 5%, rgba(255, 255, 255, 1) 100%);
         --text-color: #ffffff;
         --text-stroke-color: #fafafa;
         --link-color: #ffffff;
         --link-hover-color: #8d8989;
         --highlight-color: 255, 255, 255;
         --highlight-background: 236, 236, 236;

         --image-bg: #ffffff;
         
          --image-background-gradient: #ffffff;
         
         --image-overlay-background: 3, 3, 3;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #000000;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #ffffff;
         --button-background: #000000;
         --button-border: #000000;
         --button-text-hover: #000000;
         --button-background-hover: #ffffff;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #ffffff;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #291f1f;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #000000;
         --card-text: #3b3a3a;
         --card-alternate-background: #ffffff;
         
          --card-background-gradient: linear-gradient(168.58deg, rgba(23, 23, 23, 0.4) 5.8%, rgba(5, 5, 5, 0.4) 96.9%);
         
         --card-border: #a9a3a3;
     }
  
     .scheme-septenary {
         --body-background: #dbbbe3;

        
        
        --body-background-rgb: 219,187,187;

        
          --body-background-spotlight: #632e71; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: linear-gradient(180deg, rgba(229, 224, 222, 1), rgba(229, 224, 222, 1) 100%);
         

         --corners-top-background: #000000;
         --corners-bottom-background: #000000;
         --border-color: #dddddd;

         --heading-color: #54346f;
         --heading-text-gradient: linear-gradient(272deg, rgba(248, 39, 39, 1), rgba(152, 67, 238, 1) 97%);
         --heading-background-gradient: linear-gradient(89deg, rgba(237, 220, 255, 1) 5%, rgba(255, 255, 255, 1) 100%);
         --text-color: #54346f;
         --text-stroke-color: #fbab16;
         --link-color: #382718;
         --link-hover-color: #8d8989;
         --highlight-color: 219, 187, 227;
         --highlight-background: 84, 52, 111;

         --image-bg: #ad937c;
         
          --image-background-gradient: #ad937c;
         
         --image-overlay-background: 18, 18, 18;
         --media-overlay-heading: #000000;
         --media-overlay-text: #fac9e7;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #dbbbe3;
         --button-background: #54346f;
         --button-border: #54346f;
         --button-text-hover: #000000;
         --button-background-hover: #ffffff;
         --button-background-gradient: ;

         --button-secondary-text: #ffffff;
         --button-secondary-background: #000000;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #ffffff;
         --slider-arrow-color: #000000;
         --card-background: #ffffff;
         --card-heading: #000000;
         --card-text: #000000;
         --card-alternate-background: #e8e8e8;
         
          --card-background-gradient: linear-gradient(168.58deg, rgba(23, 23, 23, 0.4) 5.8%, rgba(5, 5, 5, 0.4) 96.9%);
         
         --card-border: rgba(0,0,0,0);
     }
  
     .scheme-octonary {
         --body-background: #d8ccb5;

        
        
        --body-background-rgb: 216,204,204;

        
          --body-background-spotlight: #5d4e31; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: #d8ccb5;
         

         --corners-top-background: #492c2e;
         --corners-bottom-background: #ffffff;
         --border-color: #dddddd;

         --heading-color: #3f280c;
         --heading-text-gradient: linear-gradient(272deg, rgba(248, 39, 39, 1), rgba(152, 67, 238, 1) 97%);
         --heading-background-gradient: linear-gradient(89deg, rgba(237, 220, 255, 1) 5%, rgba(255, 255, 255, 1) 100%);
         --text-color: #3f280c;
         --text-stroke-color: #000000;
         --link-color: #382718;
         --link-hover-color: #8d8989;
         --highlight-color: 216, 204, 181;
         --highlight-background: 63, 40, 12;

         --image-bg: #ad937c;
         
          --image-background-gradient: #ad937c;
         
         --image-overlay-background: 18, 18, 18;
         --media-overlay-heading: #000000;
         --media-overlay-text: #000000;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #d8ccb5;
         --button-background: #3f280c;
         --button-border: #3f280c;
         --button-text-hover: #000000;
         --button-background-hover: #ffffff;
         --button-background-gradient: ;

         --button-secondary-text: #ffffff;
         --button-secondary-background: #000000;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #000000;
         --card-text: #000000;
         --card-alternate-background: #e8e8e8;
         
          --card-background-gradient: linear-gradient(168.58deg, rgba(23, 23, 23, 0.4) 5.8%, rgba(5, 5, 5, 0.4) 96.9%);
         
         --card-border: rgba(0,0,0,0);
     }
  
     .scheme-nonary {
         --body-background: #f6f6f6;

        
        
        --body-background-rgb: 246,246,246;

        
          --body-background-spotlight: #767676; 
        

         --body-alternate-background: #eaeaea;
         
          --body-background-gradient: linear-gradient(180deg, rgba(246, 246, 246, 1) 14%, rgba(214, 236, 202, 1) 50.719%, rgba(246, 246, 246, 1) 100%);
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #eaeaea;

         --heading-color: #91b96e;
         --heading-text-gradient: linear-gradient(127deg, rgba(32, 77, 29, 1) 11%, rgba(32, 77, 29, 1) 81%);
         --heading-background-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --text-color: #204d1d;
         --text-stroke-color: #ec1212;
         --link-color: #204d1d;
         --link-hover-color: #91b96e;
         --highlight-color: 32, 77, 29;
         --highlight-background: 0, 0, 0;

         --image-bg: #e9e3dd;
         
          --image-background-gradient: #e9e3dd;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #204d1d;
         --button-background: #ffffff;
         --button-border: #e8efe4;
         --button-text-hover: #ffffff;
         --button-background-hover: #204d1d;
         --button-background-gradient: ;

         --button-secondary-text: #ffffff;
         --button-secondary-background: #204d1d;
         --button-secondary-border: #204d1d;
         --button-secondary-text-hover: #204d1d;
         --button-secondary-background-hover: #91b96e;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #ffffff;
         --slider-arrow-color: #204d1d;
         --card-background: #ffffff;
         --card-heading: #283527;
         --card-text: #283527;
         --card-alternate-background: #dddddd;
         
          --card-background-gradient: linear-gradient(54deg, rgba(192, 184, 184, 1) 14%, rgba(240, 238, 238, 1) 100%);
         
         --card-border: #e9e3dd;
     }
  
     .scheme-denary {
         --body-background: #ffffff;

        
        
        --body-background-rgb: 255,255,255;

        
          --body-background-spotlight: #808080; 
        

         --body-alternate-background: #eaeaea;
         
          --body-background-gradient: linear-gradient(154.45deg, rgba(242, 235, 235, 1) 3.597%, rgba(240, 235, 234, 1) 50%, rgba(236, 228, 228, 1) 98%, rgba(0, 26, 255, 1) 100%, rgba(0, 26, 255, 0.39) 108.43%);
         

         --corners-top-background: #f6f6f6;
         --corners-bottom-background: #f6f6f6;
         --border-color: #e5eee3;

         --heading-color: #000000;
         --heading-text-gradient: linear-gradient(127deg, rgba(145, 185, 110, 1) 11%, rgba(145, 185, 110, 1) 81%);
         --heading-background-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #000000;
         --link-hover-color: #000000;
         --highlight-color: 0, 0, 0;
         --highlight-background: 0, 0, 0;

         --image-bg: #ffffff;
         
          --image-background-gradient: #ffffff;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #000000;

         
         --button-text: #204d1d;
         --button-background: #ffffff;
         --button-border: #ffffff;
         --button-text-hover: #ffffff;
         --button-background-hover: #204d1d;
         --button-background-gradient: ;

         --button-secondary-text: #ffffff;
         --button-secondary-background: #000000;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #ffffff;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #d19889;
         --card-heading: #ffffff;
         --card-text: #ffffff;
         --card-alternate-background: #b692a1;
         
          --card-background-gradient: linear-gradient(168.58deg, rgba(23, 23, 23, 0.4) 5.8%, rgba(5, 5, 5, 0.4) 96.9%);
         
         --card-border: #e9e3dd;
     }
  
     .scheme-scheme-ac606227-cbde-46ee-9cc7-e8253cf6f6be {
         --body-background: #f3dcd0;

        
        
        --body-background-rgb: 243,220,220;

        
          --body-background-spotlight: #9c5028; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: #f3dcd0;
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #eaeaea;

         --heading-color: #000000;
         --heading-text-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --heading-background-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #000000;
         --link-hover-color: #000000;
         --highlight-color: 0, 0, 0;
         --highlight-background: 255, 255, 255;

         --image-bg: #eaeaea;
         
          --image-background-gradient: #eaeaea;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #000000;
         --button-background: #dddddd;
         --button-border: #eaeaea;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #f7f7f7;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #ffffff;
         --card-text: #ffffff;
         --card-alternate-background: #efd8cb;
         
          --card-background-gradient: linear-gradient(54deg, rgba(179, 127, 113, 0.49) 14%, rgba(240, 238, 238, 1) 100%);
         
         --card-border: #ffffff;
     }
  
     .scheme-scheme-aa05d450-862a-4a3a-ac02-dccbe14e64d8 {
         --body-background: #ffffff;

        
        
        --body-background-rgb: 255,255,255;

        
          --body-background-spotlight: #808080; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: #ffffff;
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #eaeaea;

         --heading-color: #000000;
         --heading-text-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --heading-background-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #000000;
         --link-hover-color: #000000;
         --highlight-color: 0, 0, 0;
         --highlight-background: 255, 255, 255;

         --image-bg: #eaeaea;
         
          --image-background-gradient: #eaeaea;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #000000;
         --button-background: #dddddd;
         --button-border: #eaeaea;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #f7f7f7;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #ffffff;
         --card-text: #ffffff;
         --card-alternate-background: #efd8cb;
         
          --card-background-gradient: linear-gradient(54deg, rgba(179, 127, 113, 0.49) 14%, rgba(240, 238, 238, 1) 100%);
         
         --card-border: #ffffff;
     }
  
     .scheme-scheme-c498392b-588a-4779-b11d-8be6b268c3b5 {
         --body-background: #c6a69d;

        
        
        --body-background-rgb: 198,166,166;

        
          --body-background-spotlight: #3f2b25; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: #c6a69d;
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #eaeaea;

         --heading-color: #000000;
         --heading-text-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --heading-background-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #000000;
         --link-hover-color: #000000;
         --highlight-color: 0, 0, 0;
         --highlight-background: 255, 255, 255;

         --image-bg: #eaeaea;
         
          --image-background-gradient: #eaeaea;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #000000;
         --button-background: #dddddd;
         --button-border: #eaeaea;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #f7f7f7;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #ffffff;
         --card-text: #ffffff;
         --card-alternate-background: #efd8cb;
         
          --card-background-gradient: linear-gradient(54deg, rgba(179, 127, 113, 0.49) 14%, rgba(240, 238, 238, 1) 100%);
         
         --card-border: #ffffff;
     }
  
     .scheme-scheme-b364d789-e78a-4629-a02c-5c6178a9f66a {
         --body-background: #c89d98;

        
        
        --body-background-rgb: 200,157,157;

        
          --body-background-spotlight: #3f2522; 
        

         --body-alternate-background: #ffffff;
         
          --body-background-gradient: #c89d98;
         

         --corners-top-background: #ffffff;
         --corners-bottom-background: #ffffff;
         --border-color: #eaeaea;

         --heading-color: #000000;
         --heading-text-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --heading-background-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);
         --text-color: #000000;
         --text-stroke-color: #000000;
         --link-color: #000000;
         --link-hover-color: #000000;
         --highlight-color: 0, 0, 0;
         --highlight-background: 255, 255, 255;

         --image-bg: #eaeaea;
         
          --image-background-gradient: #eaeaea;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #000000;
         --button-background: #dddddd;
         --button-border: #eaeaea;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #f7f7f7;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #ffffff;
         --card-text: #ffffff;
         --card-alternate-background: #efd8cb;
         
          --card-background-gradient: linear-gradient(54deg, rgba(179, 127, 113, 0.49) 14%, rgba(240, 238, 238, 1) 100%);
         
         --card-border: #ffffff;
     }
  
     .scheme-scheme-ed4c593a-1186-434d-be41-88fe07a5b1ce {
         --body-background: #000000;

        
        
        --body-background-rgb: 0,0,0;

        
          --body-background-spotlight: #808080; 
        

         --body-alternate-background: rgba(0,0,0,0);
         
          --body-background-gradient: #000000;
         

         --corners-top-background: rgba(0,0,0,0);
         --corners-bottom-background: #ffffff;
         --border-color: #eaeaea;

         --heading-color: #ffffff;
         --heading-text-gradient: ;
         --heading-background-gradient: ;
         --text-color: #ffffff;
         --text-stroke-color: #000000;
         --link-color: #ffffff;
         --link-hover-color: #ffffff;
         --highlight-color: 255, 255, 255;
         --highlight-background: 255, 255, 255;

         --image-bg: #eaeaea;
         
          --image-background-gradient: #eaeaea;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #000000;
         --button-background: #dddddd;
         --button-border: #eaeaea;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #f7f7f7;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #ffffff;
         --card-text: #ffffff;
         --card-alternate-background: #ffffff;
         
          --card-background-gradient: #ffffff;
         
         --card-border: #ffffff;
     }
  
     .scheme-scheme-deaf2f86-73ec-480f-a63a-86b79cc92687 {
         --body-background: #000000;

        
        
        --body-background-rgb: 0,0,0;

        
          --body-background-spotlight: #808080; 
        

         --body-alternate-background: rgba(0,0,0,0);
         
          --body-background-gradient: #000000;
         

         --corners-top-background: rgba(0,0,0,0);
         --corners-bottom-background: #ffffff;
         --border-color: #eaeaea;

         --heading-color: #ffffff;
         --heading-text-gradient: ;
         --heading-background-gradient: ;
         --text-color: #ffffff;
         --text-stroke-color: #000000;
         --link-color: #ffffff;
         --link-hover-color: #ffffff;
         --highlight-color: 255, 255, 255;
         --highlight-background: 255, 255, 255;

         --image-bg: #eaeaea;
         
          --image-background-gradient: #eaeaea;
         
         --image-overlay-background: 0, 0, 0;
         --media-overlay-heading: #ffffff;
         --media-overlay-text: #ffffff;

         --form-input-background: #ffffff;
         --form-input-color: #000000;
         --form-input-border: #d2d2d2;

         
         --button-text: #000000;
         --button-background: #dddddd;
         --button-border: #eaeaea;
         --button-text-hover: #ffffff;
         --button-background-hover: #000000;
         --button-background-gradient: ;

         --button-secondary-text: #000000;
         --button-secondary-background: #f7f7f7;
         --button-secondary-border: #000000;
         --button-secondary-text-hover: #000000;
         --button-secondary-background-hover: #dddddd;
         --button-secondary-background-gradient: ;
         
         
         --slider-arrow-bg: #000000;
         --slider-arrow-color: #ffffff;
         --card-background: #ffffff;
         --card-heading: #ffffff;
         --card-text: #ffffff;
         --card-alternate-background: #000000;
         
          --card-background-gradient: #ffffff;
         
         --card-border: #ffffff;
     }
  

  @media (max-width:1440px){
      :root{
      --h1-large: calc(var(--heading-font-scale) * 110px);
      --h1: calc(var(--heading-font-scale) * 90px);
      --h2: calc(var(--heading-font-scale) * 52px);
      --h3: calc(var(--heading-font-scale) * 50px);
      --h4: calc(var(--heading-font-scale) * 40px);
      --h5: calc(var(--heading-font-scale) * 30px);
      --h6: calc(var(--heading-font-scale) * 26px);
      /* Text size */
      --text-xxs: calc(var(--body-font-scale) * 10px);
      --text-xs: calc(var(--body-font-scale) * 12px);
      --text-sm: calc(var(--body-font-scale) * 14px);
      --text: calc(var(--body-font-scale) * 15px);
      --text-md: calc(var(--body-font-scale) * 16px);
      --text-lg: calc(var(--body-font-scale) * 18px);
      --text-xl: calc(var(--body-font-scale) * 20px);
      --text-xxl: calc(var(--body-font-scale) * 22px);

      }
  }

  @media (max-width:1280px){
      :root{
      --h1-large: calc(var(--heading-font-scale) * 95px);
      --h1: calc(var(--heading-font-scale) * 80px);
      --h2: calc(var(--heading-font-scale) * 38px);
      --h3: calc(var(--heading-font-scale) * 40px);
      --h4: calc(var(--heading-font-scale) * 30px);
      --h5: calc(var(--heading-font-scale) * 28px);
      --h6: calc(var(--heading-font-scale) * 24px);
      --slider-arrow-size: 34px;
      --slider-arrow-height: 24px;
      --slider-arrow-radius: 20px;
      }
  }

  @media (max-width:1199px){
      :root{
        /* Text size */
        --text-xxs: calc(var(--body-font-scale) * 10px);
        --text-xs: calc(var(--body-font-scale) * 12px);
        --text-sm: calc(var(--body-font-scale) * 14px);
        --text: calc(var(--body-font-scale) * 15px);
        --text-md: calc(var(--body-font-scale) * 16px);
        --text-lg: calc(var(--body-font-scale) * 18px);
        --text-xl: calc(var(--body-font-scale) * 20px);
        --text-xxl: calc(var(--body-font-scale) * 22px);

      }
  }
  @media (max-width:1024px){
      :root{
        --h1-large: calc(var(--heading-font-scale) * 60px);
        --h1: calc(var(--heading-font-scale) * 50px);
        --h2: calc(var(--heading-font-scale) * 38px);
        --h3: calc(var(--heading-font-scale) * 35px);
        --h4: calc(var(--heading-font-scale) * 30px);
        --h5: calc(var(--heading-font-scale) * 25px);
        --h6: calc(var(--heading-font-scale) * 22px);
        /* Text size */
        --text-xxs: calc(var(--body-font-scale) * 10px);
        --text-xs: calc(var(--body-font-scale) * 12px);
        --text-sm: calc(var(--body-font-scale) * 14px);
        --text: calc(var(--body-font-scale) * 15px);
        --text-md: calc(var(--body-font-scale) * 16px);
        --text-lg: calc(var(--body-font-scale) * 18px);
        --text-xl: calc(var(--body-font-scale) * 20px);
        --text-xxl: calc(var(--body-font-scale) * 22px);


      }
  }
  @media (max-width:767px){
      :root{
      --h1-large: calc(var(--heading-font-scale) * 50px);
      --h1: calc(var(--heading-font-scale) * 40px);
      --h2: calc(var(--heading-font-scale) * 30px);
      --h3: calc(var(--heading-font-scale) * 30px);
      --h4: calc(var(--heading-font-scale) * 25px);
      --h5: calc(var(--heading-font-scale) * 22px);
      --h6: calc(var(--heading-font-scale) * 20px);
      /* Text size */
      --text-xxs: calc(var(--body-font-scale) * 10px);
      --text-xs: calc(var(--body-font-scale) * 12px);
      --text-sm: calc(var(--body-font-scale) * 14px);
      --text: calc(var(--body-font-scale) * 15px);
      --text-md: calc(var(--body-font-scale) * 16px);
      --text-lg: calc(var(--body-font-scale) * 18px);
      --text-xl: calc(var(--body-font-scale) * 20px);
      --text-xxl: calc(var(--body-font-scale) * 22px);

      --slider-arrow-size: 30px;

      
      --card-radius: 0px;
      

      
        --product-card-radius: 0px;
      

      }
  }
  @media (min-width: 1200px) {
    :root {
      --container: 1370px;
      --container-sm: 1260px;
      --container-md: 1270px;
    }
  }
  @media (min-width: 1441px) {
    :root {
      --container: 1790px;
      --container-sm: 1300px;
      --container-md: 1440px;
    }
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="g09NRVdiCuEO_n0s6ze2I6jLSi84apVjHeWoVlKpJ8M">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/95848956088/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="95848956088" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=95848956088" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":95848956088,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/95848956088","merchantName":"Ravishing Cosmetics®","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Ravishing Cosmetics®","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"07cfa855473bf9f3647c6b7a498addda","betas":["rich-media-storefront-analytics"],"domain":"ravishingcosmetics.com","predictiveSearch":true,"shopId":95848956088,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ravishing-cosmetics-llc.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"v47","id":192407830712,"schema_name":"Maya","schema_version":"1.0.5","theme_store_id":3500,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "ravishingcosmetics.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
</script>
<script id="__st">var __st={"a":95848956088,"offset":-25200,"reqid":"cf047ca8-9c17-4ef6-951c-4668b7e9b672-1792777157","pageurl":"ravishingcosmetics.com\/","u":"5f9717835896","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-FYHzja/5XSmzkjz6zHj7s4rACJGFuVoYZdumgoO2Ecs=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//ravishingcosmetics.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-ed94c51f.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//ravishingcosmetics.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//ravishingcosmetics.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/ravishingcosmetics.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-23c12384.js","sha256-r8Pww6V2udgtSdaVbcRtdZ4Kg+gXP7aLPZOtQSJPrbM=");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://ravishingcosmetics.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://ravishingcosmetics.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script id="sections-script" data-sections="footer" defer="defer" src="//ravishingcosmetics.com/cdn/shop/t/57/compiled_assets/scripts.js?v=144560561577764819181791526493"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
    <script>
  
  

  
    const textDefined = '';
  

  
    const colorDefined = [
      "0 0 0 / 0.8",
      "19 93 19 / 0.82",
      "131 4 21 / 0.82"
    ];
    const textcolorDefined = [
      "#ffffff",
      "#ffffff",
      "#ffffff"
    ];
  
</script>

    <link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/swiper-bundle.min.css?v=17525851794849501781791526493" rel="stylesheet" type="text/css" media="all" />
    <link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/base.css?v=117071373023085002321791526493" rel="stylesheet" type="text/css" media="all" />
    <link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/component.css?v=27699831540952199001791526493" rel="stylesheet" type="text/css" media="all" />
    <link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/theme.css?v=136548532608086218451791526493" rel="stylesheet" type="text/css" media="all" />
    <link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/css-animations.css?v=107225672430546070491791526493" rel="stylesheet" type="text/css" media="all" />

      <link rel="preload" as="font" href="//ravishingcosmetics.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2" type="font/woff2" crossorigin>
      

      <link rel="preload" as="font" href="//ravishingcosmetics.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" type="font/woff2" crossorigin>
      

      <link rel="preload" as="font" href="//ravishingcosmetics.com/cdn/fonts/frank_ruhl_libre/frankruhllibre_n4.be41c898e32d82eb3a7f43577f4ecd03f1e247ed.woff2" type="font/woff2" crossorigin>
      
<script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/foundation.js?v=60086167214728066491791526493" defer="defer"></script>
    <script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/constants.js?v=54517431790323280991791526493" defer="defer"></script><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/preloader.css?v=116845417048601913251791526493" rel="stylesheet" type="text/css" media="all" />
<script src="https://cdn.shopify.com/extensions/01a1690e-bb78-790e-9565-772f4e8579f2/forms-2635/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 95848956088,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 95848956088,storefrontBaseUrl: "https://ravishingcosmetics.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://ravishingcosmetics.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a"],webPixelsConfigList: [{"id":"2835906744","configuration":"{\"pixelCode\":\"D9SJC0RC77U7K82NSB40\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"2800320696","configuration":"{\"eventPixelIdAddToCart\":\"tw-rer2h-rer2n\",\"eventPixelIdSiteVisit\":\"tw-rer2h-rer2l\",\"eventPixelIdPurchase\":\"tw-rer2h-rer2k\",\"eventPixelIdAddedPaymentInfo\":\"tw-rer2h-rer2q\",\"eventPixelIdCheckoutInitiated\":\"tw-rer2h-rer2m\",\"eventPixelIdContentView\":\"tw-rer2h-rer2o\",\"eventPixelIdSearch\":\"tw-rer2h-rer2p\",\"basePixelId\":\"rer2h\",\"adsAccountId\":\"18ce55luk0c\",\"isDisconnected\":\"0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3df823913fec4164b84eb9879cd9a3dd","type":"APP","apiClientId":6455335,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"2741141688","configuration":"{\"pixel_id\":\"2175853596679294\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2741043384","configuration":"{\"tagID\":\"2613244572580\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"2740617400","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-P509DJJZFW\\\",\\\"GT-NMLQ6N72\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-P509DJJZFW\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-P509DJJZFW\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-P509DJJZFW\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-P509DJJZFW\\\",\\\"MC-H0TD8H6VB7\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-P509DJJZFW\\\",\\\"MC-H0TD8H6VB7\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-P509DJJZFW\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-P509DJJZFW\\\",\\\"MC-H0TD8H6VB7\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-P509DJJZFW\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-P509DJJZFW\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-P509DJJZFW\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-P509DJJZFW\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Ravishing Cosmetics®","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"ravishing-cosmetics-llc.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/ravishingcosmetics.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10407892811960","handle":"alexis-vogel-celebrity-makeup-professional-secrets-and-techniques","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53480827060408","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10407896350904","handle":"retro-cake-liner-black-chocolate","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53480832237752","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10407887601848","handle":"make-me-over-kit","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53480820768952","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://ravishingcosmetics.com/cdn","212ce547w31cd49a8p9bec2579mf0e5c5ca",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"192407830712","themeStoreId":"3500","themePublished":"true","eventMetadataId":"91e48d8a-ea8f-44f5-a873-38ea695f8577","pageType":"home","shopId":"95848956088","storefrontBaseUrl":"https:\/\/ravishingcosmetics.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\"]","isMerchantRequest":"false","hashVersion":"212ce547w31cd49a8p9bec2579mf0e5c5ca","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"cf047ca8-9c17-4ef6-951c-4668b7e9b672-1792777157"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (method == 'track' || method == 'page') {
          var pageUrl;
          try {
            pageUrl = window.location.href;
          } catch (e) {}
          var pageReferrer;
          try {
            pageReferrer = document.referrer;
          } catch (e) {}
          try {
            if (window.__TREKKIE_SHIM_QUEUE == null) {
              window.__TREKKIE_SHIM_QUEUE = [];
            }
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1),
              pageContext: {
                url: pageUrl,
                referrer: pageReferrer
              }
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 95848956088,
      theme_id: 192407830712,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//ravishingcosmetics.com/cdn/s/trekkie.storefront.6efba1340ec6769622eb0d10b5cb070d43fb8d55.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//ravishingcosmetics.com/cdn/s/trekkie.storefront.6efba1340ec6769622eb0d10b5cb070d43fb8d55.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//ravishingcosmetics.com/cdn/s/trekkie.storefront.6efba1340ec6769622eb0d10b5cb070d43fb8d55.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":95848956088,"isMerchantRequest":null,"themeId":192407830712,"themeCityHash":"8731562208103760298","contentLanguage":"en","currency":"USD","eventMetadataId":"91e48d8a-ea8f-44f5-a873-38ea695f8577"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cf047ca8-9c17-4ef6-951c-4668b7e9b672-1792777157","shopifyEmitted":true});

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//ravishingcosmetics.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://ravishingcosmetics.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.11.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="95848956088"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="192407830712"
  data-theme-name="Maya"
  data-theme-version="1.0.5"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://ravishingcosmetics.com/api/collect"
></script>
</head>
<body
    class=""
    style="--announcement-height: 0px; --header-height: 0px; --header-height-dynamic: 0px; --mobile-dock-height: 0px; --mobile-dock-height-dynamic: 0px; --preloader-background: 0 0 0 / 0.8; --preloader-text: #ffffff;"
    data-preloader-text-visibility="homepage-only"
    
      data-preloader-text-appearance="repeat"
    
    data-preloader-template="index"
    data-preloader-text=""
    data-scroll-container
  ><div id="progress-container"><div id="progress-bar">&nbsp;</div></div><div id="scrollbar" class="fixed scrollbar" data-scrollbar="" data-scrollbar-dragging="false">
      <div id="scrollbar_thumb" class="scrollbar-thumb" data-scrollbar-thumb="">&nbsp;</div>
    </div>
    <!-- BEGIN sections: overlay-group -->
<section id="shopify-section-sections--29050764689592__quick-view-drawer" class="shopify-section shopify-section-group-overlay-group quick-view-section quick-view-product-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/quick-drawer.css?v=140387794594261209591791526493" rel="stylesheet" type="text/css" media="all" />




<link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/model-viewer.css?v=179831401736908039421791526493" rel="stylesheet" type="text/css" media="all" />
<link
  id="ModelViewerStyle"
  rel="stylesheet"
  href="https://cdn.shopify.com/shopifycloud/model-viewer-ui/assets/v1.0/model-viewer-ui.css"
  media="print"
  onload="this.media='all'"
>
<link
  id="ModelViewerOverride"
  rel="stylesheet"
  href="//ravishingcosmetics.com/cdn/shop/t/57/assets/model-viewer-ui.css?v=78800345247354445161791526493"
  media="print"
  onload="this.media='all'"
>




<quick-view-drawer
  class="overlay-drawer quickview-drawer drawer-position-right-bottom quickview-drawer-small no-space drawer-close-outside scheme-primary"
  id="QuickViewDrawer"
  data-drawer="quick-view-drawer"
  data-section-id="sections--29050764689592__quick-view-drawer"
  quick-view-drawer-section
  data-id="sections--29050764689592__quick-view-drawer"
>
  <div
    class="backdrop-overlay"
    data-backdrop-overlay
  >
    <div class="backdrop-cursor-hover" data-cursor-hover>
      <span class="svg-wrapper">
        <svg viewBox="0 0 9 9" fill="none">
      <path d="M0.27999 7.36976C-0.0933304 7.74327 -0.0933304 8.34672 0.27999 8.72022C0.466213 8.90645 0.710665 9 0.95529 9C1.19974 9 1.44419 8.90645 1.63041 8.72022L4.5 5.85039L7.36959 8.72022C7.55581 8.90645 7.80026 9 8.04471 9C8.28934 9 8.53379 8.90645 8.72001 8.72022C9.09333 8.34672 9.09333 7.74327 8.72001 7.36976L5.85025 4.50011L8.72001 1.63045C9.09333 1.25695 9.09333 0.653502 8.72001 0.279997C8.34651 -0.0933324 7.74308 -0.0933324 7.36959 0.279997L4.5 3.14983L1.63041 0.279997C1.25692 -0.0933324 0.653486 -0.0933324 0.27999 0.279997C-0.0933304 0.653502 -0.0933304 1.25695 0.27999 1.63045L3.14975 4.50011L0.27999 7.36976Z" fill="currentColor"/>
    </svg>

      </span>
    </div>
  </div>
  
  <div class="overlay-drawer-inner">
    <button type="button" class="overlay-drawer-close" data-drawer-close>
      <span class="svg-wrapper">
        <svg viewBox="0 0 9 9" fill="none">
      <path d="M0.27999 7.36976C-0.0933304 7.74327 -0.0933304 8.34672 0.27999 8.72022C0.466213 8.90645 0.710665 9 0.95529 9C1.19974 9 1.44419 8.90645 1.63041 8.72022L4.5 5.85039L7.36959 8.72022C7.55581 8.90645 7.80026 9 8.04471 9C8.28934 9 8.53379 8.90645 8.72001 8.72022C9.09333 8.34672 9.09333 7.74327 8.72001 7.36976L5.85025 4.50011L8.72001 1.63045C9.09333 1.25695 9.09333 0.653502 8.72001 0.279997C8.34651 -0.0933324 7.74308 -0.0933324 7.36959 0.279997L4.5 3.14983L1.63041 0.279997C1.25692 -0.0933324 0.653486 -0.0933324 0.27999 0.279997C-0.0933304 0.653502 -0.0933304 1.25695 0.27999 1.63045L3.14975 4.50011L0.27999 7.36976Z" fill="currentColor"/>
    </svg>

      </span>
    </button>
    <div
      class="overlay-drawer-content quickview-drawer-content quickview-mediathumbs-bottom"
      data-quick-view-content
    >
      
  </div>
  </div>
</quick-view-drawer>


</section><section id="shopify-section-sections--29050764689592__mobile-action-dock" class="shopify-section shopify-section-group-overlay-group mobile-action-dock-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/mobile-action-dock.css?v=78765321401083529761791526493" rel="stylesheet" type="text/css" media="all" />
  

  <mobile-action-dock class="section-wrapper d-block scheme-primary">
    <div class="mobile-action-buttons"><a class="mobile-action-button" href="/" >
            <span class="mobile-action-button-icon svg-wrapper">
    <svg viewBox="0 0 20 20" fill="none">
      <path d="M19.2675 7.55727L12.9467 1.2356C12.1644 0.455591 11.1047 0.0175781 10 0.0175781C8.89529 0.0175781 7.83564 0.455591 7.05334 1.2356L0.73251 7.55727C0.499531 7.78875 0.314818 8.06418 0.189079 8.36759C0.0633394 8.67099 -0.000925334 8.99634 1.00662e-05 9.32477V17.5056C1.00662e-05 18.1686 0.263402 18.8045 0.732243 19.2734C1.20108 19.7422 1.83697 20.0056 2.50001 20.0056H17.5C18.1631 20.0056 18.7989 19.7422 19.2678 19.2734C19.7366 18.8045 20 18.1686 20 17.5056V9.32477C20.0009 8.99634 19.9367 8.67099 19.8109 8.36759C19.6852 8.06418 19.5005 7.78875 19.2675 7.55727ZM12.5 18.3389H7.50001V15.0606C7.50001 14.3976 7.7634 13.7617 8.23224 13.2928C8.70108 12.824 9.33697 12.5606 10 12.5606C10.6631 12.5606 11.2989 12.824 11.7678 13.2928C12.2366 13.7617 12.5 14.3976 12.5 15.0606V18.3389ZM18.3333 17.5056C18.3333 17.7266 18.2455 17.9386 18.0893 18.0949C17.933 18.2511 17.721 18.3389 17.5 18.3389H14.1667V15.0606C14.1667 13.9555 13.7277 12.8957 12.9463 12.1143C12.1649 11.3329 11.1051 10.8939 10 10.8939C8.89494 10.8939 7.83513 11.3329 7.05373 12.1143C6.27233 12.8957 5.83334 13.9555 5.83334 15.0606V18.3389H2.50001C2.279 18.3389 2.06703 18.2511 1.91075 18.0949C1.75447 17.9386 1.66668 17.7266 1.66668 17.5056V9.32477C1.66745 9.10392 1.75517 8.89225 1.91084 8.7356L8.23168 2.41643C8.70143 1.94887 9.33723 1.68639 10 1.68639C10.6628 1.68639 11.2986 1.94887 11.7683 2.41643L18.0892 8.7381C18.2442 8.89414 18.3319 9.10478 18.3333 9.32477V17.5056Z" fill="currentColor"/>
    </svg>
  
</span><span class="mobile-action-button-text">Home</span></a><button type="button" is="open-mobile-drawer" class="mobile-action-button" >
            <span class="mobile-action-button-icon svg-wrapper">
    <svg viewBox="0 0 20 18" fill="none" class="icon-mobiledocker-menu">
      <path d="M14.9 7.725L15.4167 8.0925L15.9333 7.725C16.35 7.4325 20 4.7775 20 2.5725C20 1.155 18.7833 0 17.2917 0C16.575 0 15.9 0.2625 15.4083 0.6675C14.9083 0.2625 14.2417 0 13.5417 0C12.05 0 10.8333 1.155 10.8333 2.5725C10.8333 4.785 14.4833 7.4325 14.9 7.725ZM13.5417 1.5C14.15 1.5 14.5833 1.9875 14.5833 2.25H16.25C16.25 1.9575 16.7 1.5 17.2917 1.5C17.8833 1.5 18.3333 1.98 18.3333 2.5725C18.3333 3.51 16.7667 5.1075 15.4167 6.165C14.0667 5.1075 12.5 3.51 12.5 2.5725C12.5 1.98 12.9667 1.5 13.5417 1.5ZM6.66667 0H2.5C1.125 0 0 1.0125 0 2.25V8.25H9.16667V2.25C9.16667 1.0125 8.04167 0 6.66667 0ZM7.5 6.75H1.66667V2.25C1.66667 1.8375 2.04167 1.5 2.5 1.5H6.66667C7.125 1.5 7.5 1.8375 7.5 2.25V6.75ZM17.5 9.75H13.3333C11.9583 9.75 10.8333 10.7625 10.8333 12V18H20V12C20 10.7625 18.875 9.75 17.5 9.75ZM18.3333 16.5H12.5V12C12.5 11.5875 12.875 11.25 13.3333 11.25H17.5C17.9583 11.25 18.3333 11.5875 18.3333 12V16.5ZM6.66667 9.75H2.5C1.125 9.75 0 10.7625 0 12V18H9.16667V12C9.16667 10.7625 8.04167 9.75 6.66667 9.75ZM7.5 16.5H1.66667V12C1.66667 11.5875 2.04167 11.25 2.5 11.25H6.66667C7.125 11.25 7.5 11.5875 7.5 12V16.5Z" fill="currentColor"/>
    </svg>
  
</span><span class="mobile-action-button-text">Menu</span></button><button 
            
            data-predictive-search 
            
            class="mobile-action-button"
            
          >
            <span class="mobile-action-button-icon svg-wrapper">
    <svg viewBox="0 0 16 16" fill="none">
      <path d="M15.813 14.8711L11.8369 10.8951C12.9205 9.56987 13.4532 7.87893 13.325 6.17198C13.1967 4.46502 12.4173 2.87267 11.1479 1.72427C9.87853 0.575873 8.21632 -0.0406994 6.50509 0.00208668C4.79386 0.0448727 3.16454 0.743743 1.95414 1.95414C0.743743 3.16454 0.0448727 4.79386 0.00208668 6.50509C-0.0406994 8.21632 0.575873 9.87853 1.72427 11.1479C2.87267 12.4173 4.46502 13.1967 6.17198 13.325C7.87893 13.4532 9.56987 12.9205 10.8951 11.8369L14.8711 15.813C14.9968 15.9344 15.165 16.0015 15.3397 16C15.5143 15.9985 15.6814 15.9284 15.8049 15.8049C15.9284 15.6814 15.9985 15.5143 16 15.3397C16.0015 15.165 15.9344 14.9968 15.813 14.8711ZM6.68251 12.0115C5.62855 12.0115 4.59825 11.6989 3.72191 11.1134C2.84556 10.5278 2.16254 9.69556 1.7592 8.72182C1.35587 7.74808 1.25034 6.6766 1.45595 5.64289C1.66157 4.60917 2.16911 3.65964 2.91437 2.91437C3.65964 2.16911 4.60917 1.66157 5.64289 1.45595C6.6766 1.25034 7.74808 1.35587 8.72182 1.7592C9.69556 2.16254 10.5278 2.84556 11.1134 3.72191C11.6989 4.59825 12.0115 5.62855 12.0115 6.68251C12.0099 8.09535 11.4479 9.44987 10.4489 10.4489C9.44987 11.4479 8.09535 12.0099 6.68251 12.0115Z" fill="currentColor"/>
    </svg>

  
</span><span class="mobile-action-button-text">Search</span></button><button data-cart-icon-bubble
            class="mobile-action-button is-empty-cart " 
            id="mobile-cart-icon-bubble" 
            
            
          >
          
          <span class="svg-wrapper empty-cart">
    <svg viewBox="0 0 22 22" fill="none">
      <path d="M16.8499 21.5H5.1499C2.6749 21.5 0.649902 19.475 0.649902 17V16.85L1.0999 4.85C1.1749 2.375 3.1999 0.5 5.5999 0.5H16.3999C18.7999 0.5 20.8249 2.375 20.8999 4.85L21.3499 16.85C21.4249 18.05 20.9749 19.175 20.1499 20.075C19.3249 20.975 18.1999 21.5 16.9999 21.5C16.9999 21.5 16.9249 21.5 16.8499 21.5ZM5.5999 2C3.9499 2 2.6749 3.275 2.5999 4.85L2.1499 17C2.1499 18.65 3.4999 20 5.1499 20H16.9999C17.8249 20 18.5749 19.625 19.0999 19.025C19.6249 18.425 19.9249 17.675 19.9249 16.85L19.4749 4.85C19.3999 3.2 18.1249 2 16.4749 2H5.5999Z" fill="currentColor"/>
      <path d="M11 9.5C8.075 9.5 5.75 7.175 5.75 4.25C5.75 3.8 6.05 3.5 6.5 3.5C6.95 3.5 7.25 3.8 7.25 4.25C7.25 6.35 8.9 8 11 8C13.1 8 14.75 6.35 14.75 4.25C14.75 3.8 15.05 3.5 15.5 3.5C15.95 3.5 16.25 3.8 16.25 4.25C16.25 7.175 13.925 9.5 11 9.5Z" fill="currentColor"/>
    </svg>
  
</span>
        
        <span class="visually-hidden">Cart</span>
    <span class="mobile-action-button-text">Cart</span></button><a
                href="https://ravishingcosmetics.com/customer_authentication/redirect?locale=en&region_country=US"
                class="mobile-action-button"
                rel="nofollow"
                
              >
                <span class="mobile-action-button-icon svg-wrapper">
    <svg viewBox="0 0 24 24" fill="none">
      <path d="M20.4853 3.51471C18.2188 1.24823 15.2053 0 12 0C8.79474 0 5.78119 1.24823 3.51471 3.51471C1.24823 5.78119 0 8.79474 0 12C0 15.2053 1.24823 18.2188 3.51471 20.4853C5.78119 22.7518 8.79474 24 12 24C15.2053 24 18.2188 22.7518 20.4853 20.4853C22.7518 18.2188 24 15.2053 24 12C24 8.79474 22.7518 5.78119 20.4853 3.51471ZM5.20807 20.1233C5.60431 16.7139 8.53564 14.0815 12 14.0815C13.8263 14.0815 15.5436 14.7931 16.8354 16.0847C17.9268 17.1762 18.6151 18.6013 18.7921 20.1231C16.9519 21.6643 14.5825 22.5938 12 22.5938C9.41748 22.5938 7.04828 21.6645 5.20807 20.1233ZM12 12.6332C9.99042 12.6332 8.35529 10.998 8.35529 8.98846C8.35529 6.9787 9.99042 5.34375 12 5.34375C14.0096 5.34375 15.6447 6.9787 15.6447 8.98846C15.6447 10.998 14.0096 12.6332 12 12.6332ZM20.0024 18.9344C19.6441 17.4897 18.8969 16.1576 17.8297 15.0905C16.9655 14.2262 15.943 13.5778 14.8279 13.1715C16.1684 12.2624 17.051 10.7265 17.051 8.98846C17.051 6.20343 14.785 3.9375 12 3.9375C9.21497 3.9375 6.94904 6.20343 6.94904 8.98846C6.94904 10.7274 7.83234 12.2639 9.17395 13.1728C8.14801 13.5467 7.19861 14.1248 6.38177 14.8857C5.19891 15.9873 4.3775 17.3919 3.99664 18.9333C2.38367 17.0739 1.40625 14.649 1.40625 12C1.40625 6.15857 6.15857 1.40625 12 1.40625C17.8414 1.40625 22.5938 6.15857 22.5938 12C22.5938 14.6495 21.616 17.075 20.0024 18.9344Z" fill="currentColor"/>
    </svg>
  
</span>
                <span class="visually-hidden">Log in</span> 
                <span class="mobile-action-button-text">Account</span>
              </a></div>
  </mobile-action-dock>
</section>
<!-- END sections: overlay-group -->
    <a class="skip-to-content-link button" href="#MainContent">
      Skip to content
    </a>
<link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/cart.css?v=5153838739468019071791526493" rel="stylesheet" type="text/css" media="all" />
<style>
  .drawer {
    visibility: hidden;
  }
</style>

<cart-drawer
  class="overlay-drawer drawer-size-xsmall cart-drawer drawer-position-right drawer-close-inside scheme-senary is-empty"
>
  <div id="CartDrawer" class="cart-drawer">
    <div class="backdrop-overlay" data-backdrop-overlay>
      <div class="backdrop-cursor-hover" data-cursor-hover>
        <span class="svg-wrapper">
          <svg viewBox="0 0 9 9" fill="none">
      <path d="M0.27999 7.36976C-0.0933304 7.74327 -0.0933304 8.34672 0.27999 8.72022C0.466213 8.90645 0.710665 9 0.95529 9C1.19974 9 1.44419 8.90645 1.63041 8.72022L4.5 5.85039L7.36959 8.72022C7.55581 8.90645 7.80026 9 8.04471 9C8.28934 9 8.53379 8.90645 8.72001 8.72022C9.09333 8.34672 9.09333 7.74327 8.72001 7.36976L5.85025 4.50011L8.72001 1.63045C9.09333 1.25695 9.09333 0.653502 8.72001 0.279997C8.34651 -0.0933324 7.74308 -0.0933324 7.36959 0.279997L4.5 3.14983L1.63041 0.279997C1.25692 -0.0933324 0.653486 -0.0933324 0.27999 0.279997C-0.0933304 0.653502 -0.0933304 1.25695 0.27999 1.63045L3.14975 4.50011L0.27999 7.36976Z" fill="currentColor"/>
    </svg>

        </span>
      </div>
    </div>
    <div class="overlay-drawer-inner">
      <div class="overlay-drawer-content">
        <div class="overlay-drawer-header text-left">
          <h6 class="heading-font h6">Shopping bag</h6>
          <button type="button" class="overlay-drawer-close" data-drawer-close>
            <span class="svg-wrapper">
              <svg viewBox="0 0 9 9" fill="none">
      <path d="M0.27999 7.36976C-0.0933304 7.74327 -0.0933304 8.34672 0.27999 8.72022C0.466213 8.90645 0.710665 9 0.95529 9C1.19974 9 1.44419 8.90645 1.63041 8.72022L4.5 5.85039L7.36959 8.72022C7.55581 8.90645 7.80026 9 8.04471 9C8.28934 9 8.53379 8.90645 8.72001 8.72022C9.09333 8.34672 9.09333 7.74327 8.72001 7.36976L5.85025 4.50011L8.72001 1.63045C9.09333 1.25695 9.09333 0.653502 8.72001 0.279997C8.34651 -0.0933324 7.74308 -0.0933324 7.36959 0.279997L4.5 3.14983L1.63041 0.279997C1.25692 -0.0933324 0.653486 -0.0933324 0.27999 0.279997C-0.0933304 0.653502 -0.0933304 1.25695 0.27999 1.63045L3.14975 4.50011L0.27999 7.36976Z" fill="currentColor"/>
    </svg>

            </span>
          </button>
        </div>

        <div class="overlay-drawer-body">
          <div class="cart-drawer-main"><div class="cart-drawer-body">
              <cart-drawer-items
                data-cart-drawer
                data-items="0"
                class="cart-drawer-items is-empty"
              >
                
                  <div class="cart-drawer-empty-outer">
                    <div class="cart-empty-wrapper cart-drawer-empty text-center">
                      <span class="svg-wrapper">
                        
    <svg viewBox="0 0 60 60" fill="none" class="icon-empty-cart">
      <path d="M59.333 20.666C59.333 18.8979 58.6306 17.2022 57.3804 15.952C56.1302 14.7017 54.4345 13.9993 52.6664 13.9993H36.6664V7.33268C36.6664 5.56457 35.964 3.86888 34.7137 2.61864C33.4635 1.36839 31.7678 0.666016 29.9997 0.666016C28.2316 0.666016 26.5359 1.36839 25.2857 2.61864C24.0354 3.86888 23.333 5.56457 23.333 7.33268V13.9993H7.33303C5.88256 13.9988 4.47167 14.4724 3.31534 15.348C2.15901 16.2237 1.32065 17.4533 0.928006 18.8497C0.53536 20.246 0.609958 21.7324 1.14043 23.0823C1.67091 24.4323 2.62817 25.5719 3.86636 26.3274L7.94636 48.7727C8.21225 50.238 8.9837 51.5636 10.1264 52.5186C11.269 53.4737 12.7105 53.9977 14.1997 53.9994H20.8157C21.74 55.6195 23.0764 56.9664 24.6894 57.9032C26.3023 58.84 28.1344 59.3335 29.9997 59.3335C31.865 59.3335 33.6971 58.84 35.31 57.9032C36.923 56.9664 38.2594 55.6195 39.1837 53.9994H45.7997C47.2906 54.0006 48.7345 53.4778 49.879 52.5224C51.0235 51.5671 51.7959 50.2398 52.061 48.7727L56.133 26.3274C57.1054 25.7354 57.91 24.9043 58.4701 23.9133C59.0303 22.9223 59.3274 21.8044 59.333 20.666ZM25.9997 7.33268C25.9997 6.27182 26.4211 5.2544 27.1713 4.50426C27.9214 3.75411 28.9388 3.33268 29.9997 3.33268C31.0606 3.33268 32.078 3.75411 32.8281 4.50426C33.5783 5.2544 33.9997 6.27182 33.9997 7.33268V15.3327C33.9997 16.3935 33.5783 17.411 32.8281 18.1611C32.078 18.9113 31.0606 19.3327 29.9997 19.3327C28.9388 19.3327 27.9214 18.9113 27.1713 18.1611C26.4211 17.411 25.9997 16.3935 25.9997 15.3327V7.33268ZM29.9997 56.666C28.4174 56.666 26.8707 56.1968 25.5551 55.3178C24.2395 54.4387 23.2142 53.1893 22.6087 51.7275C22.0032 50.2657 21.8447 48.6571 22.1534 47.1053C22.4621 45.5534 23.224 44.128 24.3428 43.0092C25.4617 41.8903 26.8871 41.1284 28.439 40.8197C29.9908 40.5111 31.5994 40.6695 33.0612 41.275C34.523 41.8805 35.7724 42.9059 36.6515 44.2215C37.5305 45.5371 37.9997 47.0838 37.9997 48.666C37.9997 50.7878 37.1568 52.8226 35.6566 54.3229C34.1563 55.8232 32.1214 56.666 29.9997 56.666ZM49.4397 48.2953C49.2848 49.1478 48.8355 49.9188 48.1703 50.4739C47.5051 51.029 46.6661 51.3329 45.7997 51.3327H40.2877C40.5278 50.4637 40.6551 49.5675 40.6664 48.666C40.6664 45.837 39.5426 43.1239 37.5422 41.1235C35.5418 39.1232 32.8287 37.9994 29.9997 37.9994C27.1707 37.9994 24.4576 39.1232 22.4572 41.1235C20.4568 43.1239 19.333 45.837 19.333 48.666C19.3443 49.5675 19.4716 50.4637 19.7117 51.3327H14.1997C13.3333 51.3329 12.4943 51.029 11.8291 50.4739C11.1639 49.9188 10.7146 49.1478 10.5597 48.2953L6.73836 27.2714C6.93836 27.29 7.13036 27.3327 7.33303 27.3327H52.6664C52.869 27.3327 53.0637 27.29 53.261 27.2714L49.4397 48.2953ZM52.6664 24.666H7.33303C6.27216 24.666 5.25475 24.2446 4.5046 23.4944C3.75446 22.7443 3.33303 21.7269 3.33303 20.666C3.33303 19.6052 3.75446 18.5877 4.5046 17.8376C5.25475 17.0874 6.27216 16.666 7.33303 16.666H23.469C23.775 18.1731 24.5927 19.528 25.7834 20.5012C26.974 21.4744 28.4646 22.006 30.0024 22.006C31.5402 22.006 33.0307 21.4744 34.2214 20.5012C35.4121 19.528 36.2297 18.1731 36.5357 16.666H52.6664C53.7272 16.666 54.7446 17.0874 55.4948 17.8376C56.2449 18.5877 56.6664 19.6052 56.6664 20.666C56.6664 21.7269 56.2449 22.7443 55.4948 23.4944C54.7446 24.2446 53.7272 24.666 52.6664 24.666Z" fill="currentColor"/>
      <path d="M32.6667 47.332H27.3333C26.9797 47.332 26.6406 47.4725 26.3905 47.7226C26.1405 47.9726 26 48.3117 26 48.6654C26 49.019 26.1405 49.3581 26.3905 49.6082C26.6406 49.8582 26.9797 49.9987 27.3333 49.9987H32.6667C33.0203 49.9987 33.3594 49.8582 33.6095 49.6082C33.8595 49.3581 34 49.019 34 48.6654C34 48.3117 33.8595 47.9726 33.6095 47.7226C33.3594 47.4725 33.0203 47.332 32.6667 47.332Z" fill="currentColor"/>
      <path d="M44.6673 30C44.3137 30 43.9746 30.1405 43.7245 30.3905C43.4745 30.6406 43.334 30.9797 43.334 31.3333V44.6667C43.334 45.0203 43.4745 45.3594 43.7245 45.6095C43.9746 45.8595 44.3137 46 44.6673 46C45.0209 46 45.3601 45.8595 45.6101 45.6095C45.8602 45.3594 46.0007 45.0203 46.0007 44.6667V31.3333C46.0007 30.9797 45.8602 30.6406 45.6101 30.3905C45.3601 30.1405 45.0209 30 44.6673 30Z" fill="currentColor"/>
      <path d="M15.3333 30C14.9797 30 14.6406 30.1405 14.3905 30.3905C14.1405 30.6406 14 30.9797 14 31.3333V44.6667C14 45.0203 14.1405 45.3594 14.3905 45.6095C14.6406 45.8595 14.9797 46 15.3333 46C15.687 46 16.0261 45.8595 16.2761 45.6095C16.5262 45.3594 16.6667 45.0203 16.6667 44.6667V31.3333C16.6667 30.9797 16.5262 30.6406 16.2761 30.3905C16.0261 30.1405 15.687 30 15.3333 30Z" fill="currentColor"/>
      <path d="M35.3333 30C34.9797 30 34.6406 30.1405 34.3905 30.3905C34.1405 30.6406 34 30.9797 34 31.3333V35.3333C34 35.687 34.1405 36.0261 34.3905 36.2761C34.6406 36.5262 34.9797 36.6667 35.3333 36.6667C35.687 36.6667 36.0261 36.5262 36.2761 36.2761C36.5262 36.0261 36.6667 35.687 36.6667 35.3333V31.3333C36.6667 30.9797 36.5262 30.6406 36.2761 30.3905C36.0261 30.1405 35.687 30 35.3333 30Z" fill="currentColor"/>
      <path d="M24.6673 30C24.3137 30 23.9746 30.1405 23.7245 30.3905C23.4745 30.6406 23.334 30.9797 23.334 31.3333V35.3333C23.334 35.687 23.4745 36.0261 23.7245 36.2761C23.9746 36.5262 24.3137 36.6667 24.6673 36.6667C25.0209 36.6667 25.3601 36.5262 25.6101 36.2761C25.8602 36.0261 26.0007 35.687 26.0007 35.3333V31.3333C26.0007 30.9797 25.8602 30.6406 25.6101 30.3905C25.3601 30.1405 25.0209 30 24.6673 30Z" fill="currentColor"/>
    </svg>

  

                      </span>
                      <h6 class="cart-empty-text heading-font h6">YOUR CART IS EMPTY</h6>
                      
                      
                      

  <a
    href="/collections/all"
    class="button-element button-primary button-solid button-medium body-font"
  >




<span
  class="button button-text"
  
>
  
Continue shopping
</span>




  </a>


                    </div>
                    
                  </div>
                
                
              </cart-drawer-items>
            </div>

            <div class="cart-drawer-footer" cart-drawer-footer>
              
                <details class="cart-note-form">
                  <summary class="cart-note-head">
                    <div class="cart-note-text">
                      <span class="svg-wrapper">
                        
    <svg viewBox="0 0 17 17" fill="none">
      <g clip-path="url(#clip0_1797_183)">
        <path d="M12.0415 4H4.95836C4.83261 3.99984 4.70803 4.01265 4.59176 4.0377C4.47549 4.06276 4.36981 4.09956 4.28078 4.146C4.19175 4.19245 4.12111 4.24763 4.07291 4.30837C4.02472 4.36911 3.99991 4.43423 3.99991 4.5C3.99991 4.56577 4.02472 4.63089 4.07291 4.69163C4.12111 4.75237 4.19175 4.80755 4.28078 4.85399C4.36981 4.90044 4.47549 4.93724 4.59176 4.9623C4.70803 4.98735 4.83261 5.00016 4.95836 5H12.0415C12.1672 5.00016 12.2918 4.98735 12.4081 4.9623C12.5243 4.93724 12.63 4.90044 12.719 4.85399C12.8081 4.80755 12.8787 4.75237 12.9269 4.69163C12.9751 4.63089 12.9999 4.56577 12.9999 4.5C12.9999 4.43423 12.9751 4.36911 12.9269 4.30837C12.8787 4.24763 12.8081 4.19245 12.719 4.146C12.63 4.09956 12.5243 4.06276 12.4081 4.0377C12.2918 4.01265 12.1672 3.99984 12.0415 4Z" fill="currentColor"/>
          <path d="M8.46743 7H4.53238C4.46252 6.99984 4.39331 7.01265 4.32871 7.0377C4.26412 7.06276 4.20541 7.09956 4.15595 7.146C4.10649 7.19245 4.06724 7.24763 4.04047 7.30837C4.01369 7.36911 3.99991 7.43423 3.99991 7.5C3.99991 7.56577 4.01369 7.63089 4.04047 7.69163C4.06724 7.75237 4.10649 7.80755 4.15595 7.85399C4.20541 7.90044 4.26412 7.93724 4.32871 7.9623C4.39331 7.98735 4.46252 8.00016 4.53238 8H8.46743C8.5373 8.00016 8.60651 7.98735 8.6711 7.9623C8.7357 7.93724 8.79441 7.90044 8.84387 7.85399C8.89333 7.80755 8.93258 7.75237 8.95935 7.69163C8.98613 7.63089 8.99991 7.56577 8.99991 7.5C8.99991 7.43423 8.98613 7.36911 8.95935 7.30837C8.93258 7.24763 8.89333 7.19245 8.84387 7.146C8.79441 7.09956 8.7357 7.06276 8.6711 7.0377C8.60651 7.01265 8.5373 6.99984 8.46743 7Z" fill="currentColor"/>
      <path d="M12.935 10H5.06486C4.92513 9.99984 4.78671 10.0126 4.65752 10.0377C4.52833 10.0628 4.41091 10.0996 4.31199 10.146C4.21306 10.1925 4.13458 10.2476 4.08102 10.3084C4.02747 10.3691 3.99991 10.4342 3.99991 10.5C3.99991 10.5658 4.02747 10.6309 4.08102 10.6916C4.13458 10.7524 4.21306 10.8075 4.31199 10.854C4.41091 10.9004 4.52833 10.9372 4.65752 10.9623C4.78671 10.9874 4.92513 11.0002 5.06486 11H12.935C13.0747 11.0002 13.2131 10.9874 13.3423 10.9623C13.4715 10.9372 13.5889 10.9004 13.6878 10.854C13.7868 10.8075 13.8652 10.7524 13.9188 10.6916C13.9723 10.6309 13.9999 10.5658 13.9999 10.5C13.9999 10.4342 13.9723 10.3691 13.9188 10.3084C13.8652 10.2476 13.7868 10.1925 13.6878 10.146C13.5889 10.0996 13.4715 10.0628 13.3423 10.0377C13.2131 10.0126 13.0747 9.99984 12.935 10Z" fill="currentColor"/>
      <path d="M11.2249 0.332062H5.77495C4.33188 0.333705 2.94838 0.907691 1.92797 1.9281C0.907569 2.9485 0.333583 4.332 0.33194 5.77507V11.2251C0.333583 12.6681 0.907569 14.0516 1.92797 15.072C2.94838 16.0924 4.33188 16.6664 5.77495 16.6681H11.2249C12.668 16.6664 14.0515 16.0924 15.0719 15.072C16.0923 14.0516 16.6663 12.6681 16.6679 11.2251V5.77507C16.6663 4.332 16.0923 2.9485 15.0719 1.9281C14.0515 0.907691 12.668 0.333705 11.2249 0.332062ZM15.6054 11.2251C15.604 12.3864 15.1421 13.4998 14.3209 14.321C13.4997 15.1422 12.3863 15.6042 11.2249 15.6055H5.77495C4.61359 15.6042 3.50018 15.1422 2.67897 14.321C1.85777 13.4998 1.39583 12.3864 1.3945 11.2251V5.77507C1.39583 4.61371 1.85777 3.5003 2.67897 2.6791C3.50018 1.85789 4.61359 1.39595 5.77495 1.39462H11.2249C12.3863 1.39595 13.4997 1.85789 14.3209 2.6791C15.1421 3.5003 15.604 4.61371 15.6054 5.77507V11.2251Z" fill="currentColor"/>
      </g>
      <defs>
        <clipPath id="clip0_1797_183">
          <rect width="17" height="17" fill="white"/>
          </clipPath>
        </defs>
    </svg>
  

                      </span>
                      <span class="heading-font card-heading">Order special instructions</span>
                    </div>
                    <div class="cart-note-icon">
                      <span class="svg-wrapper">
                        <svg width="10" height="10" viewBox="0 0 10 10" fill="none">
                          <path d="M7.45058e-08 6L0 4L10 4V6L7.45058e-08 6Z" fill="currentColor"></path>
                          <path d="M4 0L6 1.29166e-08L6 10H4L4 0Z" fill="currentColor"></path>
                        </svg>
                      </span>
                    </div>
                  </summary>
                  <cart-note class="cart-note-body">
                    
                    <textarea
                      class="form-control"
                      rows="4"
                      id="cart-note"
                      name="note"
                      placeholder="Order special instructions"
                      form="cart"
                      data-cart-note=""
                    ></textarea>
                    <label class="label hidden" for="cart-note">Order special instructions</label>
                  </cart-note>
                </details>
              
              
<div class="cart-summary" id="main-cart-footer" data-id="cart-drawer">
                <div class="cart-drawer-footer-content">
                  <div class="cart-summary-price">
                    <div class="cart-summary-price-item cart-subtotal">
                      <span class="cart-summary-price-title heading-font card-heading text-xs">Subtotal</span>
                      <span class="cart-summary-price-amount heading-font card-heading text-xs">$0</span>
                    </div><p class="tax-note card-text">Taxes, discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout.
</p>
                    <div class="cart-summary-price-item cart-grand-total">
                      <span class="cart-summary-price-title heading-font card-heading text">Grand total</span>
                      <span class="cart-summary-price-amount heading-font card-heading text">$0</span>
                    </div>
                  </div>
                  <div class="cart-drawer-buttons gap-10">
                    <a
                      href="/cart"
                      class="button-element button-primary button-small button-outlined button-block"
                    >
                      <span class="button button-text">View cart </span>
                    </a>
                    <button
                      type="submit"
                      class="button-element button-secondary button-small button-solid button-block"
                      id="cartCheckout"
                      type="submit"
                      name="checkout"
                      form="cart"
                    >
                      <span class="button button-text">Check out</span>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</cart-drawer>




<predictive-search-drawer
  class="overlay-drawer drawer-fullwidth drawer-fullscreen search-drawer drawer-position-top scheme-senary"
  data-search-input
  tabindex="-1"
>
  
    <div class="overlay-drawer-inner">
  <div class="overlay-drawer-content">
    <div class="search-drawer-main">
      <div class="search-drawer-header">
        <div class="search-drawer-close" data-drawer-close>
          <button type="button" class="overlay-drawer-close">
            <span class="svg-wrapper">
              <svg viewBox="0 0 9 9" fill="none">
      <path d="M0.27999 7.36976C-0.0933304 7.74327 -0.0933304 8.34672 0.27999 8.72022C0.466213 8.90645 0.710665 9 0.95529 9C1.19974 9 1.44419 8.90645 1.63041 8.72022L4.5 5.85039L7.36959 8.72022C7.55581 8.90645 7.80026 9 8.04471 9C8.28934 9 8.53379 8.90645 8.72001 8.72022C9.09333 8.34672 9.09333 7.74327 8.72001 7.36976L5.85025 4.50011L8.72001 1.63045C9.09333 1.25695 9.09333 0.653502 8.72001 0.279997C8.34651 -0.0933324 7.74308 -0.0933324 7.36959 0.279997L4.5 3.14983L1.63041 0.279997C1.25692 -0.0933324 0.653486 -0.0933324 0.27999 0.279997C-0.0933304 0.653502 -0.0933304 1.25695 0.27999 1.63045L3.14975 4.50011L0.27999 7.36976Z" fill="currentColor"/>
    </svg>

            </span>
          </button>
        </div></div>
      <div class="search-drawer-body">
        <div class="search-drawer-body-inner">
          <predictive-search
            data-enable-predictive-search="true"
            data-loading-text="Loading..."
          >
            <div class="header-search-form">
              <style>
  @media (min-width: 768px) {
    .search-drawer-input {
      color: #FFFFFF !important;
      -webkit-text-fill-color: #FFFFFF !important;
      caret-color: #FFFFFF !important;
    }
  }
</style>
<form action="/search" method="get" role="search" class="search-drawer-input-group">
  <input
    class="form-control search-drawer-input"
    id=""
    type="search"
    name="q"
    value=""
    placeholder="Search"
    role="combobox"
    aria-expanded="false"
    aria-owns="predictive-search-results"
    aria-controls="predictive-search-results"
    aria-haspopup="listbox"
    aria-autocomplete="list"
    autocorrect="off"
    autocomplete="off"
    autocapitalize="off"
    spellcheck="false"
  >
  <label class="field-label hidden" for="">Search</label>
  <input type="hidden" name="options[prefix]" value="last">
  <button
    type="reset"
    class="reset-button field-button hidden"
    data-reset-button
    aria-label="Clear search term"
  >
    <span class="clear-text">Clear</span>
  </button>
  <button
    type="submit"
    class="search-form-button search-button"
    data-search-button
    aria-label="Search form submit button"
  >
    <span class="svg-wrapper">
      <svg width="21" height="22" viewBox="0 0 21 22" fill="none">
        <path d="M16.0452 16.7143L20 21M18.5528 9.8C18.5528 14.6601 14.6235 18.6 9.77638 18.6C4.92932 18.6 1 14.6601 1 9.8C1 4.9399 4.92932 1 9.77638 1C14.6235 1 18.5528 4.9399 18.5528 9.8Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
    </span>
  </button>
</form>

              <div class="search-drawer-close" data-drawer-close>
                <button type="button" class="overlay-drawer-close">
                  <span class="svg-wrapper">
                    <svg viewBox="0 0 9 9" fill="none">
      <path d="M0.27999 7.36976C-0.0933304 7.74327 -0.0933304 8.34672 0.27999 8.72022C0.466213 8.90645 0.710665 9 0.95529 9C1.19974 9 1.44419 8.90645 1.63041 8.72022L4.5 5.85039L7.36959 8.72022C7.55581 8.90645 7.80026 9 8.04471 9C8.28934 9 8.53379 8.90645 8.72001 8.72022C9.09333 8.34672 9.09333 7.74327 8.72001 7.36976L5.85025 4.50011L8.72001 1.63045C9.09333 1.25695 9.09333 0.653502 8.72001 0.279997C8.34651 -0.0933324 7.74308 -0.0933324 7.36959 0.279997L4.5 3.14983L1.63041 0.279997C1.25692 -0.0933324 0.653486 -0.0933324 0.27999 0.279997C-0.0933304 0.653502 -0.0933304 1.25695 0.27999 1.63045L3.14975 4.50011L0.27999 7.36976Z" fill="currentColor"/>
    </svg>

                  </span>
                </button>
              </div>
            </div>

            <div class="search-drawer-suggestions" data-search-drawer-suggestions>
              
                <div class="predictive-search-suggestions hidden" data-recent-searches>
                  <h6 class="predictive-search-heading heading-font text-lg">
                    Recent search
                  </h6>
                  <ul class="predictive-search-list"></ul>
                </div>
              
              
            </div>
            <div class="predictive-search-results hidden" data-predictive-search-result></div>
            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
          </predictive-search>
        </div>
      </div>
      
    </div>
  </div>
</div>

  
</predictive-search-drawer>
<script>
  class TabContent extends HTMLElement {
    constructor() {
      super();
      this.tabs = this.querySelectorAll('[data-tab]');
      // this.tabs.forEach((item) => item.addEventListener('click', this.onTabClick.bind(this)));
      this.tabs.forEach((item) => {
        item.addEventListener('click', this.onTabClick.bind(this));
        // Handle keyboard activation
        item.addEventListener('keydown', (event) => {
          if (event.key === 'Enter' || event.key === ' ') {
            this.onTabClick(event);
          }
        });
      });
    }

    onTabClick(event) {
      event.preventDefault();
      let activeTab = event.currentTarget.dataset.tab;
      this.tabs.forEach((item) => {
        item.classList.remove('active');
        let tab_content = item.dataset.tab + '-tab-content';
        document.querySelector(`[${tab_content}]`).classList.remove('active');
        document.querySelector(`[${tab_content}]`).classList.add('hidden');
      });
      let activeTabContent = `${activeTab}-tab-content`;
      document.querySelector(`[${activeTabContent}]`).classList.add('active');
      document.querySelector(`[${activeTabContent}]`).classList.remove('hidden');
      event.currentTarget.classList.add('active');
    }
  }
  customElements.define('tab-content', TabContent);
</script>

    <!-- BEGIN sections: header-group -->
<section id="shopify-section-sections--29050763378872__announcement" class="shopify-section shopify-section-group-header-group announcement-bar-section">
  
    <link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/announcement.css?v=32262339928179076471791526493" as="style" rel="preload">
  
  <link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/announcement.css?v=32262339928179076471791526493" rel="stylesheet" type="text/css" media="all" />

  

  <div class="section-wrapper section-spacing scheme-scheme-ed4c593a-1186-434d-be41-88fe07a5b1ce section-solid">
    
    <announcement-bar
      class="announcement-wrapper d-block"
      data-section="sections--29050763378872__announcement"
    >
    <style>
  #shopify-section-sections--29050763378872__announcement .section-wrapper {
    background: #000000 !important;
  }

  @media (min-width: 768px) {
    #shopify-section-sections--29050763378872__announcement .announcement-text-item p.text-xxs {
      font-size: 14px !important;
      line-height: .7 !important;
    }
  }
</style>  
      <div class="container">
        <div class="announcement-bar">
          
            <div class="announcement-textwrapper slides-left">
              <div
                class="announcement-textwrap swiper"
                
                  data-swiper='
                    {
                      "loop": true,
                      "direction": "vertical",
                      "effect": "flip",
                      "autoHeight": true,
                      "slidesPerView": 1,
                      "spaceBetween": 0,
                      
                      "autoplay": {
                        "delay": 5000,
                        "disableOnInteraction": false,
                        "pauseOnMouseEnter": false
                      },
                      
                      "centeredSlides": true
                    }
                  '
                
              >
                <div class="announcement-text-list swiper-wrapper">
                  
                    
                      <div class="announcement-text-item swiper-slide">
<p class="text-xxs heading-font" style="color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; opacity:1 !important;">
                          Vegan • Cruelty Free • Skin Loving Formulas
                        </p>
                      </div>
                    
                  
                    
                      <div class="announcement-text-item swiper-slide">
<p class="text-xxs heading-font" style="color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; opacity:1 !important;">
                          Beauty That Speaks Confidence
                        </p>
                      </div>
                    
                  
                </div>
              </div>
            </div>
          

          <div class="announcement-localization" data-localization-wrapper>
            <div class="localization-wrap">
              

            </div>
          </div>
        </div>
      </div>
    </announcement-bar>
  </div>


<style>
  #shopify-section-sections--29050763378872__announcement{
    --image-overlay-opacity: 0%;
    --blur-size: 5px;
  }
</style><style> @media (min-width: 768px) {#shopify-section-sections--29050763378872__announcement .announcement-text-item p, #shopify-section-sections--29050763378872__announcement .announcement-text-item p * {font-size: 16px !important; } #shopify-section-sections--29050763378872__announcement .announcement-wrapper {padding-top: 2px; padding-bottom: 2px; }} #shopify-section-sections--29050763378872__announcement .announcement-text-item p, #shopify-section-sections--29050763378872__announcement .announcement-text-item p * {font-weight: 400 !important;} </style></section><header id="shopify-section-sections--29050763378872__header" class="shopify-section shopify-section-group-header-group header-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/header.css?v=99255745533428225171791526493" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//ravishingcosmetics.com/cdn/shop/t/57/assets/header.css?v=99255745533428225171791526493" media="print" onload="this.media='all'">

  <link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/search.css?v=38637217974841314641791526493" rel="stylesheet" type="text/css" media="all" />






<div class="backdrop-overlay" data-backdrop-overlay>
  <div class="backdrop-cursor-hover" data-cursor-hover>
    <span class="svg-wrapper">
      <svg viewBox="0 0 9 9" fill="none">
      <path d="M0.27999 7.36976C-0.0933304 7.74327 -0.0933304 8.34672 0.27999 8.72022C0.466213 8.90645 0.710665 9 0.95529 9C1.19974 9 1.44419 8.90645 1.63041 8.72022L4.5 5.85039L7.36959 8.72022C7.55581 8.90645 7.80026 9 8.04471 9C8.28934 9 8.53379 8.90645 8.72001 8.72022C9.09333 8.34672 9.09333 7.74327 8.72001 7.36976L5.85025 4.50011L8.72001 1.63045C9.09333 1.25695 9.09333 0.653502 8.72001 0.279997C8.34651 -0.0933324 7.74308 -0.0933324 7.36959 0.279997L4.5 3.14983L1.63041 0.279997C1.25692 -0.0933324 0.653486 -0.0933324 0.27999 0.279997C-0.0933304 0.653502 -0.0933304 1.25695 0.27999 1.63045L3.14975 4.50011L0.27999 7.36976Z" fill="currentColor"/>
    </svg>

    </span>
  </div>
</div>
<sticky-always
  class="header-main header-sticky no-transparent logo-left-menu-left has-shadow"
  data-header-type="sticky-always"
  data-section="sections--29050763378872__header"
  data-search-input
  data-header-transparency="false"
  
>
  <div class="header-wrapper" ontouchstart="">
      

      <button class="mobile-hamburger" is="open-mobile-drawer" aria-label="Hamburger">
        <span class="svg-wrapper">
    <svg viewBox="0 0 15 9" fill="none" class="icon-hamburger">
      <rect width="15" height="2" rx="1" fill="currentColor"/>
      <rect y="7" width="9" height="2" rx="1" fill="currentColor"/>
    </svg>
  
</span>
      </button>
      <div class="header-logo-wrap logo-left-menu-left">
  <a
    href="/"
    class="header-logo-inner"
    header-logo-link
    aria-label="Logo"
  >
    
      

      

      
      

      <img src="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=3876" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=150 150w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=225 225w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=300 300w" width="150" height="45.356037151702786" loading="eager" class="header-logo" sizes="(max-width: 300px) 50vw, 150px">
<img src="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=3876" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=150 150w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=225 225w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=300 300w" width="150" height="45.356037151702786" loading="eager" class="header-logo-hover" sizes="(max-width: 300px) 50vw, 150px" fetchpriority="low">

    
  </a>
</div>
<style>
  .header-main .header-logo-inner {
    --header-transition-logo-width: 150px;
  }
</style>


      
        <nav class="header-navigation">
          <ul class="header-navigation-list" role="list"><li
      class="header-menu-item menu-item-active"
      data-has-mega-menu="false"
    >
        <a
          id="HeaderMenu-home"
          href="/"
          class="header-menu-link text heading-font"
          
            aria-current="page"
          
        >
          <span class="header-menu-text" data-replace="Home">Home</span>
        </a>
      
    </li><li
      class="header-menu-item has-children megamenu"
      data-has-mega-menu="true"
    ><details
          class="mega-menu"
          id="Details-HeaderMenu-2"
          is="details-mega-menu"
          trigger="on-hover"
          level="top"
          
        >
          <summary
            id="HeaderMenu-shop-by-category"
            class="header-menu-link text heading-font"
          >
            <span class="header-menu-text" data-replace="Shop By Category">Shop By Category</span>
            <span class="svg-wrapper header-menu-icon header-nav-icon">
              
    <svg width="8" height="6" viewBox="0 0 8 6">
      <path d="m1 1.5 3 3 3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
    </svg>
  

            </span>
          </summary>

          
            <div id="MegaMenu-Content-2" class="megamenu-wrap" tabindex="-1"><div class="megamenu-inner">
  
  <div class="megamenu-list-wrap"><ul
        class="megamenu-list"
        role="list"
      ><li class="megamenu-item megamenu-has-children"><a href="/collections/face" class="megamenu-item-image-link" tabindex="-1" aria-hidden="true">
                <div class="megamenu-item-collection-image">


  
  <img src="//ravishingcosmetics.com/cdn/shop/collections/face.jpg?v=1788576283&amp;width=1024" alt="Ravishing Cosmetics® all face makeup collection" srcset="//ravishingcosmetics.com/cdn/shop/collections/face.jpg?v=1788576283&amp;width=120 120w, //ravishingcosmetics.com/cdn/shop/collections/face.jpg?v=1788576283&amp;width=240 240w, //ravishingcosmetics.com/cdn/shop/collections/face.jpg?v=1788576283&amp;width=360 360w" width="1024" height="1008" loading="lazy" class="megamenu-item-collection-img" sizes="100vw" fetchpriority="auto" style="object-position:center;">

</div>
              </a><a
              class="megamenu-link text-xl heading-font"
              id="HeaderMenu-shop-by-category-face"
              href="/collections/face"
              
            >
              Face
            </a><ul class="megamenu-submenu-list" role="list"><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-face-powder"
                      href="/collections/face-powder"
                      
                    >
                      Powder
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-face-foundation"
                      href="/collections/face-foundation"
                      
                    >
                      Foundation
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-face-concealer"
                      href="/collections/face-concealer"
                      
                    >
                      Concealer
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-face-blush"
                      href="/collections/face-blush"
                      
                    >
                      Blush
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-face-bronzers"
                      href="/collections/face-bronzers"
                      
                    >
                      Bronzers
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-face-specialties"
                      href="/collections/face-specialties"
                      
                    >
                      Specialties
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-face-highlighters"
                      href="/collections/face-highlighters"
                      
                    >
                      Highlighters
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li></ul></li><li class="megamenu-item megamenu-has-children"><a href="/collections/brow" class="megamenu-item-image-link" tabindex="-1" aria-hidden="true">
                <div class="megamenu-item-collection-image">


  
  <img src="//ravishingcosmetics.com/cdn/shop/collections/brow.jpg?v=1788575605&amp;width=1082" alt="Shop Ravishing Cosmetics® brow makeup for shaping, defining, and enhancing brows with professional-looking results." srcset="//ravishingcosmetics.com/cdn/shop/collections/brow.jpg?v=1788575605&amp;width=120 120w, //ravishingcosmetics.com/cdn/shop/collections/brow.jpg?v=1788575605&amp;width=240 240w, //ravishingcosmetics.com/cdn/shop/collections/brow.jpg?v=1788575605&amp;width=360 360w" width="1082" height="1080" loading="lazy" class="megamenu-item-collection-img" sizes="100vw" fetchpriority="auto" style="object-position:center;">

</div>
              </a><a
              class="megamenu-link text-xl heading-font"
              id="HeaderMenu-shop-by-category-brow"
              href="/collections/brow"
              
            >
              Brow
            </a><ul class="megamenu-submenu-list" role="list"><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-brow-pencils"
                      href="/collections/brow-pencils"
                      
                    >
                      Pencils
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-brow-glow-dust"
                      href="/collections/brow-glow-dust"
                      
                    >
                      Glow Dust
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-brow-brow-back-ups"
                      href="/collections/brow-brow-back-ups"
                      
                    >
                      Brow Back-ups
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-brow-stencils"
                      href="/collections/brow-stencils"
                      
                    >
                      Stencils
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li></ul></li><li class="megamenu-item megamenu-has-children"><a href="/collections/eyes" class="megamenu-item-image-link" tabindex="-1" aria-hidden="true">
                <div class="megamenu-item-collection-image">


  
  <img src="//ravishingcosmetics.com/cdn/shop/collections/Picsart_23-10-26_12-57-37-649.jpg?v=1788575956&amp;width=1176" alt="Shop Ravishing Cosmetics® eye makeup for bold, polished looks and professional-looking results." srcset="//ravishingcosmetics.com/cdn/shop/collections/Picsart_23-10-26_12-57-37-649.jpg?v=1788575956&amp;width=120 120w, //ravishingcosmetics.com/cdn/shop/collections/Picsart_23-10-26_12-57-37-649.jpg?v=1788575956&amp;width=240 240w, //ravishingcosmetics.com/cdn/shop/collections/Picsart_23-10-26_12-57-37-649.jpg?v=1788575956&amp;width=360 360w" width="1176" height="1176" loading="lazy" class="megamenu-item-collection-img" sizes="100vw" fetchpriority="auto" style="object-position:center;">

</div>
              </a><a
              class="megamenu-link text-xl heading-font"
              id="HeaderMenu-shop-by-category-eyes"
              href="/collections/eyes"
              
            >
              Eyes
            </a><ul class="megamenu-submenu-list" role="list"><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-eyes-eyeliner"
                      href="/collections/eyes-eyeliner"
                      
                    >
                      Eyeliner
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-eyes-eye-shadow"
                      href="/collections/eyes-eye-shadow"
                      
                    >
                      Eye Shadow
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-eyes-mascara"
                      href="/collections/eyes-mascara"
                      
                    >
                      Mascara
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li></ul></li><li class="megamenu-item megamenu-has-children"><a href="/collections/lips" class="megamenu-item-image-link" tabindex="-1" aria-hidden="true">
                <div class="megamenu-item-collection-image">


  
  <img src="//ravishingcosmetics.com/cdn/shop/collections/1000069132.png?v=1785844341&amp;width=1097" alt="All Lip Essentials collection by Ravishing Cosmetics" srcset="//ravishingcosmetics.com/cdn/shop/collections/1000069132.png?v=1785844341&amp;width=120 120w, //ravishingcosmetics.com/cdn/shop/collections/1000069132.png?v=1785844341&amp;width=240 240w, //ravishingcosmetics.com/cdn/shop/collections/1000069132.png?v=1785844341&amp;width=360 360w" width="1097" height="1080" loading="lazy" class="megamenu-item-collection-img" sizes="100vw" fetchpriority="auto" style="object-position:center;">

</div>
              </a><a
              class="megamenu-link text-xl heading-font"
              id="HeaderMenu-shop-by-category-lips"
              href="/collections/lips"
              
            >
              Lips
            </a><ul class="megamenu-submenu-list" role="list"><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-lips-lipsticks"
                      href="/collections/lips-lipsticks"
                      
                    >
                      Lipsticks
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-lips-lip-stains"
                      href="/collections/lips-lip-stains"
                      
                    >
                      Lip Stains
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-lips-lip-pencils"
                      href="/collections/lips-lip-pencils"
                      
                    >
                      Lip Pencils
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-lips-lip-gloss"
                      href="/collections/lips-lip-gloss"
                      
                    >
                      Lip Gloss
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li></ul></li><li class="megamenu-item megamenu-has-children"><a href="/collections/other" class="megamenu-item-image-link" tabindex="-1" aria-hidden="true">
                <div class="megamenu-item-collection-image">


  
  <img src="//ravishingcosmetics.com/cdn/shop/collections/kits_bcae1259-10de-4775-b806-f9b17a73b6f2.jpg?v=1785844536&amp;width=1024" alt="The Luxe Makeup Collection collection by Ravishing Cosmetics" srcset="//ravishingcosmetics.com/cdn/shop/collections/kits_bcae1259-10de-4775-b806-f9b17a73b6f2.jpg?v=1785844536&amp;width=120 120w, //ravishingcosmetics.com/cdn/shop/collections/kits_bcae1259-10de-4775-b806-f9b17a73b6f2.jpg?v=1785844536&amp;width=240 240w, //ravishingcosmetics.com/cdn/shop/collections/kits_bcae1259-10de-4775-b806-f9b17a73b6f2.jpg?v=1785844536&amp;width=360 360w" width="1024" height="1008" loading="lazy" class="megamenu-item-collection-img" sizes="100vw" fetchpriority="auto" style="object-position:center;">

</div>
              </a><a
              class="megamenu-link text-xl heading-font"
              id="HeaderMenu-shop-by-category-other"
              href="/collections/other"
              
            >
              Other
            </a><ul class="megamenu-submenu-list" role="list"><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-other-kits"
                      href="/collections/kits"
                      
                    >
                      Kits
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-other-books"
                      href="/collections/book"
                      
                    >
                      Books
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-other-brushes"
                      href="/collections/brushes"
                      
                    >
                      Brushes
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li><li class="megamenu-submenu-item">
                    <a
                      class="megamenu-submenu-link text heading-font"
                      id="HeaderMenu-shop-by-category-other-accessories"
                      href="/collections/accessories"
                      
                    >
                      Accessories
                      <div class="svg-wrapper header-menu-icon submenu-icon">
                        
    <svg viewBox="0 0 12 13" fill="none">
      <path d="M5.1787 0.71167L4.28938 1.64761L9.06157 6.18232L0.279415 6.18232L0.34702 7.50595L9.12917 7.50595L4.82021 12.0406L5.80513 12.9766L11.6324 6.84409L5.1787 0.71167Z" fill="currentColor"/>
    </svg>
  

                      </div>
                    </a>
                  </li></ul></li></ul></div>
</div></div>
          
        </details>
      
    </li><li
      class="header-menu-item"
      data-has-mega-menu="false"
    >
        <a
          id="HeaderMenu-bestsellers"
          href="/collections/bestsellers"
          class="header-menu-link text heading-font"
          
        >
          <span class="header-menu-text" data-replace="Bestsellers">Bestsellers</span>
        </a>
      
    </li><li
      class="header-menu-item"
      data-has-mega-menu="false"
    >
        <a
          id="HeaderMenu-make-me-over-kit"
          href="/products/make-me-over-kit"
          class="header-menu-link text heading-font"
          
        >
          <span class="header-menu-text" data-replace="Make Me Over Kit">Make Me Over Kit</span>
        </a>
      
    </li><li
      class="header-menu-item"
      data-has-mega-menu="false"
    >
        <a
          id="HeaderMenu-all-products"
          href="/collections/all-products"
          class="header-menu-link text heading-font"
          
        >
          <span class="header-menu-text" data-replace="All Products">All Products</span>
        </a>
      
    </li><li
      class="header-menu-item"
      data-has-mega-menu="false"
    >
        <a
          id="HeaderMenu-about-us"
          href="/pages/about"
          class="header-menu-link text heading-font"
          
        >
          <span class="header-menu-text" data-replace="About Us">About Us</span>
        </a>
      
    </li><li
      class="header-menu-item"
      data-has-mega-menu="false"
    >
        <a
          id="HeaderMenu-contact-us"
          href="/pages/contact"
          class="header-menu-link text heading-font"
          
        >
          <span class="header-menu-text" data-replace="Contact Us">Contact Us</span>
        </a>
      
    </li></ul>

        </nav>
      
      
        <noscript>
          <div class="no-js-menu">
            <nav>
              <ul class="">
                
  
    <li class="">
      <a class="header--menu-link" href="/">Home</a>
    </li>
   
    
  
    <li class="">
      <a class="header--menu-link" href="/collections">Shop By Category</a>
    </li>
   
    
      
        <li class="child-link">
          <a class="header--menu-link" href="/collections/face">Face</a>
        </li>

        
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/face-powder">Powder</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/face-foundation">Foundation</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/face-concealer">Concealer</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/face-blush">Blush</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/face-bronzers">Bronzers</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/face-specialties">Specialties</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/face-highlighters">Highlighters</a>
            </li>
          
        
       
      
        <li class="child-link">
          <a class="header--menu-link" href="/collections/brow">Brow</a>
        </li>

        
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/brow-pencils">Pencils</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/brow-glow-dust">Glow Dust</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/brow-brow-back-ups">Brow Back-ups</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/brow-stencils">Stencils</a>
            </li>
          
        
       
      
        <li class="child-link">
          <a class="header--menu-link" href="/collections/eyes">Eyes</a>
        </li>

        
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/eyes-eyeliner">Eyeliner</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/eyes-eye-shadow">Eye Shadow</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/eyes-mascara">Mascara</a>
            </li>
          
        
       
      
        <li class="child-link">
          <a class="header--menu-link" href="/collections/lips">Lips</a>
        </li>

        
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/lips-lipsticks">Lipsticks</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/lips-lip-stains">Lip Stains</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/lips-lip-pencils">Lip Pencils</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/lips-lip-gloss">Lip Gloss</a>
            </li>
          
        
       
      
        <li class="child-link">
          <a class="header--menu-link" href="/collections/other">Other</a>
        </li>

        
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/kits">Kits</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/book">Books</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/brushes">Brushes</a>
            </li>
          
            <li class="grandchild-link">
              <a class="header--menu-link" href="/collections/accessories">Accessories</a>
            </li>
          
        
       
      
    
  
    <li class="">
      <a class="header--menu-link" href="/collections/bestsellers">Bestsellers</a>
    </li>
   
    
  
    <li class="">
      <a class="header--menu-link" href="/products/make-me-over-kit">Make Me Over Kit</a>
    </li>
   
    
  
    <li class="">
      <a class="header--menu-link" href="/collections/all-products">All Products</a>
    </li>
   
    
  
    <li class="">
      <a class="header--menu-link" href="/pages/about">About Us</a>
    </li>
   
    
  
    <li class="">
      <a class="header--menu-link" href="/pages/contact">Contact Us</a>
    </li>
   
    
  

              </ul>
            </nav>
          </div>
        </noscript>
      

      <ul class="header-buttons-list d-flex align-items-center justify-content-end">

  <li class="header-button-item">
    
      <button 
        
        data-predictive-search 
        
        class="header-icon header-icon-search text-xs" aria-label="Search">
          <span class="svg-wrapper">
    <svg viewBox="0 0 16 16" fill="none">
      <path d="M15.813 14.8711L11.8369 10.8951C12.9205 9.56987 13.4532 7.87893 13.325 6.17198C13.1967 4.46502 12.4173 2.87267 11.1479 1.72427C9.87853 0.575873 8.21632 -0.0406994 6.50509 0.00208668C4.79386 0.0448727 3.16454 0.743743 1.95414 1.95414C0.743743 3.16454 0.0448727 4.79386 0.00208668 6.50509C-0.0406994 8.21632 0.575873 9.87853 1.72427 11.1479C2.87267 12.4173 4.46502 13.1967 6.17198 13.325C7.87893 13.4532 9.56987 12.9205 10.8951 11.8369L14.8711 15.813C14.9968 15.9344 15.165 16.0015 15.3397 16C15.5143 15.9985 15.6814 15.9284 15.8049 15.8049C15.9284 15.6814 15.9985 15.5143 16 15.3397C16.0015 15.165 15.9344 14.9968 15.813 14.8711ZM6.68251 12.0115C5.62855 12.0115 4.59825 11.6989 3.72191 11.1134C2.84556 10.5278 2.16254 9.69556 1.7592 8.72182C1.35587 7.74808 1.25034 6.6766 1.45595 5.64289C1.66157 4.60917 2.16911 3.65964 2.91437 2.91437C3.65964 2.16911 4.60917 1.66157 5.64289 1.45595C6.6766 1.25034 7.74808 1.35587 8.72182 1.7592C9.69556 2.16254 10.5278 2.84556 11.1134 3.72191C11.6989 4.59825 12.0115 5.62855 12.0115 6.68251C12.0099 8.09535 11.4479 9.44987 10.4489 10.4489C9.44987 11.4479 8.09535 12.0099 6.68251 12.0115Z" fill="currentColor"/>
    </svg>

  
</span>
      </button>
    
  </li>
                                                      
  <li class="header-button-item"><a
        href="https://ravishingcosmetics.com/customer_authentication/redirect?locale=en&region_country=US"
        class="header-icon header-icon-account text-xs"
        rel="nofollow"
        aria-label="Account"
      ><span class="svg-wrapper">
    <svg viewBox="0 0 24 24" fill="none">
      <path d="M20.4853 3.51471C18.2188 1.24823 15.2053 0 12 0C8.79474 0 5.78119 1.24823 3.51471 3.51471C1.24823 5.78119 0 8.79474 0 12C0 15.2053 1.24823 18.2188 3.51471 20.4853C5.78119 22.7518 8.79474 24 12 24C15.2053 24 18.2188 22.7518 20.4853 20.4853C22.7518 18.2188 24 15.2053 24 12C24 8.79474 22.7518 5.78119 20.4853 3.51471ZM5.20807 20.1233C5.60431 16.7139 8.53564 14.0815 12 14.0815C13.8263 14.0815 15.5436 14.7931 16.8354 16.0847C17.9268 17.1762 18.6151 18.6013 18.7921 20.1231C16.9519 21.6643 14.5825 22.5938 12 22.5938C9.41748 22.5938 7.04828 21.6645 5.20807 20.1233ZM12 12.6332C9.99042 12.6332 8.35529 10.998 8.35529 8.98846C8.35529 6.9787 9.99042 5.34375 12 5.34375C14.0096 5.34375 15.6447 6.9787 15.6447 8.98846C15.6447 10.998 14.0096 12.6332 12 12.6332ZM20.0024 18.9344C19.6441 17.4897 18.8969 16.1576 17.8297 15.0905C16.9655 14.2262 15.943 13.5778 14.8279 13.1715C16.1684 12.2624 17.051 10.7265 17.051 8.98846C17.051 6.20343 14.785 3.9375 12 3.9375C9.21497 3.9375 6.94904 6.20343 6.94904 8.98846C6.94904 10.7274 7.83234 12.2639 9.17395 13.1728C8.14801 13.5467 7.19861 14.1248 6.38177 14.8857C5.19891 15.9873 4.3775 17.3919 3.99664 18.9333C2.38367 17.0739 1.40625 14.649 1.40625 12C1.40625 6.15857 6.15857 1.40625 12 1.40625C17.8414 1.40625 22.5938 6.15857 22.5938 12C22.5938 14.6495 21.616 17.075 20.0024 18.9344Z" fill="currentColor"/>
    </svg>
  
</span><span class="visually-hidden">Log in</span> 
      </a></li>

  <li class="header-button-item">
    <button
      class="header-icon header-icon-cart text-xs  is-empty-cart "
      id="cart-icon-bubble"
      data-cart-icon-bubble
      aria-label="Cart"
    >
      
        <span class="svg-wrapper empty-cart">
    <svg viewBox="0 0 22 22" fill="none">
      <path d="M16.8499 21.5H5.1499C2.6749 21.5 0.649902 19.475 0.649902 17V16.85L1.0999 4.85C1.1749 2.375 3.1999 0.5 5.5999 0.5H16.3999C18.7999 0.5 20.8249 2.375 20.8999 4.85L21.3499 16.85C21.4249 18.05 20.9749 19.175 20.1499 20.075C19.3249 20.975 18.1999 21.5 16.9999 21.5C16.9999 21.5 16.9249 21.5 16.8499 21.5ZM5.5999 2C3.9499 2 2.6749 3.275 2.5999 4.85L2.1499 17C2.1499 18.65 3.4999 20 5.1499 20H16.9999C17.8249 20 18.5749 19.625 19.0999 19.025C19.6249 18.425 19.9249 17.675 19.9249 16.85L19.4749 4.85C19.3999 3.2 18.1249 2 16.4749 2H5.5999Z" fill="currentColor"/>
      <path d="M11 9.5C8.075 9.5 5.75 7.175 5.75 4.25C5.75 3.8 6.05 3.5 6.5 3.5C6.95 3.5 7.25 3.8 7.25 4.25C7.25 6.35 8.9 8 11 8C13.1 8 14.75 6.35 14.75 4.25C14.75 3.8 15.05 3.5 15.5 3.5C15.95 3.5 16.25 3.8 16.25 4.25C16.25 7.175 13.925 9.5 11 9.5Z" fill="currentColor"/>
    </svg>
  
</span>
      
      <span class="visually-hidden">Cart</span>
  </button>
  </li>
</ul>

    </div>
  </div>
  
</sticky-always>


<link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/header-navigation-mobile.css?v=72465973427987417111791526493" rel="stylesheet" type="text/css" media="all" />

<menu-drawer id="MenuDrawer" class="menu-drawer" data-section-id="sections--29050763378872__header">
  <template data-type="mobile-drawer">
    <div class="menu-drawer-inner">
      <div class="menu-drawer-header">
        <button type="button" class="menu-drawer-close" data-drawer-close="">
          <span class="svg-wrapper">
            <svg viewBox="0 0 9 9" fill="none">
              <path d="M0.27999 7.36976C-0.0933304 7.74327 -0.0933304 8.34672 0.27999 8.72022C0.466213 8.90645 0.710665 9 0.95529 9C1.19974 9 1.44419 8.90645 1.63041 8.72022L4.5 5.85039L7.36959 8.72022C7.55581 8.90645 7.80026 9 8.04471 9C8.28934 9 8.53379 8.90645 8.72001 8.72022C9.09333 8.34672 9.09333 7.74327 8.72001 7.36976L5.85025 4.50011L8.72001 1.63045C9.09333 1.25695 9.09333 0.653502 8.72001 0.279997C8.34651 -0.0933324 7.74308 -0.0933324 7.36959 0.279997L4.5 3.14983L1.63041 0.279997C1.25692 -0.0933324 0.653486 -0.0933324 0.27999 0.279997C-0.0933304 0.653502 -0.0933304 1.25695 0.27999 1.63045L3.14975 4.50011L0.27999 7.36976Z" fill="currentColor"></path>
            </svg>
          </span>
        </button>
        <div class="menu-drawer-logo">
          <div class="header-logo-wrap logo-left-menu-left">
  <a
    href="/"
    class="header-logo-inner"
    header-logo-link
    aria-label="Logo"
  >
    
      

      

      
      

      <img src="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=3876" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=150 150w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=225 225w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=300 300w" width="150" height="45.356037151702786" loading="eager" class="header-logo" sizes="(max-width: 300px) 50vw, 150px">
<img src="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=3876" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=150 150w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=225 225w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=300 300w" width="150" height="45.356037151702786" loading="eager" class="header-logo-hover" sizes="(max-width: 300px) 50vw, 150px" fetchpriority="low">

    
  </a>
</div>
<style>
  .header-main .header-logo-inner {
    --header-transition-logo-width: 150px;
  }
</style>

        </div>

        <div class="menu-drawer-account"><a
              href="https://ravishingcosmetics.com/customer_authentication/redirect?locale=en&region_country=US"
              class="header-icon header-icon-account text-xs"
              rel="nofollow"
              aria-label="Account"
            ><span class="svg-wrapper">
    <svg viewBox="0 0 24 24" fill="none">
      <path d="M20.4853 3.51471C18.2188 1.24823 15.2053 0 12 0C8.79474 0 5.78119 1.24823 3.51471 3.51471C1.24823 5.78119 0 8.79474 0 12C0 15.2053 1.24823 18.2188 3.51471 20.4853C5.78119 22.7518 8.79474 24 12 24C15.2053 24 18.2188 22.7518 20.4853 20.4853C22.7518 18.2188 24 15.2053 24 12C24 8.79474 22.7518 5.78119 20.4853 3.51471ZM5.20807 20.1233C5.60431 16.7139 8.53564 14.0815 12 14.0815C13.8263 14.0815 15.5436 14.7931 16.8354 16.0847C17.9268 17.1762 18.6151 18.6013 18.7921 20.1231C16.9519 21.6643 14.5825 22.5938 12 22.5938C9.41748 22.5938 7.04828 21.6645 5.20807 20.1233ZM12 12.6332C9.99042 12.6332 8.35529 10.998 8.35529 8.98846C8.35529 6.9787 9.99042 5.34375 12 5.34375C14.0096 5.34375 15.6447 6.9787 15.6447 8.98846C15.6447 10.998 14.0096 12.6332 12 12.6332ZM20.0024 18.9344C19.6441 17.4897 18.8969 16.1576 17.8297 15.0905C16.9655 14.2262 15.943 13.5778 14.8279 13.1715C16.1684 12.2624 17.051 10.7265 17.051 8.98846C17.051 6.20343 14.785 3.9375 12 3.9375C9.21497 3.9375 6.94904 6.20343 6.94904 8.98846C6.94904 10.7274 7.83234 12.2639 9.17395 13.1728C8.14801 13.5467 7.19861 14.1248 6.38177 14.8857C5.19891 15.9873 4.3775 17.3919 3.99664 18.9333C2.38367 17.0739 1.40625 14.649 1.40625 12C1.40625 6.15857 6.15857 1.40625 12 1.40625C17.8414 1.40625 22.5938 6.15857 22.5938 12C22.5938 14.6495 21.616 17.075 20.0024 18.9344Z" fill="currentColor"/>
    </svg>
  
</span><span class="visually-hidden">Log in</span>
            </a></div>
      </div><div class="menu-drawer-content">
        <ul class="mobile-menu-list"><li class="mobile-menu-item"><a
                  class="focus-inside mobile-menu-link text heading-font"
                  href="/"
                >Home</a></li><li class="mobile-menu-item"><div class="mobile-menu-link-wrapper" data-menus>
  <div class="mobile-menu-link focus-inside text heading-font" >
    <a href="/collections" class="focus-inside mobile-menu-text">Shop By Category</a>
    <span class="mobile-menu-icon focus-inside"  is="has-next-menu" tabindex="0">
      <span class="svg-wrapper">
       
    <svg viewBox="0 0 7 7" fill="none">
      <path d="M0.48249 0.923833L0.482511 1.77624L4.82887 1.77626L0.625632 5.77029L1.25997 6.37305L5.4632 2.37902L5.4632 6.50903L6.36025 6.50905L6.36025 0.923812L0.48249 0.923833Z" fill="currentColor"/>
    </svg>

  

    </span>
    </span>
  </div>
  <div class="mobile-menu-submenu" data-child>
    <button class="mobile-menu-back" data-back-to-main-menu>
      <svg width="6" height="9" viewBox="0 0 6 9" fill="none">
        <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"></path>
      </svg>
      <span>Back</span>
    </button>
    <div class="mobile-menus-mega-wrapper"><ul class="mobile-menu-submenu-list"><li class="mobile-menu-item"><div class="mobile-menu-submenu-wrapper" data-menus>
                        <div class="mobile-menu-link focus-inside text-xl heading-font" >
                          <a href="/collections/face" class="focus-inside mobile-menu-text">Face</a>
                          <span class="mobile-menu-icon focus-inside"  is="has-next-menu" tabindex="0">
                            <span class="svg-wrapper">
                            
    <svg viewBox="0 0 7 7" fill="none">
      <path d="M0.48249 0.923833L0.482511 1.77624L4.82887 1.77626L0.625632 5.77029L1.25997 6.37305L5.4632 2.37902L5.4632 6.50903L6.36025 6.50905L6.36025 0.923812L0.48249 0.923833Z" fill="currentColor"/>
    </svg>

  

                            </span>
                          </span>
                        </div>
                        
                        <div class="mobile-menu-submenu inner-submenu" data-child>
                            <button class="mobile-menu-back" data-back-to-sub-menu>
                              <svg width="6" height="9" viewBox="0 0 6 9" fill="none">
                                  <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"></path>
                              </svg>
                              <span>Back</span>
                            </button>
                            <ul class="mobile-menu-submenu-list inner-submenu-list"><li class="mobile-menu-item">
                                    <a href="/collections/face-powder" class="mobile-menu-link text heading-font">Powder</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/face-foundation" class="mobile-menu-link text heading-font">Foundation</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/face-concealer" class="mobile-menu-link text heading-font">Concealer</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/face-blush" class="mobile-menu-link text heading-font">Blush</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/face-bronzers" class="mobile-menu-link text heading-font">Bronzers</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/face-specialties" class="mobile-menu-link text heading-font">Specialties</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/face-highlighters" class="mobile-menu-link text heading-font">Highlighters</a>
                                </li></ul>
                        </div>
                      </div></li><li class="mobile-menu-item"><div class="mobile-menu-submenu-wrapper" data-menus>
                        <div class="mobile-menu-link focus-inside text-xl heading-font" >
                          <a href="/collections/brow" class="focus-inside mobile-menu-text">Brow</a>
                          <span class="mobile-menu-icon focus-inside"  is="has-next-menu" tabindex="0">
                            <span class="svg-wrapper">
                            
    <svg viewBox="0 0 7 7" fill="none">
      <path d="M0.48249 0.923833L0.482511 1.77624L4.82887 1.77626L0.625632 5.77029L1.25997 6.37305L5.4632 2.37902L5.4632 6.50903L6.36025 6.50905L6.36025 0.923812L0.48249 0.923833Z" fill="currentColor"/>
    </svg>

  

                            </span>
                          </span>
                        </div>
                        
                        <div class="mobile-menu-submenu inner-submenu" data-child>
                            <button class="mobile-menu-back" data-back-to-sub-menu>
                              <svg width="6" height="9" viewBox="0 0 6 9" fill="none">
                                  <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"></path>
                              </svg>
                              <span>Back</span>
                            </button>
                            <ul class="mobile-menu-submenu-list inner-submenu-list"><li class="mobile-menu-item">
                                    <a href="/collections/brow-pencils" class="mobile-menu-link text heading-font">Pencils</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/brow-glow-dust" class="mobile-menu-link text heading-font">Glow Dust</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/brow-brow-back-ups" class="mobile-menu-link text heading-font">Brow Back-ups</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/brow-stencils" class="mobile-menu-link text heading-font">Stencils</a>
                                </li></ul>
                        </div>
                      </div></li><li class="mobile-menu-item"><div class="mobile-menu-submenu-wrapper" data-menus>
                        <div class="mobile-menu-link focus-inside text-xl heading-font" >
                          <a href="/collections/eyes" class="focus-inside mobile-menu-text">Eyes</a>
                          <span class="mobile-menu-icon focus-inside"  is="has-next-menu" tabindex="0">
                            <span class="svg-wrapper">
                            
    <svg viewBox="0 0 7 7" fill="none">
      <path d="M0.48249 0.923833L0.482511 1.77624L4.82887 1.77626L0.625632 5.77029L1.25997 6.37305L5.4632 2.37902L5.4632 6.50903L6.36025 6.50905L6.36025 0.923812L0.48249 0.923833Z" fill="currentColor"/>
    </svg>

  

                            </span>
                          </span>
                        </div>
                        
                        <div class="mobile-menu-submenu inner-submenu" data-child>
                            <button class="mobile-menu-back" data-back-to-sub-menu>
                              <svg width="6" height="9" viewBox="0 0 6 9" fill="none">
                                  <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"></path>
                              </svg>
                              <span>Back</span>
                            </button>
                            <ul class="mobile-menu-submenu-list inner-submenu-list"><li class="mobile-menu-item">
                                    <a href="/collections/eyes-eyeliner" class="mobile-menu-link text heading-font">Eyeliner</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/eyes-eye-shadow" class="mobile-menu-link text heading-font">Eye Shadow</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/eyes-mascara" class="mobile-menu-link text heading-font">Mascara</a>
                                </li></ul>
                        </div>
                      </div></li><li class="mobile-menu-item"><div class="mobile-menu-submenu-wrapper" data-menus>
                        <div class="mobile-menu-link focus-inside text-xl heading-font" >
                          <a href="/collections/lips" class="focus-inside mobile-menu-text">Lips</a>
                          <span class="mobile-menu-icon focus-inside"  is="has-next-menu" tabindex="0">
                            <span class="svg-wrapper">
                            
    <svg viewBox="0 0 7 7" fill="none">
      <path d="M0.48249 0.923833L0.482511 1.77624L4.82887 1.77626L0.625632 5.77029L1.25997 6.37305L5.4632 2.37902L5.4632 6.50903L6.36025 6.50905L6.36025 0.923812L0.48249 0.923833Z" fill="currentColor"/>
    </svg>

  

                            </span>
                          </span>
                        </div>
                        
                        <div class="mobile-menu-submenu inner-submenu" data-child>
                            <button class="mobile-menu-back" data-back-to-sub-menu>
                              <svg width="6" height="9" viewBox="0 0 6 9" fill="none">
                                  <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"></path>
                              </svg>
                              <span>Back</span>
                            </button>
                            <ul class="mobile-menu-submenu-list inner-submenu-list"><li class="mobile-menu-item">
                                    <a href="/collections/lips-lipsticks" class="mobile-menu-link text heading-font">Lipsticks</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/lips-lip-stains" class="mobile-menu-link text heading-font">Lip Stains</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/lips-lip-pencils" class="mobile-menu-link text heading-font">Lip Pencils</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/lips-lip-gloss" class="mobile-menu-link text heading-font">Lip Gloss</a>
                                </li></ul>
                        </div>
                      </div></li><li class="mobile-menu-item"><div class="mobile-menu-submenu-wrapper" data-menus>
                        <div class="mobile-menu-link focus-inside text-xl heading-font" >
                          <a href="/collections/other" class="focus-inside mobile-menu-text">Other</a>
                          <span class="mobile-menu-icon focus-inside"  is="has-next-menu" tabindex="0">
                            <span class="svg-wrapper">
                            
    <svg viewBox="0 0 7 7" fill="none">
      <path d="M0.48249 0.923833L0.482511 1.77624L4.82887 1.77626L0.625632 5.77029L1.25997 6.37305L5.4632 2.37902L5.4632 6.50903L6.36025 6.50905L6.36025 0.923812L0.48249 0.923833Z" fill="currentColor"/>
    </svg>

  

                            </span>
                          </span>
                        </div>
                        
                        <div class="mobile-menu-submenu inner-submenu" data-child>
                            <button class="mobile-menu-back" data-back-to-sub-menu>
                              <svg width="6" height="9" viewBox="0 0 6 9" fill="none">
                                  <path d="M4.97057 9L6 7.97057L2.65617 4.61943L6 1.2683L4.97057 0.238867L0.590001 4.61943L4.97057 9Z" fill="currentColor"></path>
                              </svg>
                              <span>Back</span>
                            </button>
                            <ul class="mobile-menu-submenu-list inner-submenu-list"><li class="mobile-menu-item">
                                    <a href="/collections/kits" class="mobile-menu-link text heading-font">Kits</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/book" class="mobile-menu-link text heading-font">Books</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/brushes" class="mobile-menu-link text heading-font">Brushes</a>
                                </li><li class="mobile-menu-item">
                                    <a href="/collections/accessories" class="mobile-menu-link text heading-font">Accessories</a>
                                </li></ul>
                        </div>
                      </div></li></ul></div>
  </div>
</div>
</li><li class="mobile-menu-item"><a
                  class="focus-inside mobile-menu-link text heading-font"
                  href="/collections/bestsellers"
                >Bestsellers</a></li><li class="mobile-menu-item"><a
                  class="focus-inside mobile-menu-link text heading-font"
                  href="/products/make-me-over-kit"
                >Make Me Over Kit</a></li><li class="mobile-menu-item"><a
                  class="focus-inside mobile-menu-link text heading-font"
                  href="/collections/all-products"
                >All Products</a></li><li class="mobile-menu-item"><a
                  class="focus-inside mobile-menu-link text heading-font"
                  href="/pages/about"
                >About Us</a></li><li class="mobile-menu-item"><a
                  class="focus-inside mobile-menu-link text heading-font"
                  href="/pages/contact"
                >Contact Us</a></li></ul></div>
    </div>
  </template>
</menu-drawer>

<style>
    header {
      
      
      --header-color: #000000;
      --header-hover-color: #000000;
      --header-background: #ffffff;
      --header-border-color: 0,0,0;
      --header-border-opacity: 0.2;

      --submenu-color: #000000;
      --submenu-hover-color: #000000;
      --submenu-background: #ffffff;

      --transparent-border: 0,0, 0;
      --transparent-border-opacity: 0.2;
      --transparent-header-color: #000000;
      --header-logo-large: 58vw;

    }
    .header-main .header-logo-inner {
      --header-logo-width: 150px;
    }
    @media (max-width: 1024px) {
      header {
        --header-background: #FFFFFF;
      }
    }
    @media (max-width: 767px) {
  header {
    --header-logo-width: 105px;
  }
  .header-main .header-logo-inner {
    --header-logo-width: 105px;
  }
}
    header-hamburger {
      
      --hamburger-menu-size:px;
  }
</style>

<script>
  (function () {
    function initLogoSweep() {
      var inner = document.querySelector('.header-main .header-logo-inner');
      if (!inner) return;

      /* Prevent duplicate listeners in Shopify Theme Editor */
      if (inner.dataset.rnrSweepInit) return;
      inner.dataset.rnrSweepInit = '1';

      inner.addEventListener('pointerdown', function (e) {
        if (e.pointerType === 'mouse') return;
        if (window.innerWidth > 1024) return;

        inner.classList.add('is-sweeping');
      });

      inner.addEventListener('animationend', function (e) {
        if (e.animationName === 'rnr-sweep-rect') {
          inner.classList.remove('is-sweeping');
        }
      });

      inner.addEventListener('animationcancel', function () {
        inner.classList.remove('is-sweeping');
      });
    }

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', initLogoSweep);
    } else {
      initLogoSweep();
    }
  })();
</script>

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Ravishing Cosmetics®",
    
      "logo": "https:\/\/ravishingcosmetics.com\/cdn\/shop\/files\/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899\u0026width=500",
    
    "sameAs": ["https:\/\/www.facebook.com\/ravishingcosmetics\/"
,"https:\/\/www.instagram.com\/ravishingcosmetics\/"
],
    "url": "https:\/\/ravishingcosmetics.com"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Ravishing Cosmetics®",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/ravishingcosmetics.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/ravishingcosmetics.com"
    }
  </script>
</header>
<!-- END sections: header-group -->

    <main id="MainContent" class="content-for-layout focus-none" role="main">
      <section id="shopify-section-template--29050769146040__banner_slider_KdGDni" class="shopify-section banner-slider-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/banner-slider.css?v=18801396961245504941791526493" rel="stylesheet" type="text/css" media="all" />



<div
  class="section-wrapper section-spacing scheme-tertiary section-solid"
>
  <div
    class="banner-slider-main"
    banner-slide-component="true"
    
    data-section="template--29050769146040__banner_slider_KdGDni"
    data-block-size="1"
    data-section-index="1"
  >
    
    <div class="main-banner-slider-inner" banner-slider-wrapper-main>
      <div
        class="banner-slider-wrapper is-stable"
        hero-slider-intiate="true"
        
      >
          <div class="banner-slides">
            
               
              <div
  class="banner-image-media scheme-senary"
  data-index="1" 
  data-banner-slide-item="true"
  data-id="banner-image-media-banner_RNd3Ny"
  data-media-id="banner_RNd3Ny"
  
> 
   
  <div class="slide-inner">
    <div class="media-wrapper media-overlay">
      
      
  
        
        <div class="media d-media-fixed m-media-fixed d-block d-md-none">
          
            
            


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/DSC-7384-1000x807.jpg?v=1785998633&amp;width=1000" alt="Close-up portrait of a blonde woman with dramatic smoky eye makeup and nude lipstick" srcset="//ravishingcosmetics.com/cdn/shop/files/DSC-7384-1000x807.jpg?v=1785998633&amp;width=375 375w, //ravishingcosmetics.com/cdn/shop/files/DSC-7384-1000x807.jpg?v=1785998633&amp;width=550 550w, //ravishingcosmetics.com/cdn/shop/files/DSC-7384-1000x807.jpg?v=1785998633&amp;width=750 750w" width="1000" height="807" loading="eager" class="slideshow-image" sizes="100vw" fetchpriority="high" style="object-position:50.0% 50.0%;">


          
        </div>
    
        
        <div class="media d-media-fixed m-media-fixed d-none d-md-block">
          
            


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/DSC-7384-1000x807.jpg?v=1785998633&amp;width=1000" alt="Close-up portrait of a blonde woman with dramatic smoky eye makeup and nude lipstick" srcset="//ravishingcosmetics.com/cdn/shop/files/DSC-7384-1000x807.jpg?v=1785998633&amp;width=375 375w, //ravishingcosmetics.com/cdn/shop/files/DSC-7384-1000x807.jpg?v=1785998633&amp;width=550 550w, //ravishingcosmetics.com/cdn/shop/files/DSC-7384-1000x807.jpg?v=1785998633&amp;width=750 750w" width="1000" height="807" loading="eager" class="slideshow-image" sizes="100vw" fetchpriority="high" style="object-position:50.0% 50.0%;">


          
        </div>
      
    </div>

    
    
      <div
        class="slideshow-content container"
        
          hero-slider-slide-item-content="true"
        
      >
        
        <div class="slideshow-content-wrapper pos-absolute center-left width-sm">
          <div class="slideshow-content-inner text-left">
            
            
            
              <h1
                class="slideshow-heading heading-font h2"
                slider-banner-content-heading="true"
              >Professional Makeup Effortless Beauty
              </h1>
            
    
            
              <p class="slideshow-description body-font text-lg">
                Inspired by Alexis Vogel’s iconic red carpet artistry, Ravishing Cosmetics® makes effortless glamour part of your everyday beauty routine.
              </p>
            
    
            
              
              <div class="slideshow-button" ontouchstart="">
                
                  

  <a
    href="/collections"
    class="button-element button-primary button-solid-animated button-large body-font"
  >



  <span class="button-icon">
    <span class="svg-wrapper">
      
        
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

        
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

      
    </span>
  </span>


<span
  class="button button-text"
  
>
  
    <span class="button-text-hovered">Shop Now</span>
    <span class="button-text-regular">Shop Now</span>
  
</span>




  </a>


                
                
              </div>
            
          </div>
        </div>
      </div>
    
  </div>
</div>

            
            
          </div>
          <div class="swiper-pagination swiper-pagination-template--29050769146040__banner_slider_KdGDni"></div>
        
      </div>
    </div>
  
    
  </div>
</div>

<style>
  #shopify-section-template--29050769146040__banner_slider_KdGDni {
    

    
      --media-height: 100vh;
    

    --marquee-gap: 20px;
    --horizontal-space: 20px;
    --marquee-text-size: 60px;
    --marquee-speed: 5s;
  }
 
  
    #shopify-section-template--29050769146040__banner_slider_KdGDni [data-id=banner-image-media-banner_RNd3Ny] .media-overlay {
      --image-overlay-opacity: 0.1;
    }
  

  @media only screen and (max-width:767px) {
    #shopify-section-template--29050769146040__banner_slider_KdGDni {
      
      --media-height: 500px;
      --marquee-text-size: 70px;
    }
  }

  
</style>


<style> @media (max-width: 767px) {#shopify-section-template--29050769146040__banner_slider_KdGDni .slideshow-button {margin-top: 10px; flex-wrap: wrap; } #shopify-section-template--29050769146040__banner_slider_KdGDni .slideshow-sub-heading, #shopify-section-template--29050769146040__banner_slider_KdGDni .slideshow-description {display: none; } #shopify-section-template--29050769146040__banner_slider_KdGDni .center-left {bottom: -30px; transform: translateY(0); } #shopify-section-template--29050769146040__banner_slider_KdGDni .slideshow-heading {font-size: 25px; font-weight: 400; line-height: 1.15; letter-spacing: 0.01em; color: #ffffff; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45); max-width: 280px; }} #shopify-section-template--29050769146040__banner_slider_KdGDni .button-element.button-solid-animated.button-primary {--button-background-hover: #ffffff !important; --button-text-hover: #000000 !important;} </style></section><section id="shopify-section-template--29050769146040__collection_list_bHPDHe" class="shopify-section section-collection collection-lists-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/collection-list.css?v=99761302010463049901791526493" rel="stylesheet" type="text/css" media="all" />

<div
  class="section-wrapper section-spacing scheme-primary section-solid premium-category-section"
  data-section-index="2"
>
  
    <div class="container-md">
      <div class="collection-content-header width-full">
 
 

  <div class="section-header text-center">
    
    
      <h2 class="section-heading heading-font h3" >
        
Shop by Category
      </h2>
    
    
    
      <p class="section-description body-font text-sm"  feature-product-main-description>Curated essentials for every step of your signature look.</p>
    
  </div>


      </div>
    </div>
  
<div class="container-md">
  <div class="main-collection-list-wrapper column-count-4 mobile-swipe">
    



<div class="collection-list-item">
    <a href="/collections/face" aria-label="All Face Makeup" class="collection-card below-content">
        <div class="collection-card-image media-overlay media-wrapper border-none">
            <div class="media" style="--image-ratio:100%;">
                


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Face_Closeup.jpg?v=1781585082&amp;width=800" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Face_Closeup.jpg?v=1781585082&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Face_Closeup.jpg?v=1781585082&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Face_Closeup.jpg?v=1781585082&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Face_Closeup.jpg?v=1781585082&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Face_Closeup.jpg?v=1781585082&amp;width=800 800w" width="800" height="800" loading="lazy" class="collection-grid-image" sizes="(min-width: 1000px) 35vw, (min-width: 600px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


            </div>
        </div>
        <div class="collection-card-content">
            
              <div class="heading-font text-center collection-card-title h6" data-text="Face" style="text-transform: none !important;">Face</div>
        </div>
    </a>
</div>



<div class="collection-list-item">
    <a href="/collections/eyes" aria-label="All Eye Makeup Essentials" class="collection-card below-content">
        <div class="collection-card-image media-overlay media-wrapper border-none">
            <div class="media" style="--image-ratio:100%;">
                


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Eyes_Closeup2.jpg?v=1781585024&amp;width=800" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Eyes_Closeup2.jpg?v=1781585024&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Eyes_Closeup2.jpg?v=1781585024&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Eyes_Closeup2.jpg?v=1781585024&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Eyes_Closeup2.jpg?v=1781585024&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Eyes_Closeup2.jpg?v=1781585024&amp;width=800 800w" width="800" height="678" loading="lazy" class="collection-grid-image" sizes="(min-width: 1000px) 35vw, (min-width: 600px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


            </div>
        </div>
        <div class="collection-card-content">
            
              <div class="heading-font text-center collection-card-title h6" data-text="Eyes" style="text-transform: none !important;">Eyes</div>
        </div>
    </a>
</div>



<div class="collection-list-item">
    <a href="/collections/lips" aria-label="All Lip Essentials" class="collection-card below-content">
        <div class="collection-card-image media-overlay media-wrapper border-none">
            <div class="media" style="--image-ratio:100%;">
                


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Luminous_Gloss_Closeup.jpg?v=1781584972&amp;width=800" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Luminous_Gloss_Closeup.jpg?v=1781584972&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Luminous_Gloss_Closeup.jpg?v=1781584972&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Luminous_Gloss_Closeup.jpg?v=1781584972&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Luminous_Gloss_Closeup.jpg?v=1781584972&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Luminous_Gloss_Closeup.jpg?v=1781584972&amp;width=800 800w" width="800" height="800" loading="lazy" class="collection-grid-image" sizes="(min-width: 1000px) 35vw, (min-width: 600px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


            </div>
        </div>
        <div class="collection-card-content">
            
              <div class="heading-font text-center collection-card-title h6" data-text="Lips" style="text-transform: none !important;">Lips</div>
        </div>
    </a>
</div>



<div class="collection-list-item">
    <a href="/collections/kits" aria-label="All Makeup Kits" class="collection-card below-content">
        <div class="collection-card-image media-overlay media-wrapper border-none">
            <div class="media" style="--image-ratio:100%;">
                


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Picsart_26-06-15_22-05-41-075.jpg?v=1781586514&amp;width=800" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Picsart_26-06-15_22-05-41-075.jpg?v=1781586514&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Picsart_26-06-15_22-05-41-075.jpg?v=1781586514&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Picsart_26-06-15_22-05-41-075.jpg?v=1781586514&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Picsart_26-06-15_22-05-41-075.jpg?v=1781586514&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Picsart_26-06-15_22-05-41-075.jpg?v=1781586514&amp;width=800 800w" width="800" height="800" loading="lazy" class="collection-grid-image" sizes="(min-width: 1000px) 35vw, (min-width: 600px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


            </div>
        </div>
        <div class="collection-card-content">
            
              <div class="heading-font text-center collection-card-title h6" data-text="Kits & Sets" style="text-transform: none !important;">Kits & Sets</div>
        </div>
    </a>
</div>
  </div>

  
    
      <div class="rc-mobile-progress">
        <span class="rc-mobile-progress-track" aria-hidden="true">
          <span class="rc-mobile-progress-thumb"></span>
        </span>
        <input
          class="rc-mobile-progress-range"
          type="range"
          min="0"
          max="3"
          step="1"
          value="0"
          aria-label="Browse collections"
        >
      </div>
    
  
</div>




  
    <style>
      @media (max-width: 767px) {
        #shopify-section-template--29050769146040__collection_list_bHPDHe .main-collection-list-wrapper.mobile-swipe {
          scrollbar-width: none !important;
          -ms-overflow-style: none;
          scroll-snap-type: x mandatory !important;
          scroll-behavior: smooth;
          overscroll-behavior-x: contain;
        }

        #shopify-section-template--29050769146040__collection_list_bHPDHe .main-collection-list-wrapper.mobile-swipe::-webkit-scrollbar {
          display: none !important;
          width: 0 !important;
          height: 0 !important;
        }

        #shopify-section-template--29050769146040__collection_list_bHPDHe .main-collection-list-wrapper.mobile-swipe .collection-list-item {
          scroll-snap-align: start !important;
          scroll-snap-stop: always !important;
        }

        #shopify-section-template--29050769146040__collection_list_bHPDHe .rc-mobile-progress {
          position: relative;
          width: 168px;
          height: 44px;
          margin: 10px auto 0;
          user-select: none;
          -webkit-user-select: none;
        }

        #shopify-section-template--29050769146040__collection_list_bHPDHe .rc-mobile-progress-track {
          position: absolute;
          left: 12px;
          right: 12px;
          top: 50%;
          display: block;
          height: 2px;
          background: rgba(0, 0, 0, 0.18);
          overflow: visible;
          transform: translateY(-50%);
          pointer-events: none;
        }

        #shopify-section-template--29050769146040__collection_list_bHPDHe .rc-mobile-progress-thumb {
          position: absolute;
          left: 0;
          top: 50%;
          display: block;
          width: 42px;
          height: 5px;
          background: #000000;
          transform: translate3d(0, -50%, 0);
          will-change: transform;
          pointer-events: none;
        }

        #shopify-section-template--29050769146040__collection_list_bHPDHe .rc-mobile-progress-range {
          position: absolute;
          inset: 0;
          z-index: 2;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          opacity: 0;
          cursor: grab;
          touch-action: none;
        }

        #shopify-section-template--29050769146040__collection_list_bHPDHe .rc-mobile-progress-range:active {
          cursor: grabbing;
        }

        #shopify-section-template--29050769146040__collection_list_bHPDHe .rc-mobile-progress-range:focus-visible + * {
          outline: none;
        }
      }

      @media (min-width: 768px) {
        #shopify-section-template--29050769146040__collection_list_bHPDHe .rc-mobile-progress {
          display: none !important;
        }
      }
    </style>

    <script>
      (function() {
        var sectionId = 'shopify-section-template--29050769146040__collection_list_bHPDHe';

        function initRcMobileProgress() {
          var section = document.getElementById(sectionId);
          if (!section) return;

          var scroller = section.querySelector('.main-collection-list-wrapper.mobile-swipe');
          var items = scroller ? Array.prototype.slice.call(scroller.querySelectorAll('.collection-list-item')) : [];
          var control = section.querySelector('.rc-mobile-progress');
          var track = section.querySelector('.rc-mobile-progress-track');
          var thumb = section.querySelector('.rc-mobile-progress-thumb');
          var range = section.querySelector('.rc-mobile-progress-range');

          if (!scroller || items.length < 2 || !control || !track || !thumb || !range) return;

          range.max = String(items.length - 1);

          var ticking = false;
          var controlActive = false;
          var snapTimer = null;
          var snapping = false;

          function maxScroll() {
            return Math.max(0, scroller.scrollWidth - scroller.clientWidth);
          }

          function getStops() {
            var scrollerRect = scroller.getBoundingClientRect();
            var max = maxScroll();

            return items.map(function(item) {
              var rect = item.getBoundingClientRect();
              var target = scroller.scrollLeft + rect.left - scrollerRect.left;
              return Math.max(0, Math.min(max, target));
            });
          }

          function nearestIndex() {
            var stops = getStops();
            var current = scroller.scrollLeft;
            var index = 0;
            var distance = Infinity;

            stops.forEach(function(stop, i) {
              var nextDistance = Math.abs(stop - current);
              if (nextDistance < distance) {
                distance = nextDistance;
                index = i;
              }
            });

            return index;
          }

          function updateThumb(index) {
            var count = items.length;
            var ratio = count > 1 ? index / (count - 1) : 0;
            var maxTravel = Math.max(0, track.clientWidth - thumb.offsetWidth);
            thumb.style.transform = 'translate3d(' + (ratio * maxTravel) + 'px, -50%, 0)';
          }

          function updateFromScroller() {
            ticking = false;
            var index = nearestIndex();
            range.value = String(index);
            updateThumb(index);
          }

          function requestUpdate() {
            if (ticking) return;
            ticking = true;
            window.requestAnimationFrame(updateFromScroller);
          }

          function scrollToIndex(index, smooth) {
            var stops = getStops();
            var safeIndex = Math.max(0, Math.min(stops.length - 1, index));
            var target = stops[safeIndex];

            range.value = String(safeIndex);
            updateThumb(safeIndex);

            scroller.scrollTo({
              left: target,
              behavior: smooth ? 'smooth' : 'auto'
            });
          }

          function snapNearest() {
            if (controlActive || snapping) return;

            var index = nearestIndex();
            var stops = getStops();
            var target = stops[index];

            range.value = String(index);
            updateThumb(index);

            if (Math.abs(scroller.scrollLeft - target) < 2) return;

            snapping = true;
            scroller.scrollTo({ left: target, behavior: 'smooth' });
            window.setTimeout(function() {
              snapping = false;
              updateFromScroller();
            }, 360);
          }

          function scheduleSnap() {
            if (controlActive || snapping) return;
            window.clearTimeout(snapTimer);
            snapTimer = window.setTimeout(snapNearest, 140);
          }

          if (control.dataset.rcRealSliderReady !== 'true') {
            control.dataset.rcRealSliderReady = 'true';

            scroller.addEventListener('scroll', function() {
              requestUpdate();
              scheduleSnap();
            }, { passive: true });

            window.addEventListener('resize', function() {
              requestUpdate();
              scheduleSnap();
            });

            range.addEventListener('pointerdown', function() {
              controlActive = true;
              window.clearTimeout(snapTimer);
            });

            range.addEventListener('input', function() {
              var index = parseInt(range.value, 10) || 0;
              updateThumb(index);
              scrollToIndex(index, false);
            });

            function finishControl() {
              var index = parseInt(range.value, 10) || 0;
              controlActive = false;
              scrollToIndex(index, true);
            }

            range.addEventListener('change', finishControl);
            range.addEventListener('pointerup', finishControl);
            range.addEventListener('pointercancel', finishControl);
          }

          var initialIndex = nearestIndex();
          range.value = String(initialIndex);
          updateThumb(initialIndex);
          window.requestAnimationFrame(updateFromScroller);
        }

        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', initRcMobileProgress, { once: true });
        } else {
          initRcMobileProgress();
        }

        document.addEventListener('shopify:section:load', function(event) {
          if (event.target && event.target.id === sectionId) {
            initRcMobileProgress();
          }
        });
      })();
    </script>
  


</div>

<style>
  #shopify-section-template--29050769146040__collection_list_bHPDHe {
    --top-spacing: 60px;
    --bottom-spacing: 70px;
    --image-overlay-opacity: 0;
    --card-radius: 0px;
    --column-gap: 18px;
    
      --product-count-size: var(--h6);
    
  }

  @media (min-width: 768px) {
    #shopify-section-template--29050769146040__collection_list_bHPDHe {
      --column-count: 4;
    }
  }

  @media only screen and (max-width: 767px) {
    #shopify-section-template--29050769146040__collection_list_bHPDHe .section-spacing {
      --top-spacing: 35px;
      --bottom-spacing: 40px;
      --column-count: 1;
      
        --card-radius: 0px;
      
    }
  }

  

  
    #shopify-section-template--29050769146040__collection_list_bHPDHe {
      --card-radius: 10px;
      --column-gap: 18px;
    }

    #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-content-header {
      margin-bottom: 30px;
    }

    #shopify-section-template--29050769146040__collection_list_bHPDHe .premium-category-eyebrow {
      margin: 0 0 10px;
      color: #000000;
      font-size: 12px;
      line-height: 1.2;
      letter-spacing: 0.2em;
      text-align: center;
    }

    #shopify-section-template--29050769146040__collection_list_bHPDHe .section-heading {
      text-transform: none;
    }

    #shopify-section-template--29050769146040__collection_list_bHPDHe .section-description {
      margin-top: 10px;
      color: rgba(54, 34, 29, 0.72);
    }

    #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card {
      overflow: hidden;
      border: 1px solid rgba(179, 127, 113, 0.34);
      border-radius: var(--card-radius);
      background: #f7e5de;
      box-shadow: 0 8px 24px rgba(70, 42, 34, 0.06);
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card-image {
      border-radius: var(--card-radius) var(--card-radius) 0 0;
    }

    #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-grid-image {
      transition: transform 0.5s ease;
    }

    #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card-content {
      padding: 16px 18px;
      background: #f3d9cf;
    }

   #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #000000;
  text-align: center;
}

#shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card-title::after {
  content: '→';
  flex: 0 0 auto;
  color: inherit;
  font-family: Arial, sans-serif;
  font-size: 1.15em;
  font-weight: 400;
  transition: transform 0.35s ease;
}

    @media (min-width: 1025px) {
      #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 32px rgba(70, 42, 34, 0.12);
      }

      #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:hover .collection-grid-image {
        transform: scale(1.035);
      }

      #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:hover .collection-card-title::after {
        transform: translateX(4px);
      }
    }

    @media (max-width: 1024px) {
  #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:active {
    transform: translateY(-3px) scale(0.98);
    box-shadow: 0 10px 24px rgba(70, 42, 34, 0.10);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:active .collection-card-title::after {
    transform: translateX(5px);
    transition: transform 0.15s ease;
  }

  #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card {
    touch-action: manipulation;
  }
}
    @media (max-width: 767px) {
      #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-content-header {
        margin-bottom: 24px;
      }

      #shopify-section-template--29050769146040__collection_list_bHPDHe .premium-category-eyebrow {
        font-size: 11px;
      }

      #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card-content {
        padding: 14px 16px;
      }
    }
  

  

</style>


<script>
(function() {
  var sectionId = 'shopify-section-template--29050769146040__collection_list_bHPDHe';

  function initDiagnostic() {
    var section = document.getElementById(sectionId);
    if (!section) return;

    var items = section.querySelectorAll('.collection-list-item');

    items.forEach(function(item) {
      item.addEventListener('touchstart', function() {
        item.classList.add('touch-active');

        setTimeout(function() {
          item.classList.remove('touch-active');
        }, 1000);
      }, { passive: true });
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initDiagnostic);
  } else {
    initDiagnostic();
  }
})();
</script>



<style> #shopify-section-template--29050769146040__collection_list_bHPDHe h2 {font-size: 32px;} #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card-content {text-align: center;} #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card-title {display: inline-flex; gap: 12px; width: auto !important; color: #000 !important;} #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card-title:after {color: inherit !important;} #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:hover {transform: translateY(-6px);} #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:hover .collection-card-content {background: #000 !important;} #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:hover .collection-card-title {color: #fff !important;} #shopify-section-template--29050769146040__collection_list_bHPDHe .collection-card:hover .collection-card-title:after {transform: translateX(8px) !important;} </style></section><div id="shopify-section-template--29050769146040__before_after_book_k4iDWN" class="shopify-section">

<section class="pr-before-book pr-before-book-template--29050769146040__before_after_book_k4iDWN">
  <div class="page-width">
    <div class="pr-before-book__wrapper">

      <div class="pr-before-book__media">
        
          <video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" aria-label="Alexis Vogel before-and-after makeup demonstration for Ravishing Cosmetics" poster="//ravishingcosmetics.com/cdn/shop/files/preview_images/b9f2bb47833045babc98a2a4eb5a3239.thumbnail.0000000000_1200x.jpg?v=1783452013"><source src="//ravishingcosmetics.com/cdn/shop/videos/c/vp/b9f2bb47833045babc98a2a4eb5a3239/b9f2bb47833045babc98a2a4eb5a3239.HD-1080p-7.2Mbps-88351611.mp4?v=0" type="video/mp4"><img alt="Alexis Vogel before-and-after makeup demonstration for Ravishing Cosmetics" src="//ravishingcosmetics.com/cdn/shop/files/preview_images/b9f2bb47833045babc98a2a4eb5a3239.thumbnail.0000000000_1200x.jpg?v=1783452013"></video>
        
      </div>

      <div class="pr-before-book__content">
        

       <h2 class="pr-heading-desktop">Alexis Vogel Celebrity Makeup: Learn her Secrets and Techniques!</h2>

<h2 class="pr-heading-mobile">
  <span>Alexis Vogel</span>
  <span>Celebrity Makeup:</span>
  <span>Learn her Secrets</span>
  <span>and Techniques!</span>
</h2>

        <div class="pr-before-book__text">
          <p>Discover professional makeup techniques from Alexis Vogel and recreate celebrity-inspired looks with confidence.</p>
        </div>




  <a
    href="/products/alexis-vogel-celebrity-makeup-professional-secrets-and-techniques"
    class="button-element pr-before-book__button button-primary button-solid-animated button-large body-font"
  >



  <span class="button-icon">
    <span class="svg-wrapper">
      
        
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

        
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

      
    </span>
  </span>


<span
  class="button button-text"
  
>
  
    <span class="button-text-hovered">Get the Book</span>
    <span class="button-text-regular">Get the Book</span>
  
</span>




  </a>



      </div>

    </div>
  </div>
</section>

<style>
  .pr-before-book-template--29050769146040__before_after_book_k4iDWN {
    padding: clamp(56px, 6vw, 88px) 0;
    background: #faf5f1;
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .page-width {
    max-width: var(--container-md);
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr);
    gap: clamp(42px, 5vw, 82px);
    align-items: center;
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__media {
  height: clamp(560px, 42vw, 660px);
    overflow: hidden;
    border-radius: 24px;
    background: #a87584;
    box-shadow: 0 22px 55px rgba(61, 47, 43, 0.12);
  }

.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.00);
}
  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: #f3dcd0;
    color: #000000;
    text-align: center;
  }

.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(38px, 4vw, 60px);
  border: 1px solid rgba(61, 47, 43, 0.11);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0 18px 48px rgba(61, 47, 43, 0.06);
}
@media (min-width: 991px) {
  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__content {
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-heading-desktop {
    margin: 0 !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__text,
  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__text p {
    margin: 0 !important;
    text-align: center !important;
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button {
    align-self: center !important;
    margin: 0 !important;
  }
}
}
.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__content::before {
  display: none;
}
  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__book {
    width: 110px;
    margin-bottom: 24px;
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__book img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.12);
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__content h2 {
    max-width: 18ch;
    margin: 0 0 22px;
color: #000000;
    font-size: clamp(34px, 3.1vw, 50px);
    line-height: 1.08;
    letter-spacing: -0.025em;
    text-wrap: balance;
  }

  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__text {
    max-width: 42ch;
    margin-bottom: 30px;
color: #333333;
    font-size: 18px;
    line-height: 1.65;
  }

.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button {
  --button-background: #000000;
  --button-text: #ffffff;
  --button-border: #000000;
  --button-background-hover: #ffffff;
  --button-text-hover: #000000;
  --button-border-width: 3px;
}
.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button .button-text {
  font-weight: 700;
}

.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button.button-solid-animated:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button.button-solid-animated:hover .button-text,
.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button.button-solid-animated:hover .button-text-regular,
.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button.button-solid-animated:hover .button-text-hovered,
.pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button.button-solid-animated:hover .button-icon {
  color: #000000 !important;
}
@media (max-width: 990px) {
    .pr-before-book-template--29050769146040__before_after_book_k4iDWN {
      padding: 52px 0;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__wrapper {
      grid-template-columns: 1fr;
      gap: 28px;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__media {
      height: auto;
      aspect-ratio: 4 / 3;
      border-radius: 20px;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__content {
      padding: 36px;
      border-radius: 20px;
    }
  }

  @media (max-width: 640px) {
    .pr-before-book-template--29050769146040__before_after_book_k4iDWN {
      padding: 36px 0;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__media {
      aspect-ratio: 1 / 1;
      border-radius: 16px;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__content {
      padding: 30px 24px;
      border-radius: 16px;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__content::before {
      margin-bottom: 20px;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__content h2 {
      margin-bottom: 18px;
      font-size: 32px;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__text {
      margin-bottom: 26px;
      font-size: 16px;
      line-height: 1.6;
    }

    .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button {
      width: 100%;
    }
  .pr-before-book-template--29050769146040__before_after_book_k4iDWN .pr-before-book__button:active {
  background: #ffffff !important;
  color: #000000 !important;
  transform: scale(0.95);
  transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease;
  touch-action: manipulation;
}
  }
  .pr-heading-mobile {
  display: none !important;
}

@media (max-width: 990px) {
  .pr-heading-desktop {
    display: none !important;
  }

  .pr-heading-mobile {
    display: block !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    text-align: center !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    text-wrap: unset !important;
  }

  .pr-heading-mobile span {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.05 !important;
  }

  .pr-before-book__text,
  .pr-before-book__text p {
    text-align: center !important;
    line-height: 1.35 !important;
  }

  .pr-before-book__text p {
    margin: 0 !important;
  }

  .pr-before-book__button {
    align-self: center !important;
  }
}

@media (max-width: 640px) {
  .pr-before-book__button {
    width: auto !important;
  }
}
</style>


</div><section id="shopify-section-template--29050769146040__media_with_text_video_3dtced" class="shopify-section media-with-text-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/media-with-text.css?v=65506893470463770461791526493" rel="stylesheet" type="text/css" media="all" />

<style>
  @media (min-width: 768px) {
  #shopify-section-template--29050769146040__media_with_text_video_3dtced .section-subheading {
    font-size: 40px !important;
    font-weight: 700 !important;
  }

  #shopify-section-template--29050769146040__media_with_text_video_3dtced .section-heading {
    font-size: 34px !important;
    white-space: nowrap !important;
  }
}
  @media (max-width: 767px) {
    #shopify-section-template--29050769146040__media_with_text_video_3dtced .section-subheading {
      font-size: 36px !important;
      font-weight: 700 !important;
    }

    #shopify-section-template--29050769146040__media_with_text_video_3dtced .section-heading {
  font-size: 24px !important;
  font-weight: 400 !important;
-webkit-text-stroke: 0.25px currentColor;
  line-height: 1.12 !important;
  white-space: normal !important;
}
#shopify-section-template--29050769146040__media_with_text_video_3dtced .section-description {
  font-size: 17px !important;
  line-height: 1.4 !important;
  max-width: 93%;
  margin-left: auto;
  margin-right: auto;
}
#shopify-section-template--29050769146040__media_with_text_video_3dtced .media-with-text-item:nth-child(2),
#shopify-section-template--29050769146040__media_with_text_video_3dtced .section-header-wrapper,
#shopify-section-template--29050769146040__media_with_text_video_3dtced .section-header {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
#shopify-section-template--29050769146040__media_with_text_video_3dtced .media-with-text-item:nth-child(2) {
  transform: translateY(-17px);
}

#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:active {
  transform: scale(0.97);
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:hover .button-icon .svg-wrapper {
  transform: translate3d(0, 0, 0) !important;
}

#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:hover .button-icon .svg-wrapper > svg:first-child {
  opacity: 1 !important;
}

#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:hover .button-icon .svg-wrapper > svg:last-child {
  opacity: 0 !important;
}
}
</style>


<div class="section-wrapper section-spacing scheme-denary section-solid no-scroll-animation">
  <div class="container-sm"
    multiple-image-text-component="true"
    
    data-section="template--29050769146040__media_with_text_video_3dtced"
    data-block-size="1"
    data-animation-type="square">
    <div class="media-with-text-wrapper">
      
      
      <div class="media-with-text-item square">
        
            <div class="media-with-text-media media-wrapper media-overlay" left-side-media-overlay="true">
              
              <div class="media" style="--image-ratio: 130%;"><video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="multi-images-with-text-image" style="width: 100%; height: 100%; object-fit: cover; display: block;" preload="metadata" aria-label="Alexis Vogel makeup application and professional beauty demonstration" poster="//ravishingcosmetics.com/cdn/shop/files/preview_images/a4000261559a4af6820b1e1a75abb480.thumbnail.0000000000_small.jpg?v=1783452077" loading="lazy"><source src="//ravishingcosmetics.com/cdn/shop/videos/c/vp/a4000261559a4af6820b1e1a75abb480/a4000261559a4af6820b1e1a75abb480.HD-1080p-7.2Mbps-88351671.mp4?v=0" type="video/mp4"><img alt="Alexis Vogel makeup application and professional beauty demonstration" src="//ravishingcosmetics.com/cdn/shop/files/preview_images/a4000261559a4af6820b1e1a75abb480.thumbnail.0000000000_small.jpg?v=1783452077"></video></div>
            </div>
        
      </div>
      
      
        <div class="media-with-text-item d-flex align-items-center">
              
                <div class="section-header-wrapper block-end-none width-full">
                  
 

  <div class="section-header text-center">
    
      <p class="section-subheading heading-font text-xl">Retro Cake Liner</p>
    
    
      <h2 class="section-heading heading-font h5" >
        
Back in Stock!
      </h2>
    
    
    
      <p class="section-description body-font text"  feature-product-main-description>Captivate every look with Alexis' famous Retro Cake Liner and steal the spotlight! Get the dramatic glamorous eyes you've always wanted by wetting a detail eyeliner brush and dipping it into our Retro Cake Liner. <br />
<br />
It glides on effortlessly to create an infinite amount of looks... go thick, bold, light, smudgy, or thin – make a mistake? No problem, it's easier to work with than most liquid eyeliners!</p>
    
  </div>



                    
                      
                      <div class="section-button text-center">


  <a
    href="/products/retro-cake-liner-black-chocolate"
    class="button-element button-images-with-text button-primary button-solid-animated button-large body-font"
  >



  <span class="button-icon">
    <span class="svg-wrapper">
      
        
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

        
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

      
    </span>
  </span>


<span
  class="button button-text"
  
>
  
    <span class="button-text-hovered">Retro Cake Liner</span>
    <span class="button-text-regular">Retro Cake Liner</span>
  
</span>




  </a>


                      </div>
                    
                </div>
              
        </div>
      
        
    </div>
  </div>
</div>
      
<style>
  #shopify-section-template--29050769146040__media_with_text_video_3dtced{
   --top-spacing: 0px;
   --bottom-spacing: 70px;
   --image-overlay-opacity: 0.2;
   
   --card-radius: 0px;
   

   
    --column-count:2;
   
 }
#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text {
  background: #000000 !important;
  color: #ffffff !important;
  border: 3px solid #000000 !important;
}

#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #000000 !important;
}

#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:hover .button-text,
#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:hover .button-text *,
#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:hover .button-icon {
  color: #000000 !important;
}

#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text:hover svg {
  color: #000000 !important;
  stroke: #000000 !important;
}
#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text .button-text,
#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text .button-text-regular,
#shopify-section-template--29050769146040__media_with_text_video_3dtced .button-images-with-text .button-text-hovered {
  background: transparent !important;
  box-shadow: none !important;
}
 @media only screen and (max-width:767px) {
   #shopify-section-template--29050769146040__media_with_text_video_3dtced{
     --top-spacing: 40px;
     --bottom-spacing: 40px;

     
      
        --card-radius: 0px;
      
     
     
   }
 }

 
</style>

<style> #shopify-section-template--29050769146040__media_with_text_video_3dtced .section-wrapper {background: #f8f3ef !important;} </style></section><section id="shopify-section-template--29050769146040__media_with_text_kkEfQG" class="shopify-section media-with-text-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/media-with-text.css?v=65506893470463770461791526493" rel="stylesheet" type="text/css" media="all" />

<style>
  @media (min-width: 768px) {
  #shopify-section-template--29050769146040__media_with_text_kkEfQG .section-subheading {
    font-size: 40px !important;
    font-weight: 700 !important;
  }

  #shopify-section-template--29050769146040__media_with_text_kkEfQG .section-heading {
    font-size: 34px !important;
    white-space: nowrap !important;
  }
}
  @media (max-width: 767px) {
    #shopify-section-template--29050769146040__media_with_text_kkEfQG .section-subheading {
      font-size: 36px !important;
      font-weight: 700 !important;
    }

    #shopify-section-template--29050769146040__media_with_text_kkEfQG .section-heading {
  font-size: 24px !important;
  font-weight: 400 !important;
-webkit-text-stroke: 0.25px currentColor;
  line-height: 1.12 !important;
  white-space: normal !important;
}
#shopify-section-template--29050769146040__media_with_text_kkEfQG .section-description {
  font-size: 17px !important;
  line-height: 1.4 !important;
  max-width: 93%;
  margin-left: auto;
  margin-right: auto;
}
#shopify-section-template--29050769146040__media_with_text_kkEfQG .media-with-text-item:nth-child(2),
#shopify-section-template--29050769146040__media_with_text_kkEfQG .section-header-wrapper,
#shopify-section-template--29050769146040__media_with_text_kkEfQG .section-header {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
#shopify-section-template--29050769146040__media_with_text_kkEfQG .media-with-text-item:nth-child(2) {
  transform: translateY(-17px);
}

#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:active {
  transform: scale(0.97);
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
}

#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:hover .button-icon .svg-wrapper {
  transform: translate3d(0, 0, 0) !important;
}

#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:hover .button-icon .svg-wrapper > svg:first-child {
  opacity: 1 !important;
}

#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:hover .button-icon .svg-wrapper > svg:last-child {
  opacity: 0 !important;
}
}
</style>


<div class="section-wrapper section-spacing scheme-primary section-solid">
  <div class="container-sm"
    multiple-image-text-component="true"
    
        mayaaThemeSection="true"
        methodCalled="mediaWithTextSec"
    
    data-section="template--29050769146040__media_with_text_kkEfQG"
    data-block-size="2"
    data-animation-type="tilt">
    <div class="media-with-text-wrapper">
      
      
      <div class="media-with-text-item tilt">
        
            <div class="media-with-text-media media-wrapper media-overlay" left-side-media-overlay="true">
              
              <div class="media" style="--image-ratio: 75%;">


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/1000069087.jpg?v=1784826849&amp;width=1176" alt="Close-up beauty portrait of a woman wearing dramatic dark blue and black winged eye makeup, false eyelashes, and sparkling pink rhinestone earrings" srcset="//ravishingcosmetics.com/cdn/shop/files/1000069087.jpg?v=1784826849&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/1000069087.jpg?v=1784826849&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/1000069087.jpg?v=1784826849&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/1000069087.jpg?v=1784826849&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/1000069087.jpg?v=1784826849&amp;width=900 900w, //ravishingcosmetics.com/cdn/shop/files/1000069087.jpg?v=1784826849&amp;width=1080 1080w" width="1176" height="1176" loading="lazy" class="multi-images-with-text-image" sizes="(min-width: 768px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


</div>
            </div>
        
      </div>
      
      
        <div class="media-with-text-item d-flex align-items-center">
              
                <div class="section-header-wrapper block-end-none width-full">
                  
 

  <div class="section-header text-center">
    
      <p class="section-subheading heading-font text-xl">Make Me Over Kit</p>
    
    
      <h2 class="section-heading heading-font h5" >
        
Unleash Your Most Ravishing Look!
      </h2>
    
    
    
      <p class="section-description body-font text"  feature-product-main-description>Turn up the glamour and get Ravishing with an Alexis Vogel handpicked collection designed to define, enhance, and transform your look.</p>
    
  </div>



                    
                      
                      <div class="section-button text-center">


  <a
    href="/products/make-me-over-kit"
    class="button-element button-images-with-text button-primary button-solid-animated button-large body-font"
  >



  <span class="button-icon">
    <span class="svg-wrapper">
      
        
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

        
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

      
    </span>
  </span>


<span
  class="button button-text"
  
>
  
    <span class="button-text-hovered">Get the Look Now</span>
    <span class="button-text-regular">Get the Look Now</span>
  
</span>




  </a>


                      </div>
                    
                </div>
              
        </div>
      
        
        <div class="media-with-text-item tilt">
          
            <div class="media-with-text-media media-wrapper media-overlay" right-side-media-overlay="true">
              <div class="media" style="--image-ratio: 75%;">


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/1000064772_1.png?v=1783451787&amp;width=1500" alt="Close-up beauty portrait of a woman with long dark brown hair, dramatic blue eye makeup, and a pink rhinestone earring" srcset="//ravishingcosmetics.com/cdn/shop/files/1000064772_1.png?v=1783451787&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/1000064772_1.png?v=1783451787&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/1000064772_1.png?v=1783451787&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/1000064772_1.png?v=1783451787&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/1000064772_1.png?v=1783451787&amp;width=900 900w, //ravishingcosmetics.com/cdn/shop/files/1000064772_1.png?v=1783451787&amp;width=1080 1080w, //ravishingcosmetics.com/cdn/shop/files/1000064772_1.png?v=1783451787&amp;width=1500 1500w" width="1500" height="845" loading="lazy" class="multi-images-with-text-image" sizes="(min-width: 768px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


</div>
              </div>
          
        </div>
        
    </div>
  </div>
</div>
      
<style>
  #shopify-section-template--29050769146040__media_with_text_kkEfQG{
   --top-spacing: 20px;
   --bottom-spacing: 30px;
   --image-overlay-opacity: 0.2;
   
   --card-radius: 0px;
   

   
 }
#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text {
  background: #000000 !important;
  color: #ffffff !important;
  border: 3px solid #000000 !important;
}

#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:hover {
  background: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #000000 !important;
}

#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:hover .button-text,
#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:hover .button-text *,
#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:hover .button-icon {
  color: #000000 !important;
}

#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text:hover svg {
  color: #000000 !important;
  stroke: #000000 !important;
}
#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text .button-text,
#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text .button-text-regular,
#shopify-section-template--29050769146040__media_with_text_kkEfQG .button-images-with-text .button-text-hovered {
  background: transparent !important;
  box-shadow: none !important;
}
 @media only screen and (max-width:767px) {
   #shopify-section-template--29050769146040__media_with_text_kkEfQG{
     --top-spacing: 40px;
     --bottom-spacing: 40px;

     
      
        --card-radius: 0px;
      
     
     
   }
 }

 
</style>

<style> #shopify-section-template--29050769146040__media_with_text_kkEfQG .button {background: #000000; color: #ffffff; font-weight: 700;} </style></section><section id="shopify-section-template--29050769146040__collection_list_EfhCbr" class="shopify-section section-collection collection-lists-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/collection-list.css?v=99761302010463049901791526493" rel="stylesheet" type="text/css" media="all" />

<div
  class="section-wrapper section-spacing scheme-scheme-b364d789-e78a-4629-a02c-5c6178a9f66a section-solid premium-category-section"
  data-section-index="6"
>
  
    <div class="container-md">
      <div class="collection-content-header width-full">
 
 

  <div class="section-header text-center">
    
    
      <h2 class="section-heading heading-font h2" >
        
<span class="section-heading heading-font">Best Seller Collections</span>
      </h2>
    
    
    
  </div>


      </div>
    </div>
  
<div class="container-md">
  <div class="main-collection-list-wrapper column-count-4">
    


  <style>
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card {
      transition: transform .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-content {
      text-align: center;
      transition: background-color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title {
      display: inline-flex;
      gap: 12px;
      width: auto !important;
      color: #000 !important;
      transition: color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title:after {
      color: inherit !important;
      transition: transform .3s ease, color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover {
      transform: translateY(-6px) !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-content {
      background: #000 !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title {
      color: #fff !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title:after {
      transform: translateX(8px) !important;
    }
  </style>


<div class="collection-list-item">
    <a href="/collections/face-powder" aria-label="Pro Powder" class="collection-card below-content">
        <div class="collection-card-image media-overlay media-wrapper border-none">
            <div class="media" style="--image-ratio:100%;">
                


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/1000064094.jpg?v=1783452663&amp;width=800" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/1000064094.jpg?v=1783452663&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/1000064094.jpg?v=1783452663&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/1000064094.jpg?v=1783452663&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/1000064094.jpg?v=1783452663&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/1000064094.jpg?v=1783452663&amp;width=800 800w" width="800" height="800" loading="lazy" class="collection-grid-image" sizes="(min-width: 1000px) 35vw, (min-width: 600px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


            </div>
        </div>
        <div class="collection-card-content">
            
              <div class="heading-font text-center collection-card-title h6" data-text="Foundation with Pro Powder" style="text-transform: none !important;">Foundation with Pro Powder</div>
        </div>
    </a>
</div>


  <style>
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card {
      transition: transform .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-content {
      text-align: center;
      transition: background-color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title {
      display: inline-flex;
      gap: 12px;
      width: auto !important;
      color: #000 !important;
      transition: color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title:after {
      color: inherit !important;
      transition: transform .3s ease, color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover {
      transform: translateY(-6px) !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-content {
      background: #000 !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title {
      color: #fff !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title:after {
      transform: translateX(8px) !important;
    }
  </style>


<div class="collection-list-item">
    <a href="/collections/eyes-eyeliner" aria-label="The Eyeliner Studio" class="collection-card below-content">
        <div class="collection-card-image media-overlay media-wrapper border-none">
            <div class="media" style="--image-ratio:100%;">
                


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Retro_Cake_Liner_a07681cd-a605-4b8b-be43-7ddfb99e7572.jpg?v=1788996364&amp;width=800" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Retro_Cake_Liner_a07681cd-a605-4b8b-be43-7ddfb99e7572.jpg?v=1788996364&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Retro_Cake_Liner_a07681cd-a605-4b8b-be43-7ddfb99e7572.jpg?v=1788996364&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Retro_Cake_Liner_a07681cd-a605-4b8b-be43-7ddfb99e7572.jpg?v=1788996364&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Retro_Cake_Liner_a07681cd-a605-4b8b-be43-7ddfb99e7572.jpg?v=1788996364&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Retro_Cake_Liner_a07681cd-a605-4b8b-be43-7ddfb99e7572.jpg?v=1788996364&amp;width=800 800w" width="800" height="800" loading="lazy" class="collection-grid-image" sizes="(min-width: 1000px) 35vw, (min-width: 600px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


            </div>
        </div>
        <div class="collection-card-content">
            
              <div class="heading-font text-center collection-card-title h6" data-text="Retro Cake Liner" style="text-transform: none !important;">Retro Cake Liner</div>
        </div>
    </a>
</div>


  <style>
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card {
      transition: transform .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-content {
      text-align: center;
      transition: background-color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title {
      display: inline-flex;
      gap: 12px;
      width: auto !important;
      color: #000 !important;
      transition: color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title:after {
      color: inherit !important;
      transition: transform .3s ease, color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover {
      transform: translateY(-6px) !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-content {
      background: #000 !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title {
      color: #fff !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title:after {
      transform: translateX(8px) !important;
    }
  </style>


<div class="collection-list-item">
    <a href="/collections/kits-pudgy-pencil-set" aria-label="Pudgy Pencil Kit" class="collection-card below-content">
        <div class="collection-card-image media-overlay media-wrapper border-none">
            <div class="media" style="--image-ratio:100%;">
                


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Pudge_Pencils.jpg?v=1788996363&amp;width=800" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Pudge_Pencils.jpg?v=1788996363&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Pudge_Pencils.jpg?v=1788996363&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Pudge_Pencils.jpg?v=1788996363&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Pudge_Pencils.jpg?v=1788996363&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Pudge_Pencils.jpg?v=1788996363&amp;width=800 800w" width="800" height="800" loading="lazy" class="collection-grid-image" sizes="(min-width: 1000px) 35vw, (min-width: 600px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


            </div>
        </div>
        <div class="collection-card-content">
            
              <div class="heading-font text-center collection-card-title h6" data-text="Pudgy Pencils" style="text-transform: none !important;">Pudgy Pencils</div>
        </div>
    </a>
</div>


  <style>
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card {
      transition: transform .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-content {
      text-align: center;
      transition: background-color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title {
      display: inline-flex;
      gap: 12px;
      width: auto !important;
      color: #000 !important;
      transition: color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title:after {
      color: inherit !important;
      transition: transform .3s ease, color .3s ease !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover {
      transform: translateY(-6px) !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-content {
      background: #000 !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title {
      color: #fff !important;
    }
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title:after {
      transform: translateX(8px) !important;
    }
  </style>


<div class="collection-list-item">
    <a href="/collections/accessories" aria-label="Beauty Tools and Accessories" class="collection-card below-content">
        <div class="collection-card-image media-overlay media-wrapper border-none">
            <div class="media" style="--image-ratio:100%;">
                


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Shadow_Shaper.jpg?v=1788996364&amp;width=800" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Shadow_Shaper.jpg?v=1788996364&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Shadow_Shaper.jpg?v=1788996364&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Shadow_Shaper.jpg?v=1788996364&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Shadow_Shaper.jpg?v=1788996364&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Shadow_Shaper.jpg?v=1788996364&amp;width=800 800w" width="800" height="800" loading="lazy" class="collection-grid-image" sizes="(min-width: 1000px) 35vw, (min-width: 600px) 50vw, 100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


            </div>
        </div>
        <div class="collection-card-content">
            
              <div class="heading-font text-center collection-card-title h6" data-text="Shadow Shaper™" style="text-transform: none !important;">Shadow Shaper™</div>
        </div>
    </a>
</div>
  </div>

  
</div>


  <style>
    @media (max-width: 767px) {
      #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-list-item:first-child .collection-card-title {
        white-space: nowrap !important;
        font-size: clamp(18px, 5vw, 21px) !important;
        line-height: 1.2 !important;
        letter-spacing: -0.02em !important;
        gap: 9px !important;
      }
    }
  </style>




</div>

<style>
  #shopify-section-template--29050769146040__collection_list_EfhCbr {
    --top-spacing: 40px;
    --bottom-spacing: 50px;
    --image-overlay-opacity: 0;
    --card-radius: 0px;
    --column-gap: 12px;
    
      --product-count-size: var(--h6);
    
  }

  @media (min-width: 768px) {
    #shopify-section-template--29050769146040__collection_list_EfhCbr {
      --column-count: 4;
    }
  }

  @media only screen and (max-width: 767px) {
    #shopify-section-template--29050769146040__collection_list_EfhCbr .section-spacing {
      --top-spacing: 20px;
      --bottom-spacing: 20px;
      --column-count: 1;
      
        --card-radius: 0px;
      
    }
  }

  

  
    #shopify-section-template--29050769146040__collection_list_EfhCbr {
      --card-radius: 10px;
      --column-gap: 18px;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-content-header {
      margin-bottom: 30px;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .premium-category-eyebrow {
      margin: 0 0 10px;
      color: #000000;
      font-size: 12px;
      line-height: 1.2;
      letter-spacing: 0.2em;
      text-align: center;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .section-heading {
      text-transform: none;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .section-description {
      margin-top: 10px;
      color: rgba(54, 34, 29, 0.72);
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card {
      overflow: hidden;
      border: 1px solid rgba(179, 127, 113, 0.34);
      border-radius: var(--card-radius);
      background: #f7e5de;
      box-shadow: 0 8px 24px rgba(70, 42, 34, 0.06);
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-image {
      border-radius: var(--card-radius) var(--card-radius) 0 0;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-grid-image {
      transition: transform 0.5s ease;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-content {
      padding: 16px 18px;
      background: #f3d9cf;
    }

   #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #000000;
  text-align: center;
}

#shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title::after {
  content: '→';
  flex: 0 0 auto;
  color: inherit;
  font-family: Arial, sans-serif;
  font-size: 1.15em;
  font-weight: 400;
  transition: transform 0.35s ease;
}

    @media (min-width: 1025px) {
      #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 32px rgba(70, 42, 34, 0.12);
      }

      #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-grid-image {
        transform: scale(1.035);
      }

      #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:hover .collection-card-title::after {
        transform: translateX(4px);
      }
    }

    @media (max-width: 1024px) {
  #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:active {
    transform: translateY(-3px) scale(0.98);
    box-shadow: 0 10px 24px rgba(70, 42, 34, 0.10);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card:active .collection-card-title::after {
    transform: translateX(5px);
    transition: transform 0.15s ease;
  }

  #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card {
    touch-action: manipulation;
  }
}
    @media (max-width: 767px) {
      #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-content-header {
        margin-bottom: 24px;
      }

      #shopify-section-template--29050769146040__collection_list_EfhCbr .premium-category-eyebrow {
        font-size: 11px;
      }

      #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-content {
        padding: 14px 16px;
      }
    }
  

  
    #shopify-section-template--29050769146040__collection_list_EfhCbr .section-heading {
      text-transform: capitalize;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-list-item,
    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card {
      height: 100%;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card {
      display: flex;
      flex-direction: column;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-image {
      flex: 0 0 auto;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-content {
      display: flex;
      flex: 1 1 auto;
      align-items: center;
    }

    #shopify-section-template--29050769146040__collection_list_EfhCbr .collection-card-title {
      width: 100%;
    }
  /* DIAGNOSTIC ONLY */
#shopify-section-template--29050769146040__collection_list_EfhCbr .collection-list-item.touch-active .collection-card {
  outline: 6px solid red !important;
  background: red !important;
  transform: scale(0.88) !important;
  transition: none !important;
  position: relative;
  z-index: 999;
}



</style>




<style> #shopify-section-template--29050769146040__collection_list_EfhCbr .section-heading {font-size: 40px !important; font-weight: 700 !important; text-transform: none !important;} </style></section><div id="shopify-section-template--29050769146040__pr_send_us_pics_qFGWqk" class="shopify-section">

<section class="pr-send-pics">
  <div class="page-width">
    <div class="pr-send-pics__wrapper">

      <div class="pr-send-pics__image">
        
    
            <img src="//ravishingcosmetics.com/cdn/shop/files/1000069116.jpg?v=1784828426&amp;width=1200" alt="Ravishing Cosmetics customer photo" srcset="//ravishingcosmetics.com/cdn/shop/files/1000069116.jpg?v=1784828426&amp;width=352 352w, //ravishingcosmetics.com/cdn/shop/files/1000069116.jpg?v=1784828426&amp;width=832 832w, //ravishingcosmetics.com/cdn/shop/files/1000069116.jpg?v=1784828426&amp;width=1200 1200w" width="1200" height="1200" loading="lazy" class="pr-send-pics__img">
        
      </div>

      <div class="pr-send-pics__content">
        <h2>Send Us Your Pics!</h2>

        <div class="pr-send-pics__socials">
          
            
              <a class="pr-send-pics__social" href="https://www.instagram.com/ravishingcosmetics/" target="_blank" >
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M7 2C4.2 2 2 4.2 2 7v10c0 2.8 2.2 5 5 5h10c2.8 0 5-2.2 5-5V7c0-2.8-2.2-5-5-5H7zm5 4.2A5.8 5.8 0 1112 17.8 5.8 5.8 0 0112 6.2zm6-.9a1.3 1.3 0 110 2.6 1.3 1.3 0 010-2.6zM12 8a4 4 0 100 8 4 4 0 000-8z"/></svg><span>Instagram</span></a>
            
          
            
              <a class="pr-send-pics__social" href="https://www.facebook.com/ravishingcosmetics/" target="_blank" >
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.9.3-1.6 1.6-1.6h1.7V4.8c-.3 0-1.3-.1-2.4-.1-2.4 0-4 1.5-4 4.2V11H8v3h2.4v8h3.1z"/></svg><span>Facebook</span></a>
            
          
            
              <a class="pr-send-pics__social" href="https://shop.tiktok.com/us/store/ravishing-cosmetics/7495367304504969330" target="_blank" >
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 3c.3 2.1 1.6 3.8 3.5 4.5v3a8.2 8.2 0 01-3.5-.9v5.7A5.3 5.3 0 1111.2 10v3a2.3 2.3 0 102.3 2.3V3h3z"/></svg><span>TikTok</span></a>
            
          
            
              <a class="pr-send-pics__social" href="mailto:info@RavishingCosmetics.com" >
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm9 8L4 7v10h16V7l-8 6zM20 6H4l8 6 8-6z"/></svg><span>Email</span></a>
            
          
        </div>
      </div>
    </div>
  </div>
</section>

<style>
.pr-send-pics{padding:60px 0;background:#f3dccf}
.pr-send-pics__wrapper{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.pr-send-pics__img{width:100%;height:100%;display:block;object-fit:cover}
.pr-send-pics__content{padding:70px;display:flex;flex-direction:column;justify-content:center}
.pr-send-pics__content h2 {
  font-size: 56px;
  line-height: 1.05;
  margin: 0 0 40px;
  color: #000000;
}

.pr-send-pics__socials {
  display: grid;
  grid-template-columns: repeat(2, 140px);
  gap: 38px 42px;
  justify-content: center;
}

.pr-send-pics__social {
  width: 140px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: #000000;
  transition: transform .25s ease;
}

.pr-send-pics__social svg {
  width: 78px;
  height: 78px;
  padding: 18px;
  border-radius: 50%;
  background: #ffffff;
  color: #000000;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.pr-send-pics__social span {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
}

.pr-send-pics__social {
  gap: 6px;
  border-radius: 6px;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.pr-send-pics__social svg,
.pr-send-pics__social span {
  transition: color .25s ease, background .25s ease, box-shadow .25s ease;
}

@media (min-width: 1000px) {
  .pr-send-pics__social {
    padding: 16px 12px;
    box-sizing: border-box;
  }

  .pr-send-pics__socials > .pr-send-pics__social:hover {
  background: #000000 !important;
  transform: scale(1.05);
  box-shadow: 0 16px 34px rgba(0,0,0,.22);
}

.pr-send-pics__socials > .pr-send-pics__social:hover svg {
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.pr-send-pics__socials > .pr-send-pics__social:hover span {
  color: #ffffff !important;
}
}

@media (max-width: 999px) and (hover: none) {
  .pr-send-pics__social {
    padding: 12px 10px;
    box-sizing: border-box;
  }

  .pr-send-pics__social:active {
    background: #000000;
    transform: scale(0.97);
  }

  .pr-send-pics__social:active svg {
    background: transparent;
    color: #ffffff;
    box-shadow: none;
  }

  .pr-send-pics__social:active span {
    color: #ffffff;
  }
}

@media (max-width: 990px) {
  .pr-send-pics__wrapper {
    grid-template-columns: 1fr;
  }
.pr-send-pics {
  padding-top: 10px;
  padding-bottom: 20px;
}
  .pr-send-pics__img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .pr-send-pics__content {
    padding: 40px 25px;
    align-items: center;
    text-align: center;
  }
.pr-send-pics__content h2 {
  font-size: 50px;
}
  .pr-send-pics__socials {
    grid-template-columns: repeat(2, 120px);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;S
  }
}
</style>
<script>
(() => {
  if (document.getElementById('rnr-send-pics-mobile-style')) return;

  const style = document.createElement('style');
  style.id = 'rnr-send-pics-mobile-style';
  style.textContent = `
    @media (max-width: 999px) {
      .pr-send-pics__social {
        background-color: transparent !important;
        background-image: linear-gradient(to right, #000000, #000000) !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-size: 0% 100% !important;
        transition:
          background-size .18s ease,
          color .15s ease,
          transform .15s ease !important;
      }

      .pr-send-pics__social.rnr-mobile-sweep {
        background-size: 100% 100% !important;
        transform: scale(.97);
      }

      .pr-send-pics__social.rnr-mobile-sweep svg {
        background: transparent !important;
        color: #ffffff !important;
        box-shadow: none !important;
      }

      .pr-send-pics__social.rnr-mobile-sweep span {
        color: #ffffff !important;
      }
    }
  `;
  document.head.appendChild(style);

  const setup = () => {
    document.querySelectorAll('.pr-send-pics__social').forEach((tile) => {
      if (tile.dataset.rnrMobileSweep === 'ready') return;
      tile.dataset.rnrMobileSweep = 'ready';

      tile.addEventListener('pointerdown', function () {
        if (!window.matchMedia('(max-width: 999px)').matches) return;

        this.classList.remove('rnr-mobile-sweep');
        void this.offsetWidth;
        this.classList.add('rnr-mobile-sweep');

        setTimeout(() => {
          this.classList.remove('rnr-mobile-sweep');
        }, 240);
      });
    });
  };

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', setup);
  } else {
    setup();
  }

  document.addEventListener('shopify:section:load', setup);
})();
</script>

<style> #shopify-section-template--29050769146040__pr_send_us_pics_qFGWqk h2 {width: 230px !important; max-width: 100%; font-size: 40px !important; font-weight: 700 !important; line-height: 1.1 !important; text-align: center !important; white-space: normal; margin-left: auto; margin-right: auto; margin-bottom: 50px !important;} #shopify-section-template--29050769146040__pr_send_us_pics_qFGWqk .pr-send-pics__social {gap: 0px !important;} #shopify-section-template--29050769146040__pr_send_us_pics_qFGWqk .pr-send-pics__socials {row-gap: 20px !important;} </style></div><section id="shopify-section-template--29050769146040__text_with_icon_jKiC7g" class="shopify-section text-with-icon-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/text-with-icon.css?v=137821461710314188631791526493" rel="stylesheet" type="text/css" media="all" />

<div
  class="section-wrapper section-spacing scheme-quaternary section-gradient rounded-none"
  text-with-icon-component="true"
  data-section="template--29050769146040__text_with_icon_jKiC7g"
  data-block-size="4"
>
  
  <div class="container">
    

    <div
      class="text-with-icon-list style-circle"
      text-with-icon-items-list="true"
    >
      
        
          <div
            class="text-with-icon-item card-solid text-left "
            text-with-icon-items="true"
          >
            <div class="text-with-icon-item-inner">
              
                <div class="text-with-icon-iconwrap icon-large">
                  
                    
                      <span class="svg-wrapper">
                        
    <svg viewBox="0 0 65 65" fill="none">
      <path d="M43.3333 46.7187H48.75C50.3662 46.7187 51.9161 46.0767 53.0589 44.9339C54.2017 43.7911 54.8437 42.2412 54.8437 40.625V16.25C54.8437 14.6338 54.2017 13.0839 53.0589 11.9411C51.9161 10.7983 50.3662 10.1562 48.75 10.1562H16.25C14.6338 10.1563 13.0839 10.7983 11.9411 11.9411C10.7983 13.0839 10.1563 14.6338 10.1562 16.25V40.625C10.1563 42.2412 10.7983 43.7911 11.9411 44.9339C13.0839 46.0767 14.6338 46.7187 16.25 46.7187H32.5C34.1162 46.7187 35.6661 47.3608 36.8089 48.5036C37.9517 49.6464 38.5937 51.1963 38.5937 52.8125V56.875M40.625 34.5312H20.3125M44.6875 22.3437H20.3125" stroke="currentColor" stroke-width="5"></path>
    </svg>
  

                      </span>
                    
                  
                </div>
              

              
                <div class="text-with-icon-title">
                  <h2 class="card-heading heading-font text-lg"><strong>FORMULATED BY ALEXIS</strong></h2>
                </div>
              

              
                <div class="text-with-icon-contentwrap">
                  
                    <p class="card-text body-font text">
                      Created and perfected by Alexis Vogel!
                    </p>
                  
                </div>
              
            </div>
          </div>
        
      
        
          <div
            class="text-with-icon-item card-solid text-left "
            text-with-icon-items="true"
          >
            <div class="text-with-icon-item-inner">
              
                <div class="text-with-icon-iconwrap icon-large">
                  
                    
                      <span class="svg-wrapper">
                        
    <svg viewBox="0 0 52 52" fill="none">
      <path d="M31.0389 17.4048C29.1997 16.9611 27.448 16.2286 25.8323 15.2278C25.651 15.1156 25.422 15.1155 25.2406 15.2276C23.6215 16.2289 21.8688 16.9614 20.031 17.4049C19.782 17.465 19.6051 17.6859 19.6009 17.942C19.5148 23.1271 21.3669 26.7026 25.2628 28.873C25.3479 28.9203 25.4421 28.944 25.5363 28.944C25.6305 28.944 25.7249 28.9203 25.81 28.873C29.704 26.7023 31.5551 23.1267 31.4691 17.9421C31.4649 17.6859 31.288 17.4652 31.039 17.405L31.0389 17.4048ZM28.0074 20.4938L25.2914 23.5392C25.1873 23.656 25.0391 23.7241 24.8828 23.7271C24.8791 23.7271 24.8755 23.7271 24.872 23.7271C24.7195 23.7271 24.5732 23.665 24.4672 23.555L23.0773 22.112C22.862 21.8884 22.8686 21.5326 23.0922 21.3173C23.3157 21.1019 23.6716 21.1086 23.887 21.3322L24.8561 22.3384L27.1685 19.7455C27.3752 19.5139 27.7304 19.4935 27.9621 19.7002C28.1937 19.9068 28.2141 20.2621 28.0075 20.4938H28.0074ZM43.6874 20.2747C44.3675 19.1894 44.1192 17.7783 43.1107 16.9927L39.6041 14.2539C39.3098 14.0226 39.1418 13.7322 39.0906 13.3659L38.4714 8.95689C38.2931 7.69145 37.1977 6.77279 35.9179 6.81526L31.4745 6.97192C31.1009 6.98326 30.7852 6.86851 30.5098 6.62176L27.2012 3.64276C26.251 2.7857 24.8182 2.78579 23.8686 3.64276L20.5609 6.62101C20.2847 6.86861 19.9679 6.98279 19.598 6.97211L15.1517 6.81536C13.8724 6.77251 12.7767 7.69154 12.5984 8.95717L11.9792 13.3662C11.928 13.7322 11.7601 14.0226 11.467 14.2528L7.95977 16.9922C6.95055 17.7782 6.70239 19.1894 7.38198 20.2739L9.73952 24.0482C9.93648 24.3625 9.99423 24.6923 9.91586 25.0574L8.99092 29.4112C8.72692 30.6626 9.44411 31.9032 10.6589 32.2967L12.0128 32.7361L7.62489 43.6451C7.42773 44.1313 7.47227 44.6019 7.74695 44.9362C8.01583 45.2634 8.45852 45.3955 8.96139 45.2986L14.4323 44.2465L17.914 48.5975C18.1872 48.9394 18.5358 49.1254 18.8921 49.1254C18.9522 49.1254 19.0125 49.12 19.0726 49.1094C19.4993 49.0334 19.8391 48.7043 20.0048 48.2074L23.2819 38.4356L25.0237 37.7313C25.3676 37.5925 25.7021 37.5925 26.0457 37.7311L27.7879 38.4356L31.0647 48.2065C31.2307 48.7044 31.5706 49.0334 31.9972 49.1094C32.0574 49.12 32.1176 49.1254 32.1776 49.1254C32.5339 49.1254 32.8825 48.9395 33.1555 48.5979L36.6375 44.2466L42.1082 45.2987C42.6114 45.3955 43.0539 45.2635 43.3228 44.9363C43.5976 44.6019 43.6421 44.1314 43.4456 43.6467L39.0571 32.7363L40.4107 32.297C41.6257 31.9033 42.343 30.6628 42.0788 29.4105L41.1537 25.0564C41.0756 24.6924 41.1333 24.3627 41.3307 24.0477L43.6874 20.2747ZM36.1729 21.2917C36.1729 27.1582 31.4014 31.9309 25.5363 31.9309C19.6712 31.9309 14.8971 27.1582 14.8971 21.2917C14.8971 15.4252 19.6698 10.6524 25.5363 10.6524C31.4028 10.6524 36.1729 15.4252 36.1729 21.2917ZM18.9387 47.8509C18.9168 47.9166 18.8935 47.9574 18.8762 47.9815C18.8548 47.9649 18.8257 47.9377 18.7919 47.8954L15.0981 43.2794C14.9677 43.1166 14.758 43.0393 14.5531 43.0786L8.74895 44.1947C8.69627 44.2049 8.6568 44.2068 8.62942 44.2057C8.63223 44.176 8.64133 44.1299 8.6672 44.0662L13.0845 33.084L14.8899 33.67C15.2441 33.7868 15.501 34.0027 15.675 34.33L17.7639 38.2606C18.363 39.387 19.7093 39.877 20.8971 39.4L21.9103 38.9904L18.9387 47.8509ZM42.4033 44.0676C42.4288 44.1305 42.4378 44.1761 42.4405 44.2057C42.4133 44.2068 42.3735 44.2048 42.3207 44.1947L36.5168 43.0786C36.3116 43.0391 36.102 43.1165 35.9718 43.2794L32.2777 47.8958C32.244 47.9379 32.215 47.965 32.1937 47.9816C32.1763 47.9575 32.1529 47.9163 32.1309 47.85L29.1596 38.9904L30.174 39.4005C30.4799 39.5234 30.7965 39.5821 31.1081 39.5821C32.005 39.5821 32.8614 39.0966 33.3061 38.2605L35.3949 34.3302C35.569 34.0028 35.8258 33.7868 36.1776 33.6708L37.9855 33.0841L42.4033 44.0677V44.0676Z" fill="currentColor"/>
    </svg>

  

                      </span>
                    
                  
                </div>
              

              
                <div class="text-with-icon-title">
                  <h4 class="card-heading heading-font text-lg"><strong>PROFESSIONAL QUALITY</strong></h4>
                </div>
              

              
                <div class="text-with-icon-contentwrap">
                  
                    <p class="card-text body-font text">
                      High-performance textures & shades.
                    </p>
                  
                </div>
              
            </div>
          </div>
        
      
        
          <div
            class="text-with-icon-item card-solid text-left "
            text-with-icon-items="true"
          >
            <div class="text-with-icon-item-inner">
              
                <div class="text-with-icon-iconwrap icon-large">
                  
                    
                      <span class="svg-wrapper">
                        
    <svg viewBox="0 0 52 52" fill="none">
      <g clip-path="url(#clip0_13039_141)">
      <path d="M48.215 23.2436H34.0211V14.4834C34.0211 11.4018 31.703 8.78192 28.6323 8.38995L15.7691 6.70272C14.4851 6.53382 13.2884 6.0014 12.3084 5.16145L8.88788 2.22854C8.49237 1.88981 7.89449 1.93203 7.5535 2.32585C7.21205 2.71874 7.25595 3.31266 7.65145 3.6514C9.84295 5.46873 12.4949 8.3702 15.5214 8.56609L28.3879 10.2543C30.5202 10.527 32.1285 12.3446 32.1285 14.4834V23.2436H26.6099V19.6351C26.5891 18.4026 24.7391 18.3967 24.7174 19.6351V35.493C24.4854 37.8429 21.2885 36.804 20.2094 35.6169C19.3882 34.81 18.9363 33.7222 18.9363 32.5518V28.8946C18.9363 26.0168 16.8553 23.609 13.987 23.1693L12.0681 22.8773C10.2121 22.5909 8.67072 21.3948 7.94623 19.6801C6.64464 16.1432 3.24595 13.1359 0.624585 10.5445C-0.234184 9.68821 -1.59703 10.9918 -0.713266 11.8737C1.71073 14.3069 5.00028 17.1142 6.20054 20.4053C7.18202 22.7286 9.26675 24.347 11.7793 24.7353L13.6996 25.0272C15.6374 25.3247 17.0438 26.9513 17.0438 28.8946V32.5518C16.9735 35.9224 19.9468 38.8387 23.3124 38.7793C25.1305 38.7793 26.6099 37.3051 26.6099 35.493V30.7636H46.3224C47.5501 30.7453 47.5799 28.9071 46.3224 28.8836H26.6099V25.1236H48.215C49.2587 25.1236 50.1075 25.9672 50.1075 27.0036V45.24C50.1075 46.2764 49.2587 47.12 48.215 47.12H16.9884C15.9446 47.12 15.0959 46.2764 15.0959 45.24V36.6864C15.0766 35.4465 13.2214 35.4554 13.2033 36.6864V45.24C13.2033 47.3137 14.9013 49 16.9884 49H48.215C50.302 49 52 47.3137 52 45.24V27.0036C52 24.9299 50.302 23.2436 48.215 23.2436Z" fill="currentColor"/>
      <path d="M42.8895 44.2954H46.3224C46.845 44.2954 47.2687 43.875 47.2687 43.3554C47.2687 42.8359 46.845 42.4154 46.3224 42.4154H42.8895C41.6467 42.4358 41.645 44.2748 42.8895 44.2954Z" fill="currentColor"/>
      <path d="M42.8895 39.5954H46.3224C46.845 39.5954 47.2687 39.175 47.2687 38.6554C47.2687 38.1358 46.845 37.7154 46.3224 37.7154H42.8895C41.6467 37.7358 41.645 39.5748 42.8895 39.5954Z" fill="currentColor"/>
      </g>
      <defs>
      <clipPath id="clip0_13039_141">
      <rect width="52" height="52" fill="white"/>
      </clipPath>
      </defs>
    </svg>
  

                      </span>
                    
                  
                </div>
              

              
                <div class="text-with-icon-title">
                  <h4 class="card-heading heading-font text-lg"><strong>CRUELTY FREE</strong></h4>
                </div>
              

              
                <div class="text-with-icon-contentwrap">
                  
                    <p class="card-text body-font text">
                      Never tested on animals.
                    </p>
                  
                </div>
              
            </div>
          </div>
        
      
        
          <div
            class="text-with-icon-item card-solid text-left "
            text-with-icon-items="true"
          >
            <div class="text-with-icon-item-inner">
              
                <div class="text-with-icon-iconwrap icon-large">
                  
                    
                      <span class="svg-wrapper">
                        
    <svg viewBox="0 0 14 14" fill="none">
      <path d="M12.8519 6.29336L12.0246 5.52599C11.9682 5.47369 11.925 5.40881 11.8984 5.33663L11.2487 3.57251C11.1558 3.3239 10.9893 3.1095 10.7715 2.95789C10.5536 2.80629 10.2948 2.72468 10.0293 2.72394H9.04501V2.44779C9.04501 2.32904 8.99784 2.21515 8.91387 2.13117C8.82989 2.0472 8.716 2.00002 8.59724 2.00002H2.64847C2.55996 1.99898 2.47453 2.0325 2.41035 2.09345C2.34616 2.15441 2.30827 2.238 2.30475 2.32644C2.30392 2.37066 2.31191 2.41459 2.32826 2.45568C2.34461 2.49677 2.36898 2.53418 2.39996 2.56574C2.43093 2.5973 2.46789 2.62238 2.50866 2.63949C2.54944 2.65661 2.59321 2.66542 2.63743 2.66543H8.37959V5.55242C8.37959 5.67118 8.42676 5.78507 8.51074 5.86905C8.59471 5.95302 8.7086 6.00019 8.82736 6.00019H11.5315L12.3347 6.72296V9.41911H11.6066C11.534 9.10184 11.356 8.81859 11.1015 8.61571C10.847 8.41283 10.5312 8.30235 10.2058 8.30235C9.88035 8.30235 9.56454 8.41283 9.31007 8.61571C9.0556 8.81859 8.87754 9.10184 8.80503 9.41911H6.56453C6.49202 9.10184 6.31396 8.81859 6.05949 8.61571C5.80502 8.41283 5.48921 8.30235 5.16377 8.30235C4.83832 8.30235 4.52251 8.41283 4.26804 8.61571C4.01357 8.81859 3.83551 9.10184 3.76301 9.41911H2.64845C2.55992 9.41807 2.47449 9.4516 2.4103 9.51257C2.34612 9.57354 2.30825 9.65715 2.30475 9.74561C2.30392 9.78982 2.31191 9.83375 2.32826 9.87484C2.34461 9.91593 2.36898 9.95334 2.39996 9.9849C2.43093 10.0165 2.46789 10.0415 2.50866 10.0586C2.54944 10.0758 2.59321 10.0846 2.63743 10.0846H3.76861C3.84567 10.3963 4.02494 10.6733 4.2778 10.8712C4.53066 11.0692 4.84254 11.1768 5.16367 11.1768C5.48481 11.1768 5.79669 11.0692 6.04955 10.8712C6.30241 10.6733 6.48167 10.3963 6.55874 10.0846H8.81069C8.88775 10.3963 9.06702 10.6733 9.31988 10.8712C9.57274 11.0692 9.88462 11.1768 10.2058 11.1768C10.5269 11.1768 10.8388 11.0692 11.0916 10.8712C11.3445 10.6733 11.5238 10.3963 11.6008 10.0846H12.5523C12.6711 10.0846 12.785 10.0374 12.869 9.95342C12.9529 9.86946 13.0001 9.75557 13.0001 9.63682V6.62615C13.0001 6.5634 12.9868 6.50135 12.9613 6.44403C12.9358 6.3867 12.8985 6.33537 12.8519 6.29336ZM9.04501 5.33487V3.38932H10.0293C10.1589 3.38967 10.2853 3.42951 10.3917 3.50354C10.4981 3.57756 10.5794 3.68225 10.6247 3.80364L11.1919 5.33487H9.04501ZM5.16369 10.5113C5.01105 10.5113 4.86183 10.466 4.73492 10.3812C4.608 10.2964 4.50908 10.1759 4.45067 10.0348C4.39226 9.89381 4.37697 9.73864 4.40675 9.58893C4.43654 9.43922 4.51004 9.3017 4.61798 9.19377C4.72591 9.08584 4.86343 9.01234 5.01314 8.98256C5.16285 8.95279 5.31803 8.96808 5.45905 9.02649C5.60007 9.08491 5.7206 9.18383 5.8054 9.31075C5.8902 9.43767 5.93546 9.58689 5.93545 9.73953C5.93522 9.94414 5.85383 10.1403 5.70915 10.285C5.56446 10.4297 5.3683 10.511 5.16369 10.5113ZM10.2058 10.5113C10.0531 10.5113 9.90391 10.466 9.77699 10.3812C9.65007 10.2964 9.55114 10.1759 9.49273 10.0349C9.43431 9.89383 9.41903 9.73865 9.4488 9.58894C9.47858 9.43923 9.55209 9.30172 9.66002 9.19378C9.76796 9.08585 9.90547 9.01234 10.0552 8.98257C10.2049 8.95279 10.3601 8.96807 10.5011 9.02649C10.6421 9.08491 10.7626 9.18383 10.8474 9.31075C10.9322 9.43767 10.9775 9.58688 10.9775 9.73953C10.9773 9.94413 10.8959 10.1403 10.7512 10.285C10.6065 10.4296 10.4104 10.511 10.2058 10.5113Z" fill="currentColor"/>
      <path d="M2.50266 4.52681H6.27584C6.36409 4.52681 6.44872 4.49175 6.51112 4.42935C6.57352 4.36695 6.60858 4.28232 6.60858 4.19407C6.60858 4.10582 6.57352 4.02119 6.51112 3.95879C6.44872 3.89638 6.36409 3.86133 6.27584 3.86133H2.50266C2.41441 3.86133 2.32978 3.89638 2.26738 3.95879C2.20498 4.02119 2.16992 4.10582 2.16992 4.19407C2.16992 4.28232 2.20498 4.36695 2.26738 4.42935C2.32978 4.49175 2.41441 4.52681 2.50266 4.52681Z" fill="currentColor"/>
      <path d="M6.90806 6.04369C6.90806 5.95544 6.87632 5.87081 6.81982 5.80841C6.76332 5.74601 6.68669 5.71095 6.60679 5.71095H1.79712C1.75733 5.71056 1.71787 5.71887 1.68101 5.73542C1.64415 5.75196 1.61062 5.77641 1.58236 5.80734C1.5541 5.83828 1.53166 5.87509 1.51635 5.91566C1.50105 5.95622 1.49316 5.99973 1.49316 6.04368C1.49316 6.08763 1.50105 6.13114 1.51635 6.1717C1.53166 6.21226 1.5541 6.24908 1.58236 6.28001C1.61062 6.31095 1.64415 6.33539 1.68101 6.35194C1.71787 6.36848 1.75733 6.3768 1.79712 6.37641H6.60679C6.68669 6.37641 6.76331 6.34135 6.81981 6.27896C6.87631 6.21656 6.90805 6.13194 6.90806 6.04369Z" fill="currentColor"/>
      <path d="M3.86671 7.89131C3.86671 7.84761 3.85842 7.80435 3.8423 7.76398C3.82619 7.72362 3.80258 7.68694 3.77281 7.65604C3.74304 7.62515 3.7077 7.60064 3.6688 7.58392C3.6299 7.5672 3.58822 7.55859 3.54611 7.55859H1.31775C1.23322 7.55938 1.1524 7.59478 1.09289 7.65709C1.03339 7.71941 1 7.80359 1 7.89132C1 7.97905 1.03339 8.06324 1.09289 8.12555C1.1524 8.18786 1.23322 8.22326 1.31775 8.22405H3.54611C3.63114 8.22404 3.71269 8.18898 3.77281 8.12658C3.83293 8.06418 3.86671 7.97955 3.86671 7.89131Z" fill="currentColor"/>
    </svg>

                      </span>
                    
                  
                </div>
              

              
                <div class="text-with-icon-title">
                  <h4 class="card-heading heading-font text-lg"><strong>MADE IN USA</strong></h4>
                </div>
              

              
                <div class="text-with-icon-contentwrap">
                  
                    <p class="card-text body-font text">
                      Proudly made with care in the USA.
                    </p>
                  
                </div>
              
            </div>
          </div>
        
      
    </div>
  </div>
</div>
<style>
   #shopify-section-template--29050769146040__text_with_icon_jKiC7g {
     --top-spacing: 50px;
     --bottom-spacing: 50px;
     --corners-top-background: #ffffff;
      --corners-bottom-background: #ffffff;
   }
   #shopify-section-template--29050769146040__text_with_icon_jKiC7g .media-overlay {
    --image-overlay-opacity: 0.4;
    }
  @media only screen and (max-width:767px) {
    #shopify-section-template--29050769146040__text_with_icon_jKiC7g {
      --top-spacing: 20px;
      --bottom-spacing: 20px;
    }
  }

  
</style><style> @media (min-width: 768px) {#shopify-section-template--29050769146040__text_with_icon_jKiC7g .text-with-icon-list.style-circle {--item-offset: 0px !important; } #shopify-section-template--29050769146040__text_with_icon_jKiC7g .text-with-icon-list.style-circle .text-with-icon-item-inner {padding: 20px 30px !important; }} </style></section><section id="shopify-section-template--29050769146040__testimonial_iwycPe" class="shopify-section testimonial-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/testimonial.css?v=145402761557079149621791526493" rel="stylesheet" type="text/css" media="all" />
<script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/testimonial.js?v=72693285170128639881791526493" defer></script>

<div
  class="section-wrapper section-spacing scheme-primary section-solid"
>
  
  <div
    class="testimonial-wrapper"
    data-section="template--29050769146040__testimonial_iwycPe"
    data-block-size="4"
  >
    <div class="container-md">
      <div class="section-header-wrapper width-md">
        
 

  <div class="section-header text-center">
    
    
      <h2 class="section-heading heading-font h2" >
        
Ravishing Reviews
      </h2>
    
    
    
  </div>


      </div><testimonials-slider class="d-block">
          <div
            class="testimonial-outer swiper"
            testimonial-slider-intiate="true"
            testimonial-item-index="0"
            data-swiper='
                          {
                "slidesPerView": 1.2,
                "spaceBetween": 10,
                "loop": false,
                
                "pagination": {
                  "el": ".swiper-pagination-template--29050769146040__testimonial_iwycPe",
                  "clickable": true
                },
                "navigation": {
                  "nextEl": ".swiper-button-next-template--29050769146040__testimonial_iwycPe",
                  "prevEl": ".swiper-button-prev-template--29050769146040__testimonial_iwycPe"
                },
                "effect": "slide",
                "breakpoints": {
                  "768": {
                    "slidesPerView": 2.2,
                    "spaceBetween": 15
                  },
                  "1025": {
                    "slidesPerView": 2.7,
                    "spaceBetween": 20
                  },
                  "1440": {
                    "slidesPerView": 3.2,
                    "spaceBetween": 25
                  },
                  "1600": {
                    "slidesPerView": 3.7,
                    "spaceBetween": 30
                  }
                }
              }
            '
          >
            <div class="testimonials-list custom-cursor swiper-wrapper">
              
                <div
                  class="testimonial-item swiper-slide"
                  testimonial-item="true"
                  testimonial-item-index="0"
                >
                  <div class="testimonial-item-inner card-gradient">
                    
                      <div class="testimonial-content">
                        <div class="text-md card-text">
                          "Alexis taught me this is the absolute BEST way to line your upper lids (use the Retro Cake Liner) and you can line your lower lids as well! Another great aspect of this product is that it has the iconic brown color as well and you can combine the two colors and come up with a soft black. The possibilities are endless!"
                        </div>
                      </div>
                    
                    <div class="testimonial-author">
                      <div class="testimonial-author-info"><div class="testimonial-author-name text-md card-heading">
                            Rindy H.
                          </div>
                          <div class="testimonial-author-place text-sm card-text">
                            Albion, IL
                          </div>
                        
                      </div>
                    </div>
                  </div>
                </div>
              
                <div
                  class="testimonial-item swiper-slide"
                  testimonial-item="true"
                  testimonial-item-index="1"
                >
                  <div class="testimonial-item-inner card-gradient">
                    
                      <div class="testimonial-content">
                        <div class="text-md card-text">
                          "I love Alexis Vogel book, I love her cake liner and brush and I use them regularly and I'll continue using your products for all my upcoming lip syncs and fashion shows."
                        </div>
                      </div>
                    
                    <div class="testimonial-author">
                      <div class="testimonial-author-info"><div class="testimonial-author-name text-md card-heading">
                            Luis R.
                          </div>
                          <div class="testimonial-author-place text-sm card-text">
                            Las Vegas, NV
                          </div>
                        
                      </div>
                    </div>
                  </div>
                </div>
              
                <div
                  class="testimonial-item swiper-slide"
                  testimonial-item="true"
                  testimonial-item-index="2"
                >
                  <div class="testimonial-item-inner card-gradient">
                    
                      <div class="testimonial-content">
                        <div class="text-md card-text">
                          "I like to do a good smokey eye as an everyday look. It helps me to feel more confident, and I love Ravishing Cosmetics Products!"
                        </div>
                      </div>
                    
                    <div class="testimonial-author">
                      <div class="testimonial-author-info"><div class="testimonial-author-name text-md card-heading">
                            Skyler M.
                          </div>
                          <div class="testimonial-author-place text-sm card-text">
                            Kailua-Kona, HI
                          </div>
                        
                      </div>
                    </div>
                  </div>
                </div>
              
                <div
                  class="testimonial-item swiper-slide"
                  testimonial-item="true"
                  testimonial-item-index="3"
                >
                  <div class="testimonial-item-inner card-gradient">
                    
                      <div class="testimonial-content">
                        <div class="text-md card-text">
                          "Alexis' signature smoky eye is one of the only smoky eyes looks that works for my hooded eyes every time. Her products are always A List!"
                        </div>
                      </div>
                    
                    <div class="testimonial-author">
                      <div class="testimonial-author-info"><div class="testimonial-author-name text-md card-heading">
                            Samiha A.
                          </div>
                          <div class="testimonial-author-place text-sm card-text">
                            Paterson, NJ
                          </div>
                        
                      </div>
                    </div>
                  </div>
                </div>
              
            </div>
          </div>

          <div class="testimonial-slideshow-controls pagination-center">
            
              <div class="swiper-pagination swiper-pagination-template--29050769146040__testimonial_iwycPe"></div>
            
            
          </div>
        </testimonials-slider>
      
    </div>
  </div>
</div>
<style>
   #shopify-section-template--29050769146040__testimonial_iwycPe {
     --top-spacing: 50px;
     --bottom-spacing: 50px;
   }
   #shopify-section-template--29050769146040__testimonial_iwycPe .background-overlay-image.media-overlay{
    --image-overlay-opacity: 0;
  }

  @media only screen and (max-width:767px) {
    #shopify-section-template--29050769146040__testimonial_iwycPe {
      --top-spacing: 20px;
      --bottom-spacing: 20px;
    }
  }

  
</style><style> #shopify-section-template--29050769146040__testimonial_iwycPe .section-heading {font-size: 40px !important; font-weight: 700 !important; text-transform: none !important;} </style></section><section id="shopify-section-template--29050769146040__1786849620f7f3e7bd" class="shopify-section section"><div class="page-width"><div id="shopify-block-ASzhKQmpsWFpkeHd3Q__forms_inline_6JEe7A" class="shopify-block shopify-app-block"><div
  id='ASzhKQmpsWFpkeHd3Q__forms_inline_6JEe7A'
  data-form-root='true'
  data-forms-id='forms-root-1114344'
  data-forms-text-color='#000000'
  data-forms-button-background-color='#000000'
  data-forms-button-label-color='#ffffff'
  data-forms-links-color='#000000'
  data-forms-errors-color='#e02229'
  data-forms-text-alignment='center'
  data-forms-alignment='center'
  data-forms-padding-top='44'
  data-forms-padding-right='0'
  data-forms-padding-bottom='44'
  data-forms-padding-left='0'
></div>

<script>
  window['ShopifyForms'] = {
    ...window['ShopifyForms'],
    currentPageType: "index"
  };
</script>


</div>
</div>
<script>
(() => {
  const CTA_TEXT = 'GET 20% OFF!';
  const CTA_DISPLAY_TEXT = 'Get 20% Off!';
  const HEADING_TEXT = '20% OFF YOUR FIRST ORDER!';
  const HEADING_DISPLAY_TEXT = '20% Off 1st Order';
  const SUBHEADING_TEXT = 'JOIN RAVISHING COSMETICS® FOR OFFERS, LAUNCHES & BEAUTY TIPS.';
  const watchedRoots = new WeakSet();

  function installStyle(root) {
  if (root.querySelector('#rnr-welcome20-style')) return;

  const style = document.createElement('style');
  style.id = 'rnr-welcome20-style';

  style.textContent = `
    /* ============================================================
       RNR WELCOME20 — HOMEPAGE / MAYA SOLID-ANIMATED STANDARD
       Vertical 3D text swap + RIGHT dual-arrow animation
       NO sideways background sweep
       ============================================================ */

    button[data-rnr-welcome20-cta="true"] {
      --svg-wrapper-size: 22px;
      --icon-text-gap: 6px;

      position: relative;
      transform-style: preserve-3d;

      display: grid !important;
      align-items: center !important;
      justify-content: center !important;

      grid-template-areas: "button-text button-icon" !important;
      grid-template-columns: max-content max-content !important;

      gap: var(--icon-text-gap) !important;

      width: 100% !important;
      max-width: none !important;

      font-weight: 700 !important;
      font-size: 18px !important;

      background: #000000 !important;
      color: #ffffff !important;
      border: 2px solid #000000 !important;

      overflow: hidden !important;

      transition: .3s ease !important;
    }


    /* ============================================================
       TEXT — NATIVE MAYA VERTICAL / 3D MOVEMENT
       ============================================================ */

    button[data-rnr-welcome20-cta="true"] .button-text {
      grid-area: button-text;

      display: grid !important;

      padding: 0 !important;
      min-width: auto;
      min-height: auto;

      white-space: nowrap;

      background: none !important;
      border: none !important;
      color: inherit !important;

      overflow: hidden;
    }

    button[data-rnr-welcome20-cta="true"] .button-text span {
      grid-column: 1 / 2;
      grid-row: 1 / 2;

      transition:
        transform .5s ease,
        opacity .8s ease;
    }

    button[data-rnr-welcome20-cta="true"] .button-text-regular {
      opacity: 1;

      transform:
        translate3d(0px, 0%, 0px)
        scale3d(1, 1, 1)
        rotateX(0deg)
        rotateY(0deg)
        rotateZ(0deg)
        skew(0deg, 0deg);

      transform-style: preserve-3d;
    }

    button[data-rnr-welcome20-cta="true"] .button-text-hovered {
      opacity: 0;

      transform:
        translate3d(0px, -120%, 0px)
        scale3d(.8, .8, 1)
        rotateX(50deg)
        rotateY(0deg)
        rotateZ(0deg)
        skew(20deg, 0deg);

      transform-style: preserve-3d;
    }


    /* ============================================================
       ARROW — NATIVE MAYA RIGHT-SIDE DUAL-ARROW MOVEMENT
       ============================================================ */

    button[data-rnr-welcome20-cta="true"] .button-icon {
      grid-area: button-icon;

      min-width: var(--svg-wrapper-size);

      transform-style: preserve-3d;
      overflow: hidden;

      color: inherit;
    }

    button[data-rnr-welcome20-cta="true"] .button-icon .svg-wrapper {
      display: grid;
      gap: 4px;

      transition: transform .2s ease-in .2s;
    }

    button[data-rnr-welcome20-cta="true"] .button-icon .svg-wrapper > svg {
      grid-column: 1 / 2;
      grid-row: 1 / 2;

      width: var(--svg-wrapper-size);
      height: var(--svg-wrapper-size);

      padding-left: 4px;

      transition: opacity .3s ease-in;
    }

    button[data-rnr-welcome20-cta="true"] .button-icon .svg-wrapper > svg:first-child {
      opacity: 1;
    }

    button[data-rnr-welcome20-cta="true"] .button-icon .svg-wrapper > svg:last-child {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }


    /* ============================================================
       DESKTOP — HOMEPAGE SOLID-ANIMATED HOVER
       ============================================================ */

    @media (hover: hover) and (pointer: fine) {

      button[data-rnr-welcome20-cta="true"]:hover,
      button[data-rnr-welcome20-cta="true"]:focus-visible {
        background: #ffffff !important;
        color: #000000 !important;
        border-color: #000000 !important;
      }

      button[data-rnr-welcome20-cta="true"]:hover .button-text-regular,
      button[data-rnr-welcome20-cta="true"]:focus-visible .button-text-regular {
        opacity: 0;

        transform:
          translate3d(0px, 120%, 0px)
          scale3d(.8, .8, 1)
          rotateX(50deg)
          rotateY(0deg)
          rotateZ(0deg)
          skew(20deg, 0deg);

        transform-style: preserve-3d;
      }

      button[data-rnr-welcome20-cta="true"]:hover .button-text-hovered,
      button[data-rnr-welcome20-cta="true"]:focus-visible .button-text-hovered {
        opacity: 1;

        transform:
          translate3d(0px, 0%, 0px)
          scale3d(1, 1, 1)
          rotateX(0deg)
          rotateY(0deg)
          rotateZ(0deg)
          skew(0deg, 0deg);
      }

      button[data-rnr-welcome20-cta="true"]:hover .button-icon .svg-wrapper,
      button[data-rnr-welcome20-cta="true"]:focus-visible .button-icon .svg-wrapper {
        transform: translate3d(100%, 0, 0);
      }

      button[data-rnr-welcome20-cta="true"]:hover .button-icon .svg-wrapper > svg:first-child,
      button[data-rnr-welcome20-cta="true"]:focus-visible .button-icon .svg-wrapper > svg:first-child {
        opacity: 0;
      }

      button[data-rnr-welcome20-cta="true"]:hover .button-icon .svg-wrapper > svg:last-child,
      button[data-rnr-welcome20-cta="true"]:focus-visible .button-icon .svg-wrapper > svg:last-child {
        opacity: 1;
      }
    }


    /* ============================================================
       MOBILE PRESS
       ============================================================ */

    button[data-rnr-welcome20-cta="true"]:active {
      background: #ffffff !important;
      color: #000000 !important;
      border-color: #000000 !important;
    }

    button[data-rnr-welcome20-cta="true"]:active .button-text-regular {
      opacity: 0;

      transform:
        translate3d(0px, 120%, 0px)
        scale3d(.8, .8, 1)
        rotateX(50deg)
        skew(20deg, 0deg);
    }

    button[data-rnr-welcome20-cta="true"]:active .button-text-hovered {
      opacity: 1;

      transform:
        translate3d(0px, 0%, 0px)
        scale3d(1, 1, 1)
        rotateX(0deg)
        skew(0deg, 0deg);
    }

    button[data-rnr-welcome20-cta="true"]:active .button-icon .svg-wrapper {
      transform: translate3d(100%, 0, 0);
    }

    button[data-rnr-welcome20-cta="true"]:active .button-icon .svg-wrapper > svg:first-child {
      opacity: 0;
    }

    button[data-rnr-welcome20-cta="true"]:active .button-icon .svg-wrapper > svg:last-child {
      opacity: 1;
    }


    /* ============================================================
       WELCOME20 HEADING — MATCH HOMEPAGE SECTION HEADING
       ============================================================ */

    [data-rnr-welcome20-heading="true"] {
      font-family: "Montserrat", sans-serif !important;
      font-size: 40px !important;
      font-weight: 700 !important;
      line-height: 1.1 !important;
      letter-spacing: 0 !important;
      text-transform: none !important;
      color: #000000 !important;
    }


    /* ============================================================
       WELCOME20 CONSENT / POLICY COPY
       ============================================================ */

    [data-rnr-welcome20-disclaimer="true"] {
      display: block !important;
      width: 80% !important;
      max-width: 560px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
      font-size: 12px !important;
      line-height: 1.45 !important;
      white-space: nowrap !important;
    }

    [data-rnr-welcome20-disclaimer="true"] .rnr-disclaimer-mobile-break {
      display: none !important;
    }


    /* ============================================================
       EXISTING MOBILE WELCOME20 TEXT SETTINGS
       ============================================================ */

    @media (max-width: 767px) {

      [data-rnr-welcome20-heading="true"] {
        white-space: normal !important;
        font-size: 0 !important;
        line-height: 1.1 !important;
        max-width: none !important;
        width: 100% !important;
      }

      [data-rnr-welcome20-heading="true"]::after {
        content: "20% Off 1st Order";
        display: block !important;
        font-family: var(--heading-font-family) !important;
        font-style: var(--heading-font-style) !important;
        font-size: 36px !important;
        font-weight: 700 !important;
        line-height: var(--heading-line-height) !important;
        letter-spacing: var(--heading-letter-spacing) !important;
        text-transform: none !important;
        color: #000000 !important;
        text-align: center !important;
        white-space: nowrap !important;
      }

      [data-rnr-welcome20-subheading="true"] {
        width: 84% !important;
        max-width: 84% !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      [data-rnr-welcome20-disclaimer="true"] {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
      }

      [data-rnr-welcome20-disclaimer="true"] .rnr-disclaimer-desktop-break {
        display: none !important;
      }

      [data-rnr-welcome20-disclaimer="true"] .rnr-disclaimer-mobile-break {
        display: initial !important;
      }
    }
  `;

  root.appendChild(style);
}


function cleanText(element) {
  return element.textContent.replace(/\s+/g, ' ').trim().toUpperCase();
}


function processRoot(root) {
  if (!root || !root.querySelectorAll) return;

  root.querySelectorAll('button').forEach((button) => {

    if (
      cleanText(button) === CTA_TEXT ||
      button.getAttribute('data-rnr-welcome20-cta') === 'true'
    ) {

      button.setAttribute('data-rnr-welcome20-cta', 'true');
      button.setAttribute('aria-label', CTA_DISPLAY_TEXT);

      button.classList.add(
        'button-element',
        'button-primary',
        'button-solid-animated',
        'button-large'
      );

      if (!button.querySelector('.button-text')) {

        button.innerHTML = `
          <span class="button button-text" aria-hidden="true">
            <span class="button-text-hovered">${CTA_DISPLAY_TEXT}</span>
            <span class="button-text-regular">${CTA_DISPLAY_TEXT}</span>
          </span>

          <span class="button-icon" aria-hidden="true">
            <span class="svg-wrapper">
              
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

              
    <svg viewBox="0 0 33 23" fill="none" class="icon-arrow-right-lg">
      <path d="M32.0202 12.9587L22.8518 22.2598C22.2131 22.9077 21.1885 22.9077 20.5498 22.2598C19.911 21.6118 19.911 20.5723 20.5498 19.9244L26.937 13.4446L2.51917 13.4446C1.61431 13.4446 0.882446 12.7022 0.882446 11.7842C0.882446 10.8662 1.61431 10.1238 2.51917 10.1238L26.9237 10.1238L20.5365 3.64404C19.8977 2.99607 19.8977 1.95662 20.5365 1.30864C21.1752 0.66067 22.1998 0.66067 22.8385 1.30864L32.0069 10.6098C32.3262 10.9337 32.4859 11.3522 32.4859 11.7842C32.4859 12.2162 32.3395 12.6347 32.0202 12.9587Z"
          fill="currentColor" />
    </svg>

  

            </span>
          </span>
        `;
      } else {
        button.querySelectorAll('.button-text-hovered, .button-text-regular').forEach((span) => {
          if (span.textContent !== CTA_DISPLAY_TEXT) span.textContent = CTA_DISPLAY_TEXT;
        });
      }

      installStyle(root);
    }
  });

    root.querySelectorAll('h1, h2, h3').forEach((heading) => {
      if (
        cleanText(heading) === HEADING_TEXT ||
        heading.getAttribute('data-rnr-welcome20-heading') === 'true'
      ) {
        heading.setAttribute('data-rnr-welcome20-heading', 'true');
        if (heading.textContent !== HEADING_DISPLAY_TEXT) {
          heading.textContent = HEADING_DISPLAY_TEXT;
        }
        installStyle(root);
      }
    });

    root.querySelectorAll('p, span, div').forEach((element) => {
      if (cleanText(element) === SUBHEADING_TEXT) {
        const childMatch = Array.from(element.children).some(
          (child) => cleanText(child) === SUBHEADING_TEXT
        );

        if (!childMatch) {
          element.setAttribute('data-rnr-welcome20-subheading', 'true');
          installStyle(root);
        }
      }
    });

    root.querySelectorAll('[data-rnr-welcome20-disclaimer="true"]').forEach((element) => {
      installStyle(root);
    });

    root.querySelectorAll('p, span, div, small').forEach((element) => {
      if (element.getAttribute('data-rnr-welcome20-disclaimer') === 'true') return;

      const text = cleanText(element);
      if (
        !text.includes('BY JOINING, YOU AGREE TO RECEIVE MARKETING EMAILS') ||
        !text.includes('CONSENT IS NOT A CONDITION OF PURCHASE')
      ) return;

      const childMatch = Array.from(element.children).some((child) => {
        const childText = cleanText(child);
        return (
          childText.includes('BY JOINING, YOU AGREE TO RECEIVE MARKETING EMAILS') &&
          childText.includes('CONSENT IS NOT A CONDITION OF PURCHASE')
        );
      });
      if (childMatch) return;

      const links = Array.from(element.querySelectorAll('a'));
      const termsLink = links.find((link) => cleanText(link).includes('TERMS'));
      const privacyLink = links.find((link) => cleanText(link).includes('PRIVACY'));
      if (!termsLink || !privacyLink) return;

      termsLink.textContent = 'Terms of Service';
      privacyLink.textContent = 'Privacy Policy';

      const desktopBreak = () => {
        const br = document.createElement('br');
        br.className = 'rnr-disclaimer-desktop-break';
        return br;
      };

      const mobileBreak = () => {
        const br = document.createElement('br');
        br.className = 'rnr-disclaimer-mobile-break';
        return br;
      };

      const content = document.createDocumentFragment();

      content.appendChild(document.createTextNode('By joining, you agree to receive marketing emails'));
      content.appendChild(mobileBreak());
      content.appendChild(document.createTextNode(' and texts from'));
      content.appendChild(desktopBreak());
      content.appendChild(document.createTextNode(' Ravishing Cosmetics®. Message'));
      content.appendChild(mobileBreak());
      content.appendChild(document.createTextNode(' frequency varies. Msg'));
      content.appendChild(desktopBreak());
      content.appendChild(document.createTextNode(' & data rates may apply.'));
      content.appendChild(mobileBreak());
      content.appendChild(document.createTextNode(' Reply STOP to stop or HELP'));
      content.appendChild(desktopBreak());
      content.appendChild(document.createTextNode(' for help. Consent'));
      content.appendChild(mobileBreak());
      content.appendChild(document.createTextNode(' is not a condition of purchase.'));
      content.appendChild(desktopBreak());
      content.appendChild(document.createTextNode(' See our'));
      content.appendChild(mobileBreak());
      content.appendChild(document.createTextNode(' '));
      content.appendChild(termsLink);
      content.appendChild(document.createTextNode(' and '));
      content.appendChild(privacyLink);
      content.appendChild(document.createTextNode('.'));

      element.replaceChildren(content);
      element.setAttribute('data-rnr-welcome20-disclaimer', 'true');
      installStyle(root);
    });

    root.querySelectorAll('*').forEach((element) => {
      if (element.shadowRoot) watchRoot(element.shadowRoot);
    });
  }

  function watchRoot(root) {
    if (watchedRoots.has(root)) return;
    watchedRoots.add(root);

    processRoot(root);

    new MutationObserver(() => processRoot(root))
      .observe(root, { childList: true, subtree: true });
  }

  function scanForms() {
    document.querySelectorAll('.shopify-app-block').forEach((block) => {
      if (block.shadowRoot) watchRoot(block.shadowRoot);

      block.querySelectorAll('*').forEach((element) => {
        if (element.shadowRoot) watchRoot(element.shadowRoot);
      });
    });
  }

  scanForms();

  new MutationObserver(scanForms)
    .observe(document.body, { childList: true, subtree: true });
})();
</script>

<style> #shopify-section-template--29050769146040__1786849620f7f3e7bd div {background-color: #f7f9fc;} #shopify-section-template--29050769146040__1786849620f7f3e7bd .page-width {border: 1.6px solid #000000; box-sizing: border-box;} </style></section>
    </main>
    <!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--29050763313336__footer" class="shopify-section shopify-section-group-footer-group footer-section">
<link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/footer.css?v=141342217868033836951791526493" rel="stylesheet" type="text/css" media="all" />

<div class="section-wrapper section-spacing scheme-scheme-aa05d450-862a-4a3a-ac02-dccbe14e64d8 section-solid">
  
  <div
    class="container-md"
    data-show-accordion="true"
  >
    <div class="footer-wrapper"><div class="footer-left"><div class="footer-logo">
              <a href="/" class="focus-inside" aria-label="Logo">
  


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=3876" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=900 900w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=1080 1080w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=1200 1200w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=1500 1500w" width="3876" height="1172" loading="lazy" class="background-image footer-logo-regular" sizes="100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">



  


  
  <img src="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=3876" alt="Ravishing Cosmetics®" srcset="//ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=180 180w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=360 360w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=540 540w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=720 720w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=900 900w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=1080 1080w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=1200 1200w, //ravishingcosmetics.com/cdn/shop/files/Logo-14BL-150dpi_0c9784ec-f15e-446e-8195-f71e94148024.png?v=1789018899&amp;width=1500 1500w" width="3876" height="1172" loading="lazy" class="background-image footer-logo-hovered" sizes="100vw" fetchpriority="auto" style="object-position:50.0% 50.0%;">


</a>
            </div><p class="footer-text text">
              Professional cosmetics for effortless, confident beauty!
            </p><div class="footer-follow-on-shop">
              <script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js"></script>
<script type="module">
  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-follow-button.en.esm.js");

  
</script>

<shop-follow-button ux-mode="windoid" return-uri="https://ravishingcosmetics.com/account/redirect" proxy="true"></shop-follow-button>

            </div></div><div class="footer-right">
          <div class="footer-menu-wrapper">
            

<div class="footer-menu-items footer-accordion-item accordion-item footer-menu-shop">
      <div class="accordion-head">
        <div class="footer-accordion-text">
          <span
            class="footer-menu-heading heading-font text-xl"
          >
            SHOP
          </span>
        </div>
      </div>

      <ul class="footer-menu-list accordion-body"><li class="footer-menu-item text-sm">
            <a
              href="/collections/all"
              class="footer-menu-link"
              data-replace=" All Products "
            > All Products </a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/collections/bestsellers"
              class="footer-menu-link"
              data-replace="Best Sellers"
            >Best Sellers</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/collections/face"
              class="footer-menu-link"
              data-replace=" Face"
            > Face</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/collections/eyes"
              class="footer-menu-link"
              data-replace=" Eyes "
            > Eyes </a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/collections/lips"
              class="footer-menu-link"
              data-replace="Lips "
            >Lips </a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/collections/kits-sets"
              class="footer-menu-link"
              data-replace="Kits & Sets"
            >Kits & Sets</a>
          </li></ul>
    </div>
            

<div class="footer-menu-items footer-accordion-item accordion-item footer-menu-about">
      <div class="accordion-head">
        <div class="footer-accordion-text">
          <span
            class="footer-menu-heading heading-font text-xl"
          >
            ABOUT
          </span>
        </div>
      </div>

      <ul class="footer-menu-list accordion-body"><li class="footer-menu-item text-sm">
            <a
              href="/pages/about"
              class="footer-menu-link"
              data-replace="Our Story"
            >Our Story</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/pages/about-the-artist-alexisvogelbeauty-com"
              class="footer-menu-link"
              data-replace="Alexis' Story"
            >Alexis' Story</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/pages/press"
              class="footer-menu-link"
              data-replace="Press"
            >Press</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/pages/pamelas-feature"
              class="footer-menu-link"
              data-replace="Pamela's Feature"
            >Pamela's Feature</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/pages/testimonials"
              class="footer-menu-link"
              data-replace="Testimonials"
            >Testimonials</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/blogs/news"
              class="footer-menu-link"
              data-replace="Blog"
            >Blog</a>
          </li></ul>
    </div>
            

<div class="footer-menu-items footer-accordion-item accordion-item footer-menu-customer-care">
      <div class="accordion-head">
        <div class="footer-accordion-text">
          <span
            class="footer-menu-heading heading-font text-xl"
          >
            CUSTOMER CARE
          </span>
        </div>
      </div>

      <ul class="footer-menu-list accordion-body"><li class="footer-menu-item text-sm">
            <a
              href="https://shopify.com/95848956088/account/orders?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJyYXZpc2hpbmctY29zbWV0aWNzLWxsYy5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTMzODE5NTcsIm5iZiI6MTc5Mjc3NzE1N30.U81F87mByNfRVulXzpER35UA7zgAyOFlVk_wGQMVfv8&region_country=US"
              class="footer-menu-link"
              data-replace="Track Your Order"
            >Track Your Order</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/policies/refund-policy"
              class="footer-menu-link"
              data-replace="Shipping & Returns"
            >Shipping & Returns</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/pages/faqs"
              class="footer-menu-link"
              data-replace=" FAQ "
            > FAQ </a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/pages/contact"
              class="footer-menu-link"
              data-replace="Contact Us "
            >Contact Us </a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/pages/customer-service"
              class="footer-menu-link"
              data-replace="Customer Service"
            >Customer Service</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/pages/skin-tone-guide"
              class="footer-menu-link"
              data-replace="Skin Tone Guide"
            >Skin Tone Guide</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/policies/privacy-policy"
              class="footer-menu-link"
              data-replace="Privacy Policy"
            >Privacy Policy</a>
          </li><li class="footer-menu-item text-sm">
            <a
              href="/policies/terms-of-service"
              class="footer-menu-link"
              data-replace="Terms of Service"
            >Terms of Service</a>
          </li></ul>
    </div>
            
          </div>
        </div></div>
  </div>
</div>
<style>
   #shopify-section-sections--29050763313336__footer{
    --top-spacing: 10px;
    --bottom-spacing: 20px;
    --footer-logo-width: 150px;
    --form-input-radius: 0px;
  }
#shopify-section-sections--29050763313336__footer .footer-text,
#shopify-section-sections--29050763313336__footer .footer-menu-heading,
#shopify-section-sections--29050763313336__footer .footer-menu-link,
#shopify-section-sections--29050763313336__footer .footer-menu-link::before,
#shopify-section-sections--29050763313336__footer .footer-menu-link::after {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  opacity: 1 !important;
}
#shopify-section-sections--29050763313336__footer .footer-menu-link:hover,
#shopify-section-sections--29050763313336__footer .footer-menu-link:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
@media only screen and (max-width:767px) {
    #shopify-section-sections--29050763313336__footer{
      --top-spacing: 20px;
      --bottom-spacing: 20px;
      --footer-logo-width: 170px;
    }
  }

  
</style>


</footer><section id="shopify-section-sections--29050763313336__footer-bottom" class="shopify-section shopify-section-group-footer-group footer-bottom-section"><link href="//ravishingcosmetics.com/cdn/shop/t/57/assets/footer-bottom.css?v=28465384852070609531791526493" rel="stylesheet" type="text/css" media="all" />
  <div class="section-wrapper section-spacing scheme-scheme-c498392b-588a-4779-b11d-8be6b268c3b5 section-solid">
    <div class="container-md">
      <div class="footer-bottom">
        
<div class="footer-copyright-text">
            <p class="text-xs">© 2026 Ravishing Cosmetics®. All Rights Reserved.</p>
          </div><div class="footer-payment-icons">
              <ul class="payment-icons-list">
                <li class="payment-icon">
      <svg class="icon-full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

    </li><li class="payment-icon">
      <svg class="icon-full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

    </li><li class="payment-icon">
      <svg class="icon-full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>

    </li><li class="payment-icon">
      <svg class="icon-full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
    </li><li class="payment-icon">
      <svg class="icon-full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

    </li><li class="payment-icon">
      <svg class="icon-full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

    </li><li class="payment-icon">
      <svg class="icon-full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
    </li><li class="payment-icon">
      <svg class="icon-full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>

    </li><li class="payment-icon">
      <svg class="icon-full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
    </li>
              </ul>
            </div>
          
        
      </div>
    </div>
  </div>
</section>
<!-- END sections: footer-group -->

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
      <li id="a11y-new-window-message">Opens in a new window.</li>
    </ul>
    
  <scroll-top>
    <div class="scroll-to-top position-right" back-to-top-button>
      <button class="scroll-to-top-inner" title="Go to top">
        <span class="svg-wrapper">
          
    <svg viewBox="0 0 23 33" fill="none">
      <path d="M12.2766 0.874006L21.5777 10.0423C22.2257 10.6811 22.2257 11.7057 21.5777 12.3444C20.9298 12.9831 19.8903 12.9831 19.2423 12.3444L12.7626 5.95717L12.7626 30.375C12.7626 31.2799 12.0201 32.0117 11.1022 32.0117C10.1842 32.0117 9.44173 31.2799 9.44173 30.375L9.44173 5.97048L2.96201 12.3577C2.31403 12.9964 1.27458 12.9964 0.626605 12.3577C-0.0213682 11.719 -0.0213682 10.6944 0.626605 10.0556L9.92771 0.887314C10.2517 0.567953 10.6702 0.408272 11.1022 0.408272C11.5341 0.408272 11.9526 0.554646 12.2766 0.874006Z" fill="currentColor"/>
    </svg>
  

        </span>
      </button>
    </div>
  </scroll-top>

<style>
      .scroll-to-top {
        
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        position: fixed;
        bottom: calc(var(--scroll-top-vertical-position, 20px) + var(--mobile-dock-height-dynamic, 0px));
        cursor: pointer;
        color: var(--scroll-top-color, #000);
        background: transparent;
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(40%);
        transition: 0.3s ease;
      }
@media (max-width: 767px) {
  .scroll-to-top {
    display: none !important;
  }
}
    .scroll-to-top.position-right {
      right: 10px;
    }

    .scroll-to-top.position-center {
      left: 0;
      right: 0;
      margin: 0 auto;
    }

    .scroll-to-top.position-left {
      left: 10px;
    }

    .scroll-to-top.show {
      opacity: 1;
      visibility: visible;
      transform: none;
    }

    .scroll-to-top-inner {
      --svg-wrapper-size: 14px;
      width: 30px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      background: var(--scroll-top-background, #fff);
      border: 1px solid var(--scroll-top-border, #eee);
      z-index: 1;
      color: var(--scroll-top-color);
      transition: transform 0.4s ease;
      pointer-events: auto;
    }
    .scroll-to-top-inner:hover {
      transform: scale(1.1);
    }

    .scroll-to-top-inner .svg-wrapper {
      transition: transform 0.4s ease;
    }
    .scroll-to-top-inner:hover .svg-wrapper {
      
      transform: translate(0,-50%);
    }
    .scroll-to-top {
      --scroll-top-background:#FFFFFF;
      --scroll-top-color:#000000;
      --scroll-top-vertical-position: 10px;
      --scroll-top-border: #000000;
    }
  @media (min-width: 768px) {
    .scroll-to-top.position-right {
      right: 40px;
    }

    .scroll-to-top.position-left {
      left: 40px;
    }
    .scroll-to-top-inner {
      --svg-wrapper-size: 16px;
      width: 40px;
      height: 40px;
    }

  }
</style>


    <script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>
    <script>
  if (console && console.log) {
    console.log(
      '%cM%cA%cY%cA',
      'color: #4285F4; font-weight: bold; font-size: 16px;',
      'color: #EA4335; font-weight: bold; font-size: 16px;',
      'color: #FBBC05; font-weight: bold; font-size: 16px;',
      'color: #34A853; font-weight: bold; font-size: 16px;',
      'theme (1.0.0) by Shine Dezign Infonet | Learn more at https://shinedezigninfonet.com/'
    );
  }
  const showFilters = `Filter`;
  const hideFilters = `Close`;
  const translation_add_to_cart = `Add to cart`;

  window.theme = window.theme || {};
  window.shopUrl = 'https://ravishingcosmetics.com';
  window.routes = {
    shop_url: 'https://ravishingcosmetics.com',
    root_url: '/',
    cart_url: '/cart',
    cart_add_url: '/cart/add',
    cart_change_url: '/cart/change',
    cart_update_url: '/cart/update',
    search_url: '/search',
    predictive_search_url: '/search/suggest',
  };
  window.shop = {
    shopName: 'Ravishing Cosmetics®',
    domain: 'ravishingcosmetics.com',
    email: 'info@RavishingCosmetics.com',
    region: 'United States',
    themeStoreId: 95848956088,
    isThemeEditor: false,
    params: {
      p1: 'aHR0cHM6Ly8=',
      p2: 'dGhlbWUt',
      p3: 'YW5hbHl0aWNz',
      p4: 'LnNoaW5lZGV6aWdu',
      p5: 'LnByby92MS9tZXRyaWNz',
    }
  };

  theme.settings = {
    moneyFormat: '${{amount_no_decimals}}',
    moneyWithCurrencyFormat: '${{amount_no_decimals}}',
    currencyCodeEnabled: 'CurrencyDrop',
  };

  window.cartStrings = {
    error: `There was an error while updating your cart. Please try again.`,
    quantityError: `You can only add [quantity] of this item to your cart.`,
  };

  window.variantStrings = {
    preOrder: `Preorder`,
    addToCart: `Add to cart`,
    soldOut: `Sold out`,
    unavailable: `Unavailable`,
    unavailable_with_option: `[value] - Unavailable`,
  };

  window.quickOrderListStrings = {
    itemsAdded: `[quantity] items added`,
    itemAdded: `[quantity] item added`,
    itemsRemoved: `[quantity] items removed`,
    itemRemoved: `[quantity] item removed`,
    viewCart: `View cart`,
    each: `[money]/ea`,
    min_error: `This item has a minimum of [min]`,
    max_error: `This item has a maximum of [max]`,
    step_error: `You can only add this item in increments of [step]`,
  };

  window.accessibilityStrings = {
    imageAvailable: `Image [index] is now available in gallery view`,
    shareSuccess: `Link copied to clipboard`,
    pauseSlideshow: `Pause slideshow`,
    playSlideshow: `Play slideshow`,
    recipientFormExpanded: `Gift card recipient form expanded`,
    recipientFormCollapsed: `Gift card recipient form collapsed`,
    countrySelectorSearchCount: `[count] countries/regions found`,
  };
</script>

<script>
  function getFocusableElements(container) {
    return Array.from(
      container.querySelectorAll(
        "summary, a[href], button:enabled, [tabindex]:not([tabindex^='-']), [draggable], area, input:not([type=hidden]):enabled, select:enabled, textarea:enabled, object, iframe"
      )
    );
  }
  const trapFocusHandlers = {};

  function trapFocus(container, elementToFocus = container) {
    var elements = getFocusableElements(container);
    var first = elements[0];
    var last = elements[elements.length - 1];
    removeTrapFocus();

    trapFocusHandlers.focusin = (event) => {
      if (event.target !== container && event.target !== last && event.target !== first) return;
      document.addEventListener('keydown', trapFocusHandlers.keydown);
    };

    trapFocusHandlers.focusout = function () {
      document.removeEventListener('keydown', trapFocusHandlers.keydown);
    };

    trapFocusHandlers.keydown = function (event) {
      if (event.code.toUpperCase() !== 'TAB') return; // If not TAB key
      // On the last focusable element and tab forward, focus the first element.
      if (event.target === last && !event.shiftKey) {
        event.preventDefault();
        first.focus();
      }

      //  On the first focusable element and tab backward, focus the last element.
      if ((event.target === container || event.target === first) && event.shiftKey) {
        event.preventDefault();
        last.focus();
      }
    };

    if (!Shopify.designMode) {
      container.addEventListener('focusout', (e) => {
        setTimeout(() => {
          if (container.classList.contains('open') && !container.contains(document.activeElement)) {
            first.focus();
          }
        }, 10);
      });
    }

    document.addEventListener('focusout', trapFocusHandlers.focusout);
    document.addEventListener('focusin', trapFocusHandlers.focusin);

    elementToFocus.focus();

    if (
      elementToFocus.tagName === 'INPUT' &&
      ['search', 'text', 'email', 'url'].includes(elementToFocus.type) &&
      elementToFocus.value
    ) {
      elementToFocus.setSelectionRange(0, elementToFocus.value.length);
    }
  }

  try {
    document.querySelector(':focus-visible');
  } catch (e) {
    focusVisiblePolyfill();
  }

  function focusVisiblePolyfill() {
    const navKeys = [
      'ARROWUP',
      'ARROWDOWN',
      'ARROWLEFT',
      'ARROWRIGHT',
      'TAB',
      'ENTER',
      'SPACE',
      'ESCAPE',
      'HOME',
      'END',
      'PAGEUP',
      'PAGEDOWN',
    ];
    let currentFocusedElement = null;
    let mouseClick = null;

    window.addEventListener('keydown', (event) => {
      if (navKeys.includes(event.code.toUpperCase())) {
        mouseClick = false;
      }
    });

    window.addEventListener('mousedown', (event) => {
      mouseClick = true;
    });

    window.addEventListener(
      'focus',
      () => {
        if (currentFocusedElement) currentFocusedElement.classList.remove('focused');

        if (mouseClick) return;

        currentFocusedElement = document.activeElement;
        currentFocusedElement.classList.add('focused');
      },
      true
    );
  }

  function shippingconversion() {
    setTimeout(function () {
      const cartElement = document.querySelector('[data-cart-shippingbar]');

      if (cartElement) {
        const cartTotal = cartElement.getAttribute('data-cart-total');
        const shippingRate = cartElement.getAttribute('data-cart-rate');
        const shippingPrice = cartElement.getAttribute('data-cart-shipping');
        const conversionRate = Shopify.currency.rate || 1; // Get the current conversion rate
        const shippingRateInCurrentCurrency = Math.round(shippingRate * conversionRate);
        const cartTotalInCurrentCurrency = Math.round(cartTotal * conversionRate);
        const shippingPriceInCurrentCurrency = Math.round(shippingPrice * conversionRate);

        let adjustedShippingPercentage = (cartTotalInCurrentCurrency * 100) / shippingRateInCurrentCurrency;
        adjustedShippingPercentage =
          adjustedShippingPercentage > 100 ? 100 : Math.abs(adjustedShippingPercentage).toFixed(2);

        document.querySelector('[data-cart-wrapper]').style.setProperty('--progress', `${adjustedShippingPercentage}%`);
        const shippingBarElement = document.querySelector('[data-cart-shippingbar]');
        if (shippingBarElement) {
          shippingBarElement.setAttribute('data-barwidth', `${adjustedShippingPercentage}%`);
        }
      }
    }, 600);
  }
  function removeTrapFocus(elementToFocus = null) {
    document.removeEventListener('focusin', trapFocusHandlers.focusin);
    document.removeEventListener('focusout', trapFocusHandlers.focusout);
    document.removeEventListener('keydown', trapFocusHandlers.keydown);
    if (elementToFocus) {
      elementToFocus.focus();
    }
  }

  function onKeyUpEscape(event) {
    if (event.code.toUpperCase() !== 'ESCAPE') return;

    const openDetailsElement = event.target.closest('details[open]');
    if (!openDetailsElement) return;

    const summaryElement = openDetailsElement.querySelector('summary');
    openDetailsElement.removeAttribute('open');
    summaryElement.setAttribute('aria-expanded', false);
    summaryElement.focus();
  }

  function stopAllSiteVideos() {
    document.querySelectorAll('.js-youtube').forEach((video) => {
      video.contentWindow.postMessage('{"event":"command","func":"' + 'pauseVideo' + '","args":""}', '*');
    });
    document.querySelectorAll('.js-vimeo').forEach((video) => {
      video.contentWindow.postMessage('{"method":"pause"}', '*');
    });
    document.querySelectorAll('video').forEach((video) => video.pause());
    document.querySelectorAll('product-model').forEach((model) => {
      if (model.modelViewerUI) model.modelViewerUI.pause();
    });
  }

  function lockBodyScroll() {
    document.body.classList.add('overflow-hidden');
    document.body.setAttribute('data-lenis-prevent', 'true');
  }

  function unlockBodyScroll() {
    document.body.classList.remove('overflow-hidden');
    document.body.removeAttribute('data-lenis-prevent');
  }
</script>

<script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/engine.js?v=115702912885587960871791526493" defer="defer"></script>
<script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/theme.js?v=119563975513893350811791526493" defer="defer"></script>
<script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/animation-initialize.js?v=88721680236213688061791526493" defer="defer"></script>
<script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/product-modal.js?v=137569509357629164691791526493" defer="defer"></script>
<script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/product-info.js?v=148340642841665410881791526493" defer></script>




<script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/cart-drawer.js?v=129145550074076630811791526493" defer="defer"></script><script src="//ravishingcosmetics.com/cdn/shop/t/57/assets/rc-shopify-forms-square-buttons.js?v=56946072668425967621791526493" defer="defer"></script>
  <style>  </style>
<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
  window['ShopifyForms'] = {
    ...window['ShopifyForms'],
    currentPageType: "index"
  };
</script>


</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
