/** Shopify CDN: Minification failed

Line 534:13 Expected ":"
Line 534:19 Unterminated string token

**/
/*========== HEADER CSS FOR DESKTOP ==========*/
a.site-nav__link{
    color:#F05685!important;
    text-transform:uppercase;
    font-weight:700;
}

.site-nav__item:hover > .site-nav__link{
    color:#F05685!important;
    border:none!important
}
.site-nav__item:hover > .site-nav__link::after,
.site-nav--has-dropdown .site-nav__link--underline:after,
.site-nav__link--underline:after{
   border-bottom:2px solid #F05685!important;
}

.site-nav__dropdown .menu-title-a a{
    color:#F05685!important;
    font-size:17px;
    /* text-transform:uppercase; */
}

.shop-menu-2 .menu-title-a a{
    font-size:15px;
}

.text-center .site-navigation{
    margin:0!important;
}

/*Mega menu container when open*/
@media (min-width: 750px){

    .site-nav__dropdown.megamenu {
         background: linear-gradient(to bottom, #fff6f4, #ffeced, #ffe3e7, #ffdae1, #ffd3dc);
        border-radius:6px;
        /* height:100vh; */
        /* width: max-content !important;
        min-width: unset !important; */
    }
    
}

.site-nav__dropdown.megamenu .page-width{
    max-width:1232px!important;
}

 .site-nav__dropdown.megamenu .grid{
    justify-content:flex-start !important;
}

.site-nav__dropdown.megamenu .page-width .grid{
    justify-self:start !important;
}

.site-nav__dropdown.megamenu .grid .grid__item:first-child{
    padding-left:0!important;
}

.site-nav__item:has(.site-nav__dropdown.megamenu) .grid__item {
  min-width:0;
}
.site-nav__item:has(.site-nav__dropdown.megamenu) .grid__item .menu-title-a{
    max-width:100%!important;
    line-height:1!important;
    /* margin-left:5px; */
    margin-bottom:5px;
}

.site-nav__item:has(.site-nav__dropdown.megamenu) .grid__item:first-child .menu-title-a{
    max-width:100%!important;
}

.site-nav__item:has(.site-nav__dropdown.megamenu) .shop-menu-2 .menu-title-a a{
    line-height:1.5!important;
}

.text-center .megamenu .grid .grid__item{
    /* padding-left:30px; */
    padding-left:25px;
}

.shop-menu-2{
    background:rgba(255, 255, 255, 0.51)!important;
    padding-top:30px;
    padding-bottom:30px;
    padding-right:20px;
    padding-left:30px!important;
    /* margin-left:50px; */
    /* width:209px !important; */
    /* flex:0 0 209px !important;
    max-width:209px !important;
    min-width:209px; */
    border-radius:10px;
}

.shop-menu-2 ul {
    margin-bottom: 12px;
    margin-top:12px;
}

.site-nav__dropdown.megamenu a,
.site-nav__dropdown.megamenu li,
.site-nav__dropdown.megamenu .menu-title-a,
.site-nav__dropdown.megamenu .child-link-a {
    background: transparent !important;
}

/*Menu Item underline animation*/
.shop-menu-2 .menu-title-a a,
.site-nav__dropdown.megamenu .child-link-a a {
    position: relative;
    text-decoration: none;
}

.shop-menu-2 .menu-title-a a::after,
.site-nav__dropdown.megamenu .child-link-a a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px; /* adjust spacing */
    width: 100%;
    height: 1px; /* underline thickness */
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.shop-menu-2 .menu-title-a a:hover::after,
.site-nav__dropdown.megamenu .child-link-a a:hover::after {
    transform: scaleX(1);
}

.site-nav__dropdown.megamenu .child-link-a{
    line-height:1.8!important;
}

@media screen and (max-width:950px){
    .text-center .megamenu .grid .grid__item{
        padding-left:10px;
    }
    .shop-menu-2{
        margin-left:10px!important;
        flex:0 !important;
        max-width:max-content !important;
        min-width:0!important;
        padding-left:20px!important;
    }
}

/*Shop by product css */
a[href="#skin-heading"],
a[href="#hair-heading"],
a[href="#makeup-heading"],
a.mobile-menu-id-skin,
a.mobile-menu-id-hair,
a.mobile-menu-id-makeup{
  font-weight: 800!important;
  text-transform: uppercase;
  color: #000 !important;
  text-decoration:none!important;
}

a[href="#skin-heading"]::after,
a[href="#hair-heading"]::after,
a[href="#makeup-heading"]::after,
a.mobile-menu-id-skin::after,
a.mobile-menu-id-hair::after,
a.mobile-menu-id-makeup::after{
    display: none !important;
    content: none !important;
}



.submenu-skin .mobile-nav__faux-link,
.submenu-hair .mobile-nav__faux-link,
.submenu-makeup .mobile-nav__faux-link {
  font-weight: 800 !important;
  text-transform: capitalize;
  color: #000 !important;
}



/*===== Search-box , cart and user icon =====*/
.mobile-header-icons{
    display:none!important;
}
.desktop-nav-container{
    display:flex;
    justify-content: center;
    gap: 10px;
}

/*Logo Placement*/
.header-item{
    flex:unset!important;
}
.header-layout{
    justify-content:center!important;
}

 /*Search box*/
.new-search-a{
    border:1px solid #f05685!important;
    border-radius:40px!important;
}
@media screen and (min-width:769px){
.js-search-header{
    max-width:210px;
    position:relative;
    /* height:32px; */
    padding:2px 10px!important;
    align-items:center;
}
.js-search-header .icon-search{
    position:absolute;
    width:25px;
    height:25px;
    right:7px;
    bottom:0px;
    top:2px;
}
}


/*User icon*/
.site-nav__link--icon .icon.icon-user{
    color:#000;
}

/*Cart icon*/
.site-nav__link--icon .icon-bag{
    color:#000;
}
.cart-link__bubble--visible{
    background: #f05685!important;
    font-size: 10px;
    color: #fff!important;
    left:15px;
    top:0%!important;
    text-align:center;
}
.js-drawer-open-cart,
.js-user-icon{
    padding:0!important;
}


.desktop-header-icons .site-nav__icons{
    display:flex;
    align-items:center;
    gap:10px;
}



/*Mobile Responsive*/
@media screen and (max-width:768px){
    .mobile-header-icons{
        display:flex!important;
    }
    .desktop-header-icons{
        display:none!important;
    }
    .header-layout{
        justify-content:space-between!important;
    }
}
@media screen and (min-width:769px){
    .site-nav__icons .site-nav__link--icon{
        padding:0!important;
     }
     .site-nav__icons .site-nav__link--icon.js-search-header{
        padding:2px 10px!important;
     }
}
/*Medium screen*/
@media (min-width:769px) and (max-width:1075px){
     .desktop-nav-container{
        gap:10px!important;
        overflow:visible!important;
     }
     .header-sticky-wrapper{
        overflow:visible!important;
     }
     .js-search-header{
        max-width:200px;
        position:relative;
        height:32px;
        align-items:center;
     }
     .js-search-header .icon-search{
        position:absolute;
        right:7px;
        bottom:2px;
        top:2px;
     }
     .site-nav__icons .site-nav__link--icon{
        padding:0!important;
     }
     .desktop-header-icons .site-nav__icons{
        gap:5px!important;
     }
     .new-search-a .site-header__search-input{
        padding:5px 10px!important;
        width:200px!important;
     }
}

/*Screen size between 856px to 1075px */
@media (min-width:856px) and (max-width:1075px)  {
    .site-nav__link {
        font-size:14px!important;
    }
}

/*Screen size between 800px to 855px */
@media (min-width:800px) and (max-width:855px) {
    .desktop-nav-container{
        gap:0px!important;
        justify-content: flex-start!important;
    }
    .site-nav__link {
        font-size:13px!important;
    }
}


/*Screen size between 769px to 799px */
@media (min-width:769px) and (max-width:799px) {
    .desktop-nav-container{
        gap:0px!important;
        justify-content: flex-start!important;
    }
    .site-nav__link {
        font-size:12px!important;
    }
}


/*Brand Mega menu and ingrdient mega menu hide tabs for now */
.brand-tabs__nav,
.ingredient-tabs__nav{
    display:none!important;
}


/*Shop Menu Item first column divide in 2 column*/
.site-nav__dropdown.megamenu .grid__item:first-child > ul > ul {
  column-count: 2;
  column-gap: 50px;
  /* margin-top:25px; */
}

.site-nav__dropdown.megamenu .grid__item:first-child .child-link-a {
  break-inside: avoid;
}
.site-nav__dropdown.megamenu .child-link-a:has(a[href="#hair-heading"]) {
  break-before: column;
}

.site-nav__dropdown.megamenu .grid__item:first-child .child-link-a a {
  white-space: nowrap;
  display: inline-block;
}

.site-nav__dropdown.megamenu .grid__item:first-child {
  width: 30% !important;
  border-right:1px solid #cccccc;
  padding-right:20px;
}
.site-nav__dropdown.megamenu .grid__item:nth-child(2){
    border-right:1px solid #cccccc;
    padding-right:20px;
    min-height:398.13px;
    width:max-content;
}

@media screen and (max-width:959px){
    .site-nav__dropdown.megamenu .grid__item:first-child {
        width: 35% !important;
    }
}

@media screen and (max-width:990px){
    a.site-nav__link:after{
        margin:0 5px!important;
    }
}


/*================= HEADER CSS FOR MOBILE =======================*/

@media screen and (max-width:768px){

    /*Hide mobile navigation at the bottom */
    .mobile-nav-dock.invisible{
        display:none!important;
    }

    /*Main Search box*/
    .custom-seach-box{
        padding:0 40px;
    }

    /*========== Drawer changes ==============*/
    .drawer__fixed-header{
        border-bottom:none!important;
    }

    .drawer-tabs {
        display: flex;
        width: 100%;
        /* border-bottom: 1px solid #eee; */
        padding:0 20px;
        justify-content:center;
        gap:50px;
        margin-bottom:20px;
    }

    .drawer-tabs .tab {
        /* flex: 1; */
        padding: 0;
        text-align: center;
        background: none;
        border: none;
        font-weight: 600;
        cursor: pointer;
        color: #F05685;
        text-transform:uppercase;
        font-size:20px;
        line-height:1;
    }

    .tab-panel {
        display: none;
    }
    .drawer-tabs .tab {
        position: relative;
        text-decoration: none;
        background: none;
        border: none;
        cursor: pointer;
    }

    .brand-search-box{
        margin-bottom:30px;
        border:2px solid #f05685;
        border-radius:40px;
        padding:0;
        /* width:80%;
        margin-right:auto;
        margin-left:auto; */
    }

    .brand-search-box input{
        width:85%;
        color:#f05685;
        font-size:14px;
        padding-left:20px;
        /* text-align:center; */
    }

    .brand-search-box input::placeholder{
         color:#f7b2c7;
         text-transform:uppercase;
         /* text-align:center; */
    }

    .brand-search-box .search-submit svg{
        color:#f05685;
        width:25px;
        height:30px;
    }
    .brand-search-box .search-submit svg path{
        stroke-width:5;
    }

    .brand-search-box .site-header__search-input {
        height: 35px !important;
        padding: 5px 40px 5px 12px !important;
        line-height: 1 !important;
    }

    /* underline line */
    .drawer-tabs .tab::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 1px;
        background: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    /* hover effect */
    .drawer-tabs .tab:hover::after {
        transform: scaleX(1);
    }

    /* keep underline visible for active tab */
    .drawer-tabs .tab.active::after {
        transform: scaleX(1);
    }

    /*Menu items links fonts*/
    .mobile-nav__faux-link,.mobile-nav__link,
    a.mobile-nav__link.mobile-nav__link--top-level.mobile-menu-id-B2B{
        color:#000!important;
        padding:10px 20px!important;
        font-size:20px!important;
        font-weight:400!important;
    }

     /* .mobile-menu-id-Rewards,
     .login-btn{
        text-transform:uppercase;
     } */
      .login-btn{
        font-size:17px;
        color"#000;
      }

    /* .mobile-nav__has-sublist button{
        text-transform:uppercase;
    } */

    .mobile-nav__has-sublist button .mobile-nav__faux-link:active{
        color:#F05685;
    }

    /* .drawer__contents{
        background: linear-gradient(to bottom, #fff6f4, #ffeced, #ffe3e7);
    } */

    #NavDrawer{
        background: linear-gradient(to bottom, #fff6f4, #ffeced, #ffe3e7);
    }

    .mobile-nav>.mobile-nav__item{
        background:transparent!important;
    }
    .mobile-nav__toggle button{
        border-left:none!important;
    }

    .mobile-nav__grandchildlist:before{
        display:none!important;
    }

    .mobile-nav__sublist .mobile-nav__link{
        padding-left:30px!important;
        padding-top:5px!important;
        padding-bottom:0px!important;
        font-size:16px!important;
        margin-bottom:10px;
    }
    a[href="#skin-heading"].mobile-nav__link,
    a[href="#hair-heading"].mobile-nav__link, 
    a[href="#makeup-heading"].mobile-nav__link,
    .mobile-menu-id-skin{
        font-size:20px!important;
    }

    a[href="#skin-heading"].mobile-nav__link,
    a[href="#hair-heading"].mobile-nav__link, 
    a[href="#makeup-heading"].mobile-nav__link,
    .mobile-menu-id-NEW,
    .mobile-menu-id-BEST,
    .mobile-menu-id-Rewards{
        padding-left:20px!important;
        padding-top:10px!important;
        padding-bottom:10px!important;
        margin-bottom:0!important;
        text-transform:capitalize;
    }

    /*For Mobile*/
    a.mobile-nav__link--top-level.is-active,
    a.mobile-nav__link--top-level[aria-current="page"],
    .mobile-nav__link--button.is-open .mobile-nav__faux-link,
    .mobile-nav__child-item.is-open .mobile-nav__link {
        color: #F05685!important;
        font-weight: 800!important;
    }

    /* .mobile-nav__child-item:hover .mobile-nav__link, */
    .mobile-nav__link--button:hover .mobile-nav__faux-link,
    a.mobile-nav__link--top-level:hover,
    a.mobile-nav__link.mobile-nav__link--top-level:hover.mobile-menu-id-B2B,
    a.login-btn:hover{
        color: #F05685!important;
    }

    /* submenu text underline animation */
    .mobile-nav__sublist .mobile-nav__item a span,
    .mobile-nav__sublist > li > .mobile-nav__link,
    .mobile-nav__sublist .mobile-nav__item > a{
        text-decoration: none;
        background-image: linear-gradient(currentColor, currentColor);
        background-repeat: no-repeat;
        background-size: 0% 1px;
        background-position: left bottom;
        transition: background-size 0.3s ease;
    }

    /* hover */
    .mobile-nav__sublist .mobile-nav__item a span:hover,
    .mobile-nav__sublist .mobile-nav__item > a:hover span {
        background-size: 100% 1px;
    }

    /* active */
    .mobile-nav__sublist .mobile-nav__item > a[data-active="true"] span ,
    .mobile-nav__sublist .mobile-nav__item a.active,
    .mobile-nav__child-item a[data-active="true"] span {
        background-size: 100% 1px;
    }

    a[href="#skin-heading"].mobile-nav__link span,
    a[href="#hair-heading"].mobile-nav__link span, 
     a[href="#makeup-heading"].mobile-nav__link span{
        background-image:none!important;
    }

    /*Ingredients menu item open then show view all button*/
    .ingredient-menu-title {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .ingredient-menu-title .mobile-nav__faux-link {
        flex: 1;
        text-transform:capitalize;
    }

    .ingredient-view-all {
        display: none;
        font-size: 12px;
        color: #f05685!important;
        text-decoration: underline;
        text-transform: uppercase;
        margin-right: 90px;
    }
    .mobile-nav__link--button.is-open .ingredient-view-all {
        display: inline-block;
        z-index:10;
    }

   .ingredient-menu.is-open .mobile-nav__faux-link {
        color: #000 !important;
        font-weight: 800 !important;
    }

    .drawer__scrollable {
        padding-bottom: 40px;
        padding-top:0!important;
    }

    .mobile-nav{
        padding-top:20px;
    }

    .mobile-ingredient-wrapper {
        padding-bottom: 30px !important;
        padding-top:10px!important;
    }
    

    /*Social Media icons*/
    .mobile-nav__social-item{
        border:none!important;
        flex:0 1!important;
    }
    .mobile-nav__social a{
        padding:12px 5px!important;
    }
    .mobile-nav__social{
        margin-top:0!important;
    }

    .mobile-nav__item:not(.mobile-nav__item--secondary)+.mobile-nav__item--secondary{
        margin-top:0!important;
    }

    /*Menu dropdown icon*/
    .collapsible-trigger__icon .icon{
        width:20px!important;
        height:15px!important;
    }
    .mobile-nav__toggle .faux-button{
        padding:0!important;
    }

    .mobile-nav__has-sublist .collapsible-trigger__icon{
        right:40px!important;
        width:20px!important;
        height:20px!important;
    }
    .mobile-nav__child-item .collapsible-trigger__icon{
        margin-right:35px!important;
    }
    .collapsible-trigger__icon--circle{
        border:none!important;
    }
    .mobile-nav__child-item .collapsible-trigger:not(.mobile-nav__link--button){
        padding:0!important;
        flex:0!important;
    }

    /*Drawer close icon*/
    .drawer__close-button{
        padding:0!important;
    }
}



/* a.mobile-menu-id-skin,
a.mobile-menu-id-hair,
a.mobile-menu-id-makeup{
    padding-left:20px!important;
} */