/** Shopify CDN: Minification failed

Line 3515:18 Unexpected "{"
Line 3515:27 Expected ":"
Line 3519:18 Unexpected "{"
Line 3519:27 Expected ":"
Line 3523:18 Unexpected "{"
Line 3523:27 Expected ":"
Line 3542:18 Unexpected "{"
Line 3542:27 Expected ":"
Line 3550:18 Unexpected "{"
Line 3550:27 Expected ":"
... and 10 more hidden warnings

**/
/* findify custom css  */

@font-face {
  font-family: 'ED Fettle Serif';
  src: url('/cdn/shop/files/ASTRO-ECOM-LIVE_LANDING_PAGE.png?v=1785303068');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

#findify-search.findify-search-main{
  gap: 20px;
}
#findify-search{
  .findify-search-actions-toggle-btn{
    color: #000;
    font-family: "Euclid-Regular";
  }
  .findify-search-header-toolbar{
    align-items: baseline;
  }
  .findify-search-header-toolbar-actions{
    flex-direction: column;
    align-items: baseline;
    gap: 0;
    margin-bottom: 0;
    max-width: 260px;
  }
  .findify-search-header-toolbar-actions .findify-search-actions-toggle-btn{
    margin-bottom: 25px;
  }
  .findify-filters-wrapper{
    gap: 10px;
  }
  .findify-filters-header{
    padding: 0;
  }
  .findify-filters-header label{
    font-family: "Euclid-Regular";
    color: #111111;
    font-size: 18px;
    font-weight: 600;
  }
  .findify-filters-checkbox-item .findify-filters-checkbox-item-value-selected:before{
    box-shadow: inset 0 0 0 4px #fff;
  }
  .findify-filters--body-wrapper{
    max-height: 180px;
    padding-right: 7px;
  }
  .findify-filters-body[aria-expanded="false"] .findify-filters--body-wrapper,
  .findify-filters-body[aria-expanded="false"] .findify-filters--checkbox-search{
    display:none;
  }
  .findify-filters-body{
    margin-top: 5px;
  }
  .findify-filter-group{
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
  }
  .findify-filters--checkbox-search{
    padding: 0;
  }
  .findify-filters--checkbox-search input{
    border: 1px solid #cacaca;
  }
  .findify-filters-checkbox-item{
    line-height: 20px;
    padding: 8px 0;
  }
  .findify-filters-checkbox-item .findify-filters-checkbox-item-value:before{
    width: 18px;
    height: 18px;
  }
  .findify-filters-checkbox-item-value>span, .findify-filters--checkbox-nested-value>span{
    font-family: "Euclid-Regular";
    color: #111111;
    font-size: 16px;
    font-weight: 300;
  }
  .findify-filter-checkbox-item-count{
    font-family: "Euclid-Regular";
    font-size: 14px;
    font-weight: 400; 
    color: #AFAFAF;
  }
  .price-range-container{
    padding: 8px 0;
  }
  .findify-price-range-input-container{
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    width: 100%;
    position: relative;
  }
  .price-range-content{
    width: 100%;
    padding-right: 20px;
  }
  .findify-price-range-input-container span{
    width: 9px;
    overflow: hidden;
    position: absolute;
    left: 5px;
  }
  .price-range-input{
    max-width: 100%;
    width: 100%;
    padding-left: 15px;
  }
  .findify-price-submit-btn{
    font-family: "Euclid-Regular";
    font-size: 16px;
    font-weight: 400;
    color: #111;
  }
  .findify-filters-breadcrumb-item, .findify-filters-breadcrumbs-show-more{
    border: 1px solid #FFDEF1;
    border-radius: 4px;
    background: #FFF3FA;
    font-family: "Euclid-Regular";
    font-size: 14px;
    font-weight: 500;
    color: #000;
  }
  .findify-filters-breadcrumb-close{
    background: #FFDEF1;
  }
  .findify-filters-breadcrumbs-clear-all{
    font-family: "Euclid-Regular";
    font-size: 14px;
    font-weight: 400;
    color: #727272;
  }



  #findify-pagination-load-more{
    margin-top: 20px;
  }
  #findify-pagination-load-previous{
    margin-bottom:20px;
  }
  #findify-pagination-load-more,
  #findify-pagination-load-previous{
    padding: 10px 15px 8px;
    height: 40px;
    background: #fff;
    font-family: "Euclid-Regular";
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #181a1b;
    letter-spacing: 2.2px;
    box-shadow: inset 0 0 0 0.1rem #181a1b;
  }


  .findify-search-header-label{
    display: none;
  }

  .findify-sorting-body{
    gap: 20px;
  }
  .findify-sorting-body > span{
    font-family: "Euclid-Regular";
    font-size: 14px;
    font-weight: 400;
    color: #000;
  }
  .findify-sorting-btn{
    width: 160px;
    height: 45px;
    border: 1px solid #EAEAEA;
    font-family: "Euclid-Regular";
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 0 10px;
  }
  .open .findify-sorting-btn{
    border-bottom: none;
  }
  .findify-sorting-list{
    width: 160px;
    border: 1px solid #EAEAEA;
    border-top: none;
  }
  .findify-sorting-list > li{
    height: auto;
    font-family: "Euclid-Regular";
    font-size: 14px;
    font-weight: 400;
    color: #727272;
    padding: 6px 10px;
  }

  .findify-tab{
    font-family: "Euclid-Regular";
    font-size: 14px;
    font-weight: 600;
    color: #575757;
    padding: 10px 14px 10px 14px;
    border-radius: 25px;
  }
  .findify-tab.active{
    background: #FFAAEE;
    color: #000;
  }

  .findify-product-card{
    min-height: auto;
    margin-bottom: 35px;
  }
}

.findify-autocomplete-fullscreen{
  padding: 20px 45px;
  height: auto !important;
  z-index: 20 !important;
}
#findify-autocomplete{
  z-index: 20 !important;
}

#findify-autocomplete{
  .findify-close-autocomplete{
    display: none;
  }
  .findify-view-all label{
    display: none;
  }
  .findify-view-all label.mobile{
    display: block;
  }
  .suggestions-wrapper{
    flex: 1;
    max-width: 360px;
  }
  .suggestions-wrapper .findify-content-card .adapt-content-img{
    display: none;
  }
  .suggestions-wrapper ul,
  .findify-autocomplete-content-wrapper .findify-content-grid{
    padding-left: 0px;
    margin-top: 15px;
  }
  .suggestions-wrapper h3,
  .findify-autocomplete-content-wrapper .findify-autocomplete-tab-content .autocomplete-content-title,
  .findify-autocomplete .products-wrapper h3{
    padding-left: 0;
    font-family: "Euclid-Regular";
    font-size: 18px;
    font-weight: 700;
    color: #031629;
    text-transform: uppercase;
  }
  .findify-autocomplete .suggestions-wrapper .findify-suggestion-item a,
  .findify-autocomplete .suggestions-wrapper a{
    font-family: "Euclid-Regular";
    font-size: 16px;
    font-weight: 400;
    color: #494949;
  }
  .suggestions-wrapper .findify-suggestion-item a span{
    color: #000;
    font-weight: 700;
  }
  .findify-autocomplete .suggestions-wrapper .findify-suggestion-item a span{
    font-weight: 600;
  }
  .findify-suggestion-item,
  .findify-autocomplete .suggestions-wrapper a{
    margin-bottom: 16px;
  }
  .suggestions-wrapper .findify-autocomplete-content-wrapper{
    margin-top: 10px;
  }
  .findify-autocomplete-content-wrapper .findify-autocomplete-tab-content .findify-content-list{
    gap: 0;
  }
  .products-container{
    margin-top: 15px;
  }
  .products-container > div{
    flex-basis: 20%;
    max-width: 20%;
  }
  .card-information__button .button.button--small{
    font-size: 8px;
  }
  .view-all-top{
    display: block;
  }
  .products-wrapper{
    padding: 0 20px;
  }
  .findify-content-grid .findify-content-title{
    font-family: "Euclid-Regular";
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #000;
    margin: 0;
  }
}

.findify-recommendation-container{
  .findify-swiper-title{
    text-align: left;
    font-weight: 600;
    font-size: 23px;
  }
  .swiper-button-next, .swiper-button-prev{
    display: none;
    opacity: 0;
  }
}

@media (max-width: 1200px) and (min-width: 767px) {
  #findify-autocomplete .products-container > div{
    display: none;
    flex-basis: 50%;
    max-width: 50%;
  }
  #findify-autocomplete-products div.findify-product-card:first-child,
  #findify-autocomplete-products div.findify-product-card:nth-child(2){
    display: block;
  }
  #findify-autocomplete .card-information__button .button.button--small{
    font-size: 12px;
  }
  #findify-autocomplete {
    .suggestions-wrapper h3,
    .findify-autocomplete-content-wrapper .findify-autocomplete-tab-content .autocomplete-content-title,
    .findify-autocomplete .products-wrapper h3{
      font-size: 14px;
    }
  }
}

@media (max-width: 1200px) {
  #findify-search #findify-product-grid.findify-product-list {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
}

@media (max-width: 1000px) {
  #findify-search #findify-product-grid.findify-product-list {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 767px) {
  .findify-recommendation-container .swiper-button-next, 
  .findify-recommendation-container .swiper-button-prev{
    display: block;
    opacity: 0;
  }
  .findify-recommendation-container .swiper-pagination-bullet-active{
    background: rgb(255, 170, 238);
  }
  #findify-search{
    .findify-tabs{
      gap: 0;
    }
    .findify-search-header-toolbar-actions{
      margin-top: 0;
    }
    .findify-search-header-toolbar{
      gap: 10px;
      margin-top: 5px;
      align-items: center;
      margin-bottom: 10px;
    }
    .findify-search-header-toolbar div{
      flex: 1;
      width: 100%;
      max-width: auto;
    }
    .findify-search-header-toolbar-actions .findify-search-actions-toggle-btn,
    .findify-search-actions-toggle-btn{
      width: 100%;
      margin-bottom: 0;
    }
    .findify-modal-header{
      height: 85px;
      background: #FD24E4;
    }
    .findify-modal-header-title{
      font-family: "Euclid-Regular";
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      width: 100%;
      left: 0;
      text-transform: uppercase;
    }
    .findify-modal-header svg{
      position: absolute;
      right: 20px;
    }
    .findify-modal-footer{
      font-family: "Euclid-Regular";
      font-size: 16px;
      font-weight: 500;
      color: #fff;
      background: #7619B9;
      align-items: center;
    }
    .findify-filters-sidebar.open{
      overflow: hidden;
    }
    .findify-filters-wrapper{
      height: 100%;
      overflow: scroll;
      padding-bottom: 70px;
    }

    .findify-sorting-mobile-list li{
      display: flex;
      margin-bottom: 25px;
      align-items: center;
    }
    .findify-sorting-mobile-list li span{
      font-family: "Euclid-Regular";
      font-size: 18px;
      font-weight: 400;
      color: #727272;
    }
    .findify-sorting-mobile-list li input:checked{
      accent-color: #000;
    }
    
  } 

  #findify-autocomplete .findify-autocomplete-content-wrapper{
    flex: 1;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
  }
  #findify-autocomplete.findify-autocomplete-fullscreen .findify-autocomplete-content{
    overflow: hidden;
  }
  
  #findify-autocomplete.findify-autocomplete-fullscreen{
    height: 180vw !important;
    box-sizing: border-box;
    display: block;
    z-index: 999999999 !important;
  }
  #findify-autocomplete .content-fallback-img{
    width: 100%;
    max-width: 100%;
  }
  
  #findify-autocomplete{
    .findify-close-autocomplete svg{
      top: 10px;
    }
    .suggestions-wrapper{
      max-width: auto;
    }
    .suggestions-wrapper ul,
    .suggestions-wrapper .findify-content-list{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
    }
    .suggestions-wrapper ul li,
    .suggestions-wrapper .findify-content-list div.shopify-section{
      padding: 8px 20px;
      border: 1px solid #FFDEF1;
      background: #FFF3FA;
      border-radius: 10px;
      margin-right: 10px;
      margin-bottom: 10px;
    }
    .suggestions-wrapper .findify-content-list div.shopify-section{
      width: max-content;
    }
    .suggestions-wrapper .findify-content-list .content-wrapper{
      margin-top: 0;
    }
    .suggestions-wrapper .findify-content-title{
      margin-bottom: 0;
    }
    .products-wrapper{
      padding: 0;
    }
    .products-container{
      gap: 0;
    }
    .products-container > div{
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      flex-direction: row;
    }
    .findify-product-card.card-wrapper use-animate{
      min-width: 140px;
      background-color: transparent;
    }
    .findify-product-card use-animate a{
      display: block;
    }
    .findify-product-card .card-information{
      display: flex;
      flex-direction: column;
      padding-left: 10px;
      padding-top: 0;
    }
    .findify-product-card .card-information__wrapper .caption-with-letter-spacing{
      margin-top: 0;
    }
    .findify-product-card quick-view-drawer{
      display: none;
    }
    .findify-product-card .card-information__button{
      display: flex;
      justify-content: flex-start;
      position: relative;
      bottom: 0;
      top: 0;
      left: 0;
      margin-top: 30px;
    }
    .findify-product-card .card-information__button .button{
      text-indent: initial;
      width: auto;
      padding: 0 40px;
      border-radius: 0;
    }
    .findify-product-card .card-information__button .button .icon{
      display: none
    }
    .findify-view-all label.mobile{
      display: block;
    }
    .findify-view-all label{
      display: none
    }
  }
}

@media (max-width: 380px){
 #findify-search {
    .findify-product-card{
     width: 90%;
    } 
    .findify-product-list{
      gap: 0
    }
 }
  #findify-autocomplete .products-wrapper{
    max-width: 97%;
  }
}

@media (max-width: 369px){
  #findify-search #findify-product-grid.findify-product-list {
      grid-template-columns: repeat(1, minmax(180px, 1fr));
  }
  #findify-search .findify-product-card{
   width: 100%;
  } 
}
/* end */


.wishlist-button {
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;

    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;

    display: flex;
    width: 100%;
}

.wishlist-button .swym-wishlist-button-bar {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    flex-shrink: 0;
}

.wishlist-button .swym-wishlist-button-bar .swym-btn-container .swym-button:after {
    font-size: 20px;
}

.sywm-button-floating {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.swym-ui-components .swym-bg-2,
.swym-ui-component .swym-bg-2 {
    background-color: #000000 !important;
}


.swym-wishlist.header__icon svg {
    width: 20px;
}

.product-form__buttons .product-form__quantity {
  border: 1px solid #d2d5d9;
  padding: 1%;
}
@media screen and (max-width: 1446px) {
  .product-form__buttons .wishlist-button {
    width: 60%;
  }
}
@media screen and (max-width: 1075px) {
  .product-form__buttons .wishlist-button {
    width: 52%;
  }
}
@media screen and (min-width: 1446px) {
  .product-form__buttons .wishlist-button {
    width: 73%;
  }
}
@media screen and (max-width: 916px) {
  .product-form__buttons .wishlist-button {
    width: 100%;
  }
  .header-wrapper header{
    padding-bottom: 13.5px;
  }
}
.product-form__quantity .quantity__button {
  background: white;
}
.product-form .product-form__buttons {
  grid-column-gap: 0.5rem !important;
}
@media screen and (max-width: 588px) {
  .product-form__buttons .wishlist-button {
    width: 69%;
  }
  .quantity__button::after {
    content: none !important;
  }
  .quantity__button:hover {
        color: #000 !important;
    }
}
@media screen and (max-width: 469px) {
  .product-form__buttons .wishlist-button {
    width: 63%;
  }
 
}
@media screen and (max-width: 399px) {
  .product-form__buttons .wishlist-button {
    width: 63%;
  }
  .product-form__buttons .product-form__quantity {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (max-width: 393px) {
  .product-form__buttons .quantity__button {
    flex: 0 0 2.6rem;
  }
  .product-form__buttons .quantity {
    width: 8.5rem;
    height: 30px;
  }
}
@media screen and (max-width: 365px) {
  .product-form__buttons .wishlist-button {
    width: 100%;
  }
}

[data-limoniapps-discountninja-product-tags*="gift-hidden"] {
  display: none !important;
}
/* Hide grid item if it contains a Discount Ninja card tagged gift-hidden */
.product-grid li.grid__item:has([data-limoniapps-discountninja-product-tags~="gift-hidden"]) {
  display: none !important;
}

.gwp-price-free {
 padding: 5px 12px;
    display: inline-block;
    margin-top: 12px;
    background: #fdd9f4;
    border-radius: 15px;
    letter-spacing: 1px;
    font-size: 8px;
}
#shopify-section-template--23493665653102__pagefly_section_ANaNhw{
  overflow-x: hidden;
}
@media screen and (max-width: 749px) {
    .cart-recommendations .mini-cart__navigation .product-button .button {
        width: auto !important;
        height: auto !important;
       
    }
  .cart-recommendations .small-hide{
    display: block !important;
  }
  .cart-recommendations .small-hide .icon-arrow{
        margin-top: 3px;
  }
   .cart-recommendations .product-button .large-up-hide {
         display: none !important;
    }
  .cart-recommendations .price+.product-button {
    margin-top: 11px !important;
}
  
}
header > nav > ul > li:nth-child(3) .mega-menu__item .header__menu-item{
  text-transform: capitalize;
    letter-spacing: 0;
    color: #303234;
    font-size: calc(var(--font-navigation-size) + .1rem);
}
header > nav > ul > li:nth-child(3) .list-mega-menu{
  row-gap: 1.3rem;
}


/* new menu  */
.header_center_d{
      justify-self: center;
}
@media screen and (max-width:989px){
  .header_center_d form{
    display:none;
  }
  .header__left .header__heading,.header__left .header__heading-link{
    display: none;
  }
  .header_center_d .header__heading-link{
    display: none;
  }
  .header_center_d .header__heading .header__heading-link{
    display: block !important;
  }
  .header_center_d .header__heading img{
    display: block !important;
  }
  .header_center_d .header__heading{
    margin-inline-start: -2.5rem;
  }
  .header__right .header__heading-link{
    display: none !important;
  }
  .tobbar-inner3{
    padding-top: 40px;
  }
}
@media screen and (min-width:989px){
  .header_center_d .header__heading,.header_center_d .header__heading-link,.mobsearch{
    display: none;
  }
}
@media screen and (min-width: 750px) {
    .mobsearch {
    padding: 0 5rem !important;
    padding-bottom: 23px !important;
    }
}
@media screen and (max-width: 749px) {
    .header__right .accnt{
        /* display: none !important; */
        display: flex !important;
    }
}
.header__menu-split li .header__menu-item--top .label{
  text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 13px;
}
#shopify-section-header > sticky-header > header > a{
  display: none;
}
.mobsearch {
  padding: 0 1.5rem;
    padding-bottom: 23px;
}
.mobsearch .field {
  margin-top: 0px !important;
  border-radius: 0px !important;
}
.mobsearch .field .field__button{
  height: 4.1rem !important;
}
.mobsearch .search-modal__form .search__button .icon{
  width: 1.5rem !important;
    height: 1.5rem !important;
}
.mobsearch .search-modal__form .search__input{
  height: 4rem;
  font-size: 1.3rem;
}
.header_center_d .field{
  margin-top: 0px !important;
      border-radius: 0px !important;
  height: 42px;
  width: calc(100% + 5rem) !important;
}
.header_center_d .search-modal__form .search__button .icon {
    width: 1.5rem;
    height: 1.5rem;
  
}
.header__menu-split{
  display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: var(--page-width);
    /* text-align: center; */
    margin: 0 auto;
       padding: 2rem 5rem 1rem;
}
.header__menu-split .header__menu-right nav > ul > li:nth-child(4) a{
      background: #fcabed;
    /* height: 34px; */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 6px;
    border: 1px solid;
}

.mega-menu__item-link{
    padding: .7rem 0;
    margin-bottom: 0 !important;
  padding-left:5px;
}
.list-menu-child-wrapper {
  position: absolute;
    top: 75px;
    left: 25%;
    z-index: 30;
    display: none;
    padding-left: 15px;
    margin-left: 2px;
    background: #fff;
    width: 348px;
    height: -webkit-fill-available; 
}
.menu-title-sub{
  margin-top: -1px;
}
.mega-menu__item:hover > .list-menu-child-wrapper {
  display: block;
}
.list-mega-menu{
  flex-direction: column;
      row-gap: 5px !important;
}
.header__menu-split .header__menu-right nav>ul>li:nth-child(4) a span:hover{
  background-image: none !important;
}
.header__menu-split .header__menu-right nav>ul>li:nth-child(4) a:hover {
  background: #343434 !important;
  color: white !important;
  
}
.header__menu-split .header__menu-right nav > ul > li:nth-child(4):hover a .label{
  background-image: none !important;
}
.mega-menu__item-link .header__menu-item{
  text-transform: capitalize !important;
    letter-spacing: normal !important;
  color: #212326 !important;
}
/*.mega-menu__item.show-from-bottom{
      border-bottom: 1px solid #d3d5d9;
      
}*/
.has-nested-menu:hover > .nested-menu {
  display: block;
  width: 100%;
    
}

.nested-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  white-space: nowrap;
  z-index: 20;
}
.list-menu-child .header__menu-item{
      padding-inline-start: 20px !important;
}
.list-menu-child .header__menu-item{
 
  padding: .9rem 0rem !important;
}
.list-menu-child.nested-menu{
  
  background: #fff;
    max-width: 400px;
    width: 342px !important;
    height: -webkit-fill-available;
}
@media screen and (min-width: 1400px){
    .is-megamenu>.list-menu-dropdown {
    max-width: 1400px !important;
}
.pabslute3.mega-menu__promo {
        flex: 0 0 30rem !important;
    }
}
@media (min-width: 1293px) and (max-width: 1400px){
  .pabslute2{
    width: 280px !important;
        margin-right: 667px !important;
        right: 0;
        left: unset !important;
}
  .pabslute {
    width: 280px!important;
    margin-right: 357px!important;
}
  }

  @media (min-width: 1370px) and (max-width: 1400px){
.list-menu-child-wrapper{
  left: 27%;
  width: 26%;
}
    .is-megamenu {
        --grid-horizontal-spacing: 1rem!important;
    }
    .is-megamenu .list-menu-child.nested-menu{
      width: 83% !important;
    }
}
@media (min-width: 1293px) and (max-width: 1369px){
   .list-menu-child-wrapper{
    left: 26.2%;
        width: 25%;
   }
    nav .is-megamenu {
        --grid-horizontal-spacing: 2rem!important;
    }
    .is-megamenu .list-menu-child.nested-menu{
      width: 91% !important;
    }
}
@media (min-width: 1193px) and (max-width: 1292px){
       nav .is-megamenu {
        --grid-horizontal-spacing: 10rem;
    }
    .is-megamenu .list-menu-child-wrapper {
        min-width: auto !important;
    }
    .list-menu-child-wrapper{
       left: 29%;
           width: 26%;
    }
       .is-megamenu .list-menu-child.nested-menu {
        width: 82% !important;
    }
}
@media (max-width: 1192px){
    .is-megamenu .list-menu-child-wrapper {
        min-width: auto !important;
    }
    .list-menu-child-wrapper{
       left: 30.2%;
       width: 28%;
    }
    nav .is-megamenu{
    --grid-horizontal-spacing: 8rem;
}
}
.list-menu-child.nested-menu li{
  padding-left:15px !important;
}
.list-mega-menu .list-menu-child .header__menu-item {
    padding-inline-start: 0px !important;
   padding-left:5px !important;
}

.list-menu-child li{
  padding-right: 15px !important;
}
.menu-title {
    position: absolute;
    top: 24px;
    font-weight: 600;
  font-size: 15px;
}
.is-megamenu .menu-title-sub span{
   font-size: 15px !important;
}
.menu-title-sub{
        top: -36px;
  position: absolute;
    font-weight: 600;
  }


.is-megamenu .page-width{
      margin-top: 25px;
}
.list-menu-child.nested-menu{
  border-right:none !important;
}
.header-background.is-active:before{
  background: transparent!important;
  background-color: transparent !important;
}
.is-megamenu>.list-menu-dropdown{
  max-width: 1400px !important;
  margin: 0 auto;
  background: #ffffff;
  
}
.pabslute2 {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 300px;
    margin-top: 80px;
    margin-left: 386px;
}
.pabslute {
    position: absolute !important;
    top: 0;
    right: 0;
    width: 300px;
    margin-top: 80px;
    margin-right: 383px;
}
.mega-menu__promo-heading label{
  letter-spacing: 0;
    text-transform: capitalize;
    font-size: 16px;
}
.mega-menu__promo.show-from-bottom:after{
  content:none !important;
}
.mega-menu__promo .media{
  margin-bottom: 0px !important;
}
.mega-menu__promo-heading{
  font-size: 15px !important;
    letter-spacing: 0px !important;
    text-transform: capitalize !important;
}
.mega-menu__promo-content{
  background: #faede8;
    padding: 10px 10px;
}
.promosbt{
  font-size: 14px;
    color: #f9acec !important;
}
.subsubmenu-arrow{
  display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    float: inline-end;
}
@media (max-width: 1292px){
  .is-megamenu .list-menu-dropdown{
    min-height: 433px;
  }
  .header__menu-split .list-menu.list-menu--inline{
    column-gap: 0.5rem !important;
  }
  .pabslute,.pabslute2 {
    width: auto !important;
  }
  .pabslute3{
    position: absolute;
    right: 0;
    margin-right: 62px;
    width: auto;
  }
  .pabslute2{
    right: 0 !important;
    margin-right: 549px !important;
    left: unset !important;
  }
  .pabslute {
    margin-right: 305px !important;
  }
  .list-menu-child-wrapper{
        min-width: 300px !important;
  }
  .list-menu-child.nested-menu{
    width: 244px !important;
  }
  .pabslute,.pabslute2,.pabslute3{
    width: 223px !important;
  }
}
@media (max-width: 1218px){
  .header__menu-split dropdown-menu .header__menu-item{
    padding: 1.2rem 0.5rem !important;
  }
  .header__menu-split .header__menu-right nav>ul>li:nth-child(4) a{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
            padding-left: 15px !important;
        padding-right: 15px !important;
  }
}
@media (max-width: 1192px){
  .pabslute,.pabslute2,.pabslute3{
    width: 178px !important;
  }
  .pabslute {
        margin-right: 255px !important;
    }
  .pabslute2 {
        margin-right: 451px !important;
    }
  
}
@media (max-width: 989px){
  .bellow_annousment{
   display: none;
  }
  .header__menu-split{
    display:none;
  }
  header{
    padding-bottom: calc(var(--section-padding-top) * 0.75) !important;
  }
}
@media (max-width: 1068px){
  .sticky-h li .header__menu-item--top .label{
    font-size: 11px !important;
  }
}
.background_bela{
    display: flex;
    justify-content: space-between;
    /* margin: 0 auto; */
    width: 100%;
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 5rem;
    font-size: 14px;
  color: white;
}
.bellow_annousment{
  background: #2d2d2d;
  z-index: 19;
    position: relative;
 
}
.bella_right{
  display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 39px;
      align-items: center;
}
.bella_left {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem; /* or 6px */
  white-space: nowrap;
}

.bella_left svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.bella_left span {
  font-size: 14px; /* adjust as needed */
  color: #fff;
}
.header__menu-left .header__inline-menu .list-menu--inline li:last-child .header__menu-item--top span{
  color: #f86ee6;
}
.submenu-arrow svg,.subsubmenu-arrow svg{
  transition: transform 0.3s ease;
  display: inline-block;
}

.mega-menu__item-link:hover .submenu-arrow svg,.has-nested-menu:hover .subsubmenu-arrow svg{
  transform: rotate(360deg); /* or 180deg or scale, as you like */
}

.menu-drawer__breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.menu-drawer__breadcrumb a {
  color: inherit;
  font-weight: 500;
  text-decoration: none;
}

.breadcrumb-separator {
  opacity: 0.5;
}
.menu-drawer__menu-item{
  font-size: 14px !important;
    font-weight: 600 !important;
  padding: 0.8rem 0 !important;
}
.menu-drawer__inner-submenu .menu-drawer__menu-item {
    font-size: 12px !important;
    font-weight: 200 !important;
}
.menu-drawer__topbar .menu-drawer__menu-item{
      font-weight: 600 !important;
    font-size: 15px !important;
}
.menu-drawer__navigation{
  margin-top: 0px!important;
}
.custom_menudrawer_top{
  margin-top: 33px;
    padding-left: 16px;
}

.menubella span{
      color: #3a3d3d;
}
.menubella{
  gap: 8px!important;
}
.custom_menudrawer_bot{
   padding-left: 16px;
    margin-top: -3px;;
}
.drawerbookb{
      padding-left: 19px;
    padding-top: 9px;
    padding-bottom: 20px;
}

.drawer_botmenu{
  padding-left: 20px;
    padding-bottom: 20px;
  background: #F7F7F7;
   
}
.drawer_botmenu a{
  display: block;
    font-size: 12px;
    padding-top: 11px;
}
.menu-drawer__menu.list-menu svg{
  height: 1.5rem;
    width: 1.5rem;
    margin-inline-end: 2rem;
}
.is-megamenu .page-width{
  padding-top: 2rem;
    padding-bottom: 2rem;
}

.tobbar-inner3{
  display: flex
;
}
.tobbar-inner2{
  height: 40px;
}
.tobbar-inner2 drawer-close-button{
  position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    background: none;
    border: none;
    cursor: pointer;
}
.topclossinner{
  margin-top: 12px;
    position: absolute;
    /* height: 40px; */
    right: 0;
    margin-right: 70px;
  z-index: 9;
}
.drawerbookb a:hover{
  background: #3b3b3b;
      color: white !important;
}
.anbel svg{
      width: 16px !important;
    height: 40px !important;
}
.menu-drawer__navigation .menu-drawer__menu {
    padding-inline-start: 0px !important;
}
.menu-drawer__navigation .menu-drawer__menu .menu-drawer__menu-item{
  padding-left:2rem !important;
}
.menu-drawer__inner-submenu{
  overflow-y: hidden !important;
}
.stickylogo{
  display: none;
}
.header-background:after{
  box-shadow:none !important;
}
.header-background{
  max-width: 1400px;
    margin: 0px auto;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}
.is-megamenu .list-menu-dropdown{
  box-shadow:
  0 4px 6px -1px rgba(0, 0, 0, 0.3),
  inset 0px 5px 5px -5px #fff; /* hides top shadow 
  */
}
.mega-menu__item.has-grandchild .label{
  font-size: calc(var(--font-navigation-size) + .1rem) !important;
}
.bella_left a{
  display: inline-flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
}
.mega-menu__promo-subheading{
  font-size: 1.2rem !important;
    line-height: 15px;
    margin-bottom: 5px;
}
/*.menu-drawer .menu-drawer__navigation{
  overflow-y: hidden;
}*/
.menu-drawer .drawer_botmenu{
  height: 180px;
}
.has-nested-menu .header__menu-item:hover .label,.mega-menu__promo-content .mega-menu__promo-link:hover .label{
  background-image:none !important;
  background-size: unset !important;
}
.mini-cart--open .cart-drawer-container summary.header__icon:after{
  visibility: visible;
}
.menu-drawer__inner-submenu{
  height:auto!important;
  background: #ffffff;
}


/* end menu */

.mini-cart__main .cart-item__discounted-prices .price--on-sale{
  margin-right: 10px;
}
.top-services-swiper-template--24934294880622__sf_top_services_co_kRdG3T .swiper-wrapper{
  justify-content: center;
}
#shopify-block-AMk5XOWVVd0VHSUtue__a216c513-fe12-4564-8412-1733b6681fd3 accordion-tab:first-child {
  display:none;
}
.breadcrumb-wrapper.page-width{
  max-width: 1500px;
}
#shopify-section-template--25115967455598__rich_text_GEWCGC,#shopify-section-template--25115967455598__rich_text_GEWCGC .rich-text{
  background: #f2ebe6;
}
.ins-web-smart-recommender-body-wrapper .ins-image-area{
  max-width: 210px;
    max-height: 213px;
}
#shopify-section-template--25132070863214__rich_text_yHCmc4{
  background: #f291b1;
}
sticky-header{
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.list-mega-menu.mmborder{
   display: block !important;       /* stack items vertically */
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}
.list-mega-menu.mmborder::-webkit-scrollbar {
  width: 6px;               /* thin scrollbar */
}

.list-mega-menu.mmborder::-webkit-scrollbar-thumb {
  background: transparent;  /* invisible thumb */
}

.list-mega-menu.mmborder::-webkit-scrollbar-track {
  background: transparent;  /* transparent track */
}
.pbadge{
  right: 0;
  
}
/* linkedproduct solo  */
 .linked-variants{
      margin-bottom: 30px!important;
  }
  .linked-variants__label{
  font-size: 1.5rem;
    margin-bottom: 1.2rem;
    font-weight: 600;
  }
  .linked-variants__item.is-active.is-disabled .linked-variants__text{
  color: #000000;
    background: rgb(252 246 244);
    padding: 12px 20px;
    font-size: 1.4rem;
    pointer-events: none;
  }

  .linked-variants__item .linked-variants__text{
      box-shadow: inset 0 0 0 0.1rem rgb(252 246 244);
    color: #000000;
    padding: 12px 20px;
    font-size: 1.4rem;
    border-radius: 25px;
  }

  .linked-variants__item .linked-variants__text:hover{
      box-shadow: inset 0 0 0 0.2rem #fcf6f4;
  }
 .linked-variants__list{
      display: flex;
    flex-wrap: wrap;
    gap: 21px 7px;
 }

/* end linkedproduct solo  */

strong{
  font-weight: 600;
}
@media screen and (max-height: 700px){
.list-mega-menu.mmborder{
  max-height: 45vh!important;
}
}
.is-megamenu.show-images .mega-menu__item{
      margin-top: 0px;
}
.is-megamenu .list-menu{
    margin-top: 4px;
}


/* ===== Shell ===== */
.routine{ 
    background:#fff; 
    border-radius:16px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;

}
.routine .rating{
margin-top: -13px;
}
.routine__head{ display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.routine__title{ font-size:21px; margin:0; line-height:1; }
@media(min-width:1120px){ .routine__title{ font-size:30px!important; } }

.routine__price strong{ color:#f912e6; font-weight:100; }
.routine__btn{
     display: inline-flex
;
    align-items: center;
    gap: 10px;
    background: #f9acec;
    color: #000;
    padding: 8px 22px;
    cursor: pointer;
    border: 1px solid #424141;
    font-size: 14px;
    border-radius: 6px;
    font-family: var(--font-navigation-family);
}
.routine__btn[disabled]{ opacity:.6; cursor:not-allowed; }

/* ===== Carousel rail ===== */
.routine__viewport{ position:relative; }
.routine__rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns: min(92vw, 980px);    /* width of each product pair */
  gap:18px;
  overflow-x:auto;
  padding:6px 8px 1px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}
.routine__rail::-webkit-scrollbar{ height:8px; }
.routine__rail::-webkit-scrollbar-thumb{ background:#ddd; border-radius:999px; }
.routine__rail::-webkit-scrollbar-track{ background:transparent; }

.routine__progress { height:4px; background:#e9e9e9; border-radius:999px; overflow:hidden; }
.routine__progress-bar { height:100%; width:0%; background:#efabe7; border-radius:inherit; transition:width .18s linear;display:block!important; }


/* ===== Each item renders as two tiles (image | info) ===== */

@media(max-width:820px){
      .routine__name {
        font-size: 14px!important;
    }
  .routine__info {
    padding-left: 0!important;
}
.routine__brand {
    font-size: 8px!important;
    opacity: .9;
    line-height: 10px;
}
  .routine__name {
        font-size: 14px;
        line-height: 16px;
    }
  .routine__pair{ grid-template-columns: 1fr 1.3fr; }
}

/* media tile */
.routine__tile{
  border-radius:var(--routine-card-radius);
  overflow:hidden;
  display:grid; place-items:center;
}
.routine__media{     width: 100%;
    height: 100%;
    display: block;
    border-radius: 25px;
    border: 1px solid #dfd3ca;
  
  }

/* info tile */
.routine__info{
  border-radius:var(--routine-card-radius);
  background:var(--routine-accent);
  color:var(--routine-accent-contrast);
  padding:22px;
  display:grid; align-content:start; gap:7px;
}
.routine__brand{ text-transform:uppercase; letter-spacing:1px; font-size:11px; opacity:.9; }
.routine__name{ margin:0; line-height:1.06; font-weight:800; font-size: 20px; }
@media (min-width: 992px) {
.routine__info{
          padding: 20px 18px 20px 0;
}
  .routine__name {
    font-size: 14px;
        line-height: 17px;
  }
}
.routine__stars{ display:flex; gap:6px; }
.routine__star{ width:14px; height:14px; background:currentColor; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); opacity:.9; }

.routine__pricewrap{
  
    border-radius: 12px;
    padding: 7px 0;
    font-weight: 700;
    display: inline-flex
;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.routine__pricewrap s{ opacity:.8; }

/* arrows */
.routine__arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  border:1px solid #000; background:#fff; border-radius:999px; width:42px; height:42px;
  display:grid; place-items:center; cursor:pointer; box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.routine__arrow svg{ width:40px; height:40px; }
.routine__arrow[disabled]{ opacity:.35; cursor:not-allowed; }
.routine__arrow--prev{ left:6px; }
.routine__arrow--next{ right:6px; }

@media(max-width:460px){
  .routine .rating{
    margin-top:0px!important;
  }
.routine__name {
        font-size: 14px !important;
    }
    .routine__pair {
    gap: 0px!important;
   }
   
.routine__media {
    object-fit: contain;
    background: white;
}
   .routine__desc {
    font-size: 11px !important;
        line-height: 13px !important;
    margin: 0;
    min-height: 60px!important;
}
.routine__quickadd {
    padding: 7px!important;
    margin-top: 9px!important;
    font-size: 9px!important;
    
}
.routine__info {
    padding: 16px!important;
}
}

@media(max-width:760px){
      .routine__rail {
        grid-auto-columns: calc((100% - 18px) / 1)!important;
    }
.routine__name{
 padding-bottom: 10px; 
}
    .routine__info {   
    gap: 2px;
}
  .routine{ padding:16px; }
  .routine__head{ gap:16px; }
  .routine__progress{ margin:8px 44px 0; }
}

/* === Show 3 products per view (desktop), 2 on tablet, 1 on mobile === */
.routine__rail{
  gap: 18px; /* keep in sync with calc below */
}

/* ≥1200px: 3 per view */
@media (min-width: 1200px){
  .routine__rail{
    grid-auto-columns: calc((100% - (18px * 2)) / 3); /* 3 slides, 2 gaps */
  }
}

/* 821–1199px: 2 per view */
@media (min-width: 821px) and (max-width: 1199px){
  .routine__rail{
    grid-auto-columns: calc((100% - 18px) / 2); /* 2 slides, 1 gap */
  }
}

/* ≤820px: 1 per view (already stacks pair internally) */
@media (max-width: 820px){
  .routine__rail{
    grid-auto-columns: calc((100% - 18px) / 2);
  }
}

/* Hide rail scrollbar */
.routine__rail{
  scrollbar-width: none;           /* Firefox */
}
.routine__rail::-webkit-scrollbar{ /* WebKit */
  display: none;
}

/* Overlay progress on top of the rail */
.routine__viewport{ position:relative; padding-bottom: 10px; }
.routine__progress{
  position:absolute;
  left:48px; right:48px; bottom:0;   /* tweak in/outset as you like */
  height:4px; background:#e9e9e9; border-radius:999px;
  overflow:hidden; pointer-events:none; z-index:2;
}
.routine__desc{
      font-size: 12px;
    line-height: 17px;
    margin: 0;
    min-height: 56px;
}
.routine__quickadd{
  background: #f6adeb;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    border-width: 1px;
    letter-spacing: 1px;
    font-size: 12px;
        font-family: var(--font-navigation-family);
        cursor: pointer;
        color:black !important;
}

/* === Bottom row: [ prev ][ next ][──────── progress ───────] === */
.routine__viewport{
  position: static;
  display: grid;
  grid-template-columns: 40px 40px 1fr;   /* prev | next | progress */
  grid-template-rows: auto auto;          /* rail, then nav row */
  grid-template-areas:
    "rail rail rail"
    "prev next progress";
  column-gap: 10px;                       /* space between prev & next & progress */
  row-gap: 12px;
  padding-bottom: 0;
}

.routine__rail{ grid-area: rail; }

.routine__arrow{
  grid-row: 2;
  position: static !important;
  top:auto !important; left:auto !important; right:auto !important;
  transform: none !important;
  width: 40px; height: 40px;
  border-radius: 999px;
  background:#fff; border:1px solid #000;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.routine__arrow--prev{ grid-area: prev; justify-self: start; }
.routine__arrow--next{ grid-area: next; justify-self: start; }  /* sits right beside prev */
.routine__arrow[disabled]{ opacity:.35; cursor:not-allowed; }

.routine__progress{
  grid-area: progress;
  position: static !important;
  height: 4px;
  margin: 0;
  border-radius: 999px;
  overflow: hidden;
}
.routine__progress-bar{ height:100%; border-radius:inherit; }

/* optional: larger on desktop */
@media (min-width: 821px){
  .routine__viewport{ grid-template-columns: 42px 42px 1fr; }
  .routine__arrow{ width:42px; height:42px; }
}

/* hide arrows if no overflow (JS toggles this) */
.routine--no-overflow .routine__arrow{ display:none; }
/* bottom row vertical centering */
.routine__viewport{
  align-items: center;     /* center all items in the nav row vertically */
}

.routine__progress{
  position: static !important;  /* keep it in the grid row */
  align-self: center;           /* center the 4px track within the 40px row */
  height: 4px;
  margin: 0;
}

.routine__arrow{
  align-self: center;           /* ensure arrows also align to center */
}
/* Arrow = icon only (keep big invisible hitbox) */
.routine__arrow{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;

  /* keep a comfy click area but make it invisible */
  width: 40px; height: 40px;
  display: inline-grid; place-items: center;

  -webkit-appearance: none;
  appearance: none;
  outline: none;            /* remove focus ring shape */
}
.routine__arrow svg{
  width: 40px; height: 40px; display: block;
}

/* optional: keep accessibility focus without a circle */
.routine__arrow:focus-visible{
  outline: 2px solid var(--color-focus, #87adf5);
  outline-offset: 3px;      /* or remove this block to have no ring at all */
}

/* disabled state stays dimmed */
.routine__arrow[disabled]{ opacity: .35; cursor: not-allowed; }

 .pdp-free-ship .pline{
  margin-top: 0px!important;
  margin-bottom: 0px!important;
  }
  .pdp-free-ship .free-shipping__progress{
      margin-bottom: 1rem!important;
      height: 7px !important;
  }
   .pdp-free-ship{background:#fef2fb;border-radius:16px;padding:18px 20px;    margin: 10px 0 10px !important;border:1px solid #eee;padding-bottom: 10px!important;margin-top:0;}
  .pdp-free-ship__title{font-weight:700;margin:0 0 .25rem 0;font-size:18px;line-height:1.2}
  .pdp-free-ship .free-shipping.gift-progress-bar{
text-align: left;
    margin-bottom: 0;
    padding-bottom: 0!important;
        margin-top: -5px;
   
}
.pdp-free-ship .free-shipping__text .price bdi {
    color: #000000;
}
@media screen and (max-width: 800px){

.pdp-free-ship__title {
    font-size: 16px;
    line-height: 1.2;
}
.free-shipping__text {
    font-size: 12px !important;
    line-height: 15px;
}

}
.pdp-free-ship .free-shipping__text .price bdi{
font-size: 13px;
}

 .pdp-free-ship img{
  display:none!important;
  }
  /* Label */
.linked-variants__label,.variant-input-wrapper legend{
  font-size: 1.5rem;
    margin-bottom: 1.2rem;
    font-weight: 600;
    text-transform: capitalize!important;
}

/* List */
.linked-variants.withimg .linked-variants__list{ display:grid; gap:10px; } 

/* Card row */
.lv__item{
  display:grid;
  grid-template-columns: 20px 56px 1fr auto;
  align-items:center;
  gap:12px;
  padding: 18px 18px;
  border: 1px solid #fbf6f4;
  border-radius:10px;
  text-decoration:none;
  color:inherit;
  background:#fff;
}
.lv__item:hover{ border-color:#f3ded4; }
.lv__item.is-active{
  background:#fbf6f4;
  
}

/* “Radio” */
.lv__radio{
  display:inline-block;
  width:18px; height:18px; border-radius:50%;
  border:1px solid #212326; position:relative; flex:0 0 18px;
}
.lv__item.is-active .lv__radio::after{
  content:""; position:absolute; inset:3px; border-radius:50%; background:#212326;
}

/* Image */
.lv__img{
  width:56px; height:56px; object-fit:contain; border-radius:6px;
}

/* Texts */
.lv__text{ min-width:0; }
.lv__title{ font-weight:700; font-size:1.4rem; line-height:1.2; }
.lv__subtitle{ font-size:1.2rem; color:#6b6b6b; margin-top:2px; }

/* Prices */
.lv__prices{ text-align:right; white-space:nowrap; }
.lv__price{ font-weight:700; font-size:1.6rem; display:block; }
.lv__price-compare{ opacity: .55;
    text-decoration: line-through;
    display: block;
    font-size: 1.4rem; }
.lv__price-compare + .lv__price{ margin-top:-5px; }
@media (max-width: 990px){
.routine__name{
font-size: 16px;
}
}
/* Small screens */
@media (max-width: 480px){
  .lv__item{ grid-template-columns: 20px 48px 1fr auto; padding:10px 12px; }
  .lv__img{ width:48px; height:48px; }
}
@media (min-width: 768px){
.lv__title{
    max-width: 55%;
}
}
@media (max-width: 768px){
  .facet-filters>.page-width{
    background-color: rgb(255 255 255 / 0%)!important;
  }
.lv__title{
    font-size: 1.2rem;
}
.sbsx-pill__badge {
    right: 44px!important;
}
}
@media (min-width: 750px) and (max-width: 1120px) {
.sbsx__toggle {
    display: grid;
    gap:  8px;
    margin: 8px 0 14px;
}
.sbsx-pill__badge {
    
    position: relative;
    top: 0;
    margin-top: 0;
    right: 0;
}
.lv__title{
        max-width: 100%;
    }
}
@media (max-width: 767px) {
        .sbsx-row__radio {
        width: 17px;
        height: 17px;
        margin-right: 4px;
    }
}
@media (max-width: 417px) {
    .sbsx-pill span {
        font-size: 11px!important;
        line-height: 14px;
    }
    .sbsx__toggle .sbsx-pill__badge{
       font-size: 10px !important;
    }
}
.yotpo-reviews-star-ratings-widget path{
    fill: #fcb4ef;
    stroke: #fcb4ef;
}
.yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-text{
    color: rgb(47 49 52)!important;
    padding-top: 0!important;
}
.product__description.has-read-more .read-more-link{
    color: #9d9d9d !important;
}
/*4 tile bellow product gallery*/
accordion-tab {
    border-top: .1rem solid rgb(132 132 132)!important;
        border-bottom: none !important;
}
.hair-concern-tag {
    background-color: #fcf6f4;
    padding: 3px 10px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0px;
    border-radius: 5px;
}
/* Replace bullets with a check icon in the Description accordion */
.product__accordion ul {
  list-style: none;              /* hide default bullets */
  margin-left: 0;
  padding-left: 0;
}

.product__accordion ul > li {
  position: relative;
  padding-left: 1.75rem;         /* space for the icon */
  margin: .4rem 0;
}

.product__accordion ul > li::before {
    content: "";
    position: absolute;
    left: -4px;
    width: 1.5rem;
    height: 1.5rem;
    transform: none;
    top: 0.15em;
    background: url(/cdn/shop/files/check_2.png?v=1758859286) no-repeat center / contain;
}
.product__inventory .accent-3:after {
    background: #ffa1fc!important;
}
.product__inventory-item{
    font-family: "Euclid-regular";
    text-transform: math-auto;
    letter-spacing: 1px;
    color: #25272a;
    font-size: 15px;
    font-weight: 600;
    padding: 1rem 1.5rem 0px 1.5rem;
}
.product__inventory.list-unstyled{
border-top: .1rem solid rgb(132 132 132) !important;
    text-transform: uppercase;
        margin: 0;
}
.product-form__input input[type=radio]:checked + label {
    color: rgb(0 0 0)!important;
}
.product-form__input input[type=radio]:checked + label:not(.color__swatch)::after {
    background-color: rgb(252 246 244)!important;
        border-radius: 25px!important;
}
.product-form__input input[type=radio] + label {
    box-shadow: inset 0 0 0 0.1rem rgb(247 237 232)!important;
        border-radius: 25px!important;
}
.product-form__input input[type=radio] + label::before {
    
    border-bottom: 0.1rem solid rgb(245 238 235)!important;
    
}
    .product-form__input input[type=radio]:not(:disabled) + label:not(.color__swatch):hover {
        box-shadow: inset 0 0 0 0.2rem rgb(241 226 221)!important;
    }
.product-vendor{
    color: #9d9d9d!important;
    font-size: 1.2rem;
}

.pmt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:45px}
      .pmt-tile{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:4/5}
      .pmt-img,.pmt-video{width:100%;height:100%;object-fit:cover;display:block}
      .pmt-overlay{position:absolute;inset:0;z-index:2}
  product-form{
      margin: 1rem 0 0!important;
  }
             /* Two-column bar BEFORE the form */
.product-messaging {
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 2.5rem 0 0px; /* spacing above the form */
}

/* Normalize injected blocks */
.product-messaging square-placement,
.product-messaging afterpay-placement,
.product-messaging #refundid-option-container {
  margin: 0 !important;
  position: static !important;
}

/* Mobile: stack */
@media (max-width: 600px) {
  .product-messaging {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
}

/* Optional: hide any duplicate Afterpay tagline left near the ATC */
.product-form .afterpay-paragraph { display: none !important; }

.header-background:before,.header-background:after{
  content:unset!important;
}
li.grid__item:has([data-limoniapps-discountninja-product-tags*="gift-hidden"]) {
  display: none !important;
}
[data-limoniapps-discountninja-product-handle="stefan-gold-ceramic-thermal-blowdry-brush"] .card__badge .badge.badge--onsale {
  display: none !important;
}
.badge {

    background-color: #f912e6;
    border-color: #f912e6;
}
.badge.dd{
  border-color: rgb(255 0 231)!important;
    color: #ff00e7!important;
    background:white!important;
}

.mini-cart__footer {
    padding-top: 0px!important;
    padding-bottom: 10px!important;
}
@media screen and (min-width: 751px) {
    .mini-cart__header {
        min-height: 152px!important;
    }
}

@media screen and (max-width: 446px){
.giftimg{
width: 30px!important;
height: 30px!important;
}
.giftimg img{
  width: 30px!important;
height: 30px!important;
}
}
@media (max-width: 750px) {
    .mini-cart__header {
        min-height: 129px!important;
    }
}
.product__accordion .accordion__title{
  letter-spacing: 0!important;
}

 /* Fix: don't let the last odd product span full width on mobile */
@media screen and (max-width: 749px) {
  #product-grid.grid--2-col .grid__item:nth-child(odd):last-child {
    width: calc(50% - (var(--grid-mobile-horizontal-spacing) / 2)) !important;
    max-width: calc(50% - (var(--grid-mobile-horizontal-spacing) / 2)) !important;
  }
}
@media screen and (max-width: 749px) {
  #product-grid.grid--2-col .grid__item:nth-child(odd):last-child {
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }
}
square-placement[data-page-type="product"] {
 display:block!important;
}
.price--on-sale .price-item--regular:before{
      border-bottom: .1rem solid #2f2f2f!important;
}
/* Make sure the media container can anchor the badge */
.product__media,
.product__media-item,
.product__media-wrapper,
.media {
  position: relative;
}

.sf-exclusive-badge {
     position: absolute;
    top: 22px;
    left: 22px;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    border: 2px solid #ff4fd863;
    background: #ffffffd9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5;
    pointer-events: none;
    text-align: center;
}

.sf-exclusive-badge span {
      display: block;
    font-size: 15px;
    letter-spacing: .12em;
    text-transform: uppercase;
    line-height: 1.1;
    color: #ff4fd880;
}
@media (max-width: 1150px){
.sf-exclusive-badge {
    width: 85px;
    height: 85px;
}
.sf-exclusive-badge span {
    font-size: 11px;
}
}
@media (max-width: 826px){
.sf-exclusive-badge {
        width: 73px;
        height: 73px;
    }
.sf-exclusive-badge span {
    font-size: 10px;
}
}
#shopify-section-template--26579804815726__brand_logo_carousal_hXG6XP  .brand-card:hover img{
  filter: unset !important;
}

#calecim-packages {
  scroll-margin-top: 135px;
}




 /* Default tiles (row + basic use): 4 columns */
  .mega-menu-tiles__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }

  /* Full-width tiles mode (tiles_only): 8 columns = 2 rows for 16 tiles */
  .list-mega-menu--tiles-only .mega-menu-tiles__grid {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .mega-tile__label span{
    font-size:13px;
  }

  .mega-tile {
    display: flex;
    flex-direction: column;
    text-decoration: none;
  }

  .mega-tile__image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: block;
  }

  .mega-tile__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .mega-tile__label {
    margin-top: 6px;
    font-size: 0.85rem;
    text-align: center;
  }

  .list-mega-menu--tiles-only .menu-title {
    margin-bottom: 12px;
  }

  .mega-menu-tiles--row{
    position: absolute;
    width: 43%;
    right: 0;
    margin-right: 50px;
  }
.is-megamenu.show-images .mega-menu__item {
      width: calc(36% - var(--grid-horizontal-spacing) * 2 / 3) !important;
    max-width: 36% !important;
}

.pabslute3.mega-menu__promo{
      position: absolute !important;
    top: 0;
    right: 0;
    width: 300px;
    margin-top: 80px;
    margin-right: 53px;
}

.is-megamenu.show-images .page-width{
          min-height: 409px;
}

.mega-menu__item-link:hover, .has-nested-menu a:hover {
    background: #fef0fd;
}
.list-menu-child.nested-menu{
  background: #fef0fd!important;
      margin-bottom: 30px;
       margin-top: -30px !important;   /* pull background upward */
  padding-top: 30px !important;   /* compensate so links stay in place */

  /* keep width full */
  width: 100% !important;
}

/* remove this from custom.css 

.is-megamenu .show-from-bottom::after,.has-nested-menu:after,list-menu-child li:after,.list-menu-child.nested-menu li:after {
  content: "";
  display: block;
  border-bottom: 1px solid #d3d5d9;
  transform: scaleX(1);
  transform-origin: center;  
} 
.mega-menu__item,.secondsub {
  
  border-right: 2px solid #d3d5d9;;
    padding-right: 15px;
      margin-top: -5px;

}
.list-menu-child{
  border-right: 1px solid #d3d5d9;
    
}
.mega-menu__item-link:hover,.has-nested-menu a:hover{
      background: #fcf5f2;
}
*/
/* Level 1: e.g. "Hair Concern" column */
.is-megamenu .mega-menu__item.has-grandchild:hover > .mega-menu__item-link {
  background: #fef0fd; /* Stefan pink */
}
/* Level 2: e.g. "Frizzy Hair" row in the middle column */
.is-megamenu .mega-menu__item.has-grandchild
  .has-nested-menu:hover > .mega-menu__item-link {
  background: #fef0fd;
}

.list-menu-child.nested-menu a:hover{
  background: #ffffff;
}
.mega-menu__item.has-grandchild.thala .yop{
  line-height: 21.2px;
}
/* update left */
.list-menu-child-wrapper {
  position: absolute;
    top: 75px;
    left: 24.6%;
    z-index: 30;
    display: none;
    padding-left: 15px;
    margin-left: 2px;
    background: #fff;
    width: 348px;
    height: -webkit-fill-available; 
}
.list-mega-menu.mmborder{
    flex: 0 0 50% !important;
    max-width: 50% !important;

}
.mega-menu-tiles--row{
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
.list-menu-child-wrapper{
       left: 18.6%;
    width: 226px;
}                                                                                       
.submenu-arrow,.subsubmenu-arrow{
      position: relative;
    top: 2px;
    left: -4px;
} 


@media (max-width: 1292px){
.mega-menu-tiles--row {
    width: 39%;
}
.is-megamenu.show-images .mega-menu__item {
    width: calc(44% - var(--grid-horizontal-spacing) * 2 / 3) !important;
    max-width: 44% !important;
}
}
@media (max-width: 1191px){
.mega-menu-tiles--row {
    width: 35%;
}
}
@media (max-width: 1107px){
.mega-menu-tiles--row {
    width: 30%;
}
}
.is-megamenu .list-mega-menu--tiles-only{
      flex: 0 0 100% !important;
    max-width: 100% !important;
}




/*desktop header new layout*/
.header__menu-split {
    justify-content: center;
}
.header__menu-split .header__menu-right nav>ul>li:nth-child(4) a {
    background: #fcabed;
    padding: 3px 47px;
    margin-top: 6px;
    border: 1px solid;
    border-radius: 20px;
}
.search-modal__form .field{
  border-radius: 20px !important;
      padding: 0 2rem!important;
}
.background_bela {
    
    color: #000000;
}
.bellow_annousment {
    background: #ffffff;
    z-index: 24;
    position: relative;
}
.head-search-line{
  max-width: 250px;
    margin: auto;
}
.head-search-line .field{
  margin-top:0px!important;
}
.head-search-line .search-modal__form .search__input {
    height: 4rem;
}

.head-search-line .search-modal__form .search__button .icon {
    width: 1.5rem;
    height: 1.5rem;
}

.head-search-line .field .field__button {
    height: 4.0rem;
}
.head-logo-center{
      display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
}
.head-three-link{
  justify-self: start;
}
.head-right-icons{
  justify-self: end;
    display: flex;
    justify-content: flex-end;
    gap: 0px;
}
.head-logo-center .head-three-link .bella_right{
  gap: 20px;
    align-items: center;
    font-size: 13px;
}
@media (max-width: 990px){
  .sticky-search-toggle{
    display:none!important;
  }
  .header-wrapper {
    display: unset!important;
 
}
.head-three-link .bella_right{
  display:none;
}
.head-search-line{
  display:none;
}
.head-logo-center .head-right-icons .header__icon{
      align-items: center!important;
}
.head-logo-center .head-right-icons .header__icon .icon{
  height: 1.5rem;
    width: 1.5rem;
}
}
.list-menu--inline{
  margin-right:1.5rem!important;
}
.head-right-icons .header__icon{
      align-items: flex-start!important;
}
.head-right-icons .header__icon .icon{
  height: 1.8rem;
    width: 1.8rem;
}
 .header-background{
      top: -48px!important;
}
/* =========================================================
   STEFAN – Sticky header (scroll)
   Targets: <sticky-header class="header-wrapper"> inside #shopify-section-header
   Includes: header + .mobsearch + .header__menu-split (all inside wrapper)
   ========================================================= */

/* When JS adds .is-sticky to the <sticky-header>, make it fixed */
#shopify-section-header sticky-header.header-wrapper.is-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 22;
}

/* avoid the page jump (JS sets --sticky-h) 
body.has-sticky-header {
  padding-top: var(--sticky-h, 0px);
}*/

/* Base state (no pre-shift!) */
#shopify-section-header sticky-header.header-wrapper {
  transform: none !important;          /* <— keeps fixed drawer behaving */
  animation: none !important;          /* <— avoid transform animations */
  opacity: 1;

  transition:
    box-shadow 700ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 700ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* Sticky state (shadow + optional blur look) */
#shopify-section-header sticky-header.header-wrapper.is-sticky {
  box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

/* Smooth “slide in” ONLY when sticky activates (does not affect initial state) */
#shopify-section-header sticky-header.header-wrapper.is-sticky {
  animation: stefanStickyIn 850ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes stefanStickyIn {
  from { transform: translateY(-24px); opacity: 0.96; }
  to   { transform: translateY(0);     opacity: 1; }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  #shopify-section-header sticky-header.header-wrapper,
  #shopify-section-header sticky-header.header-wrapper * {
    transition: none !important;
    animation: none !important;
  }
}
/* =========================================================
   Hide desktop search row when header becomes sticky
   Smooth collapse so menu slides up
   ========================================================= */

#shopify-section-header sticky-header.header-wrapper {
  /* allow smooth reflow when row height changes */
}

/* Make the header part behave nicely when a child collapses */
#shopify-section-header sticky-header.header-wrapper .header {
  transition:
    padding 700ms cubic-bezier(0.22, 1, 0.36, 1),
    gap 700ms cubic-bezier(0.22, 1, 0.36, 1);
}
#shopify-section-header sticky-header.header-wrapper.is-sticky .header {
  padding-top: 12px;
  padding-bottom: 6px;
}

/* Desktop only: collapse the search line on sticky */
@media (min-width: 990px) {
  .has-sticky-header .transition-content #shopify-section-template--27137258684782__service_hub_section_phM64P{
        margin-top: 235px;
  }

  .is-sticky .header__menu-split{
    padding: 0rem 5rem 1rem;
  }
  /* Smooth collapsing row */
  #shopify-section-header sticky-header.header-wrapper .head-search-line {
    overflow: hidden;
    max-height: 80px; /* normal state height cap */
    opacity: 1;
    transform: translateY(0);
    transition:
      max-height 700ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 500ms cubic-bezier(0.22, 1, 0.36, 1),
      transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: max-height, opacity, transform;
  }

  /* When sticky: collapse it */
  #shopify-section-header sticky-header.header-wrapper.is-sticky .head-search-line {
    max-height: 0;
    opacity: 0;
    transform: translateY(-12px);
    pointer-events: none;
  }

  /* Optional: tighten spacing so menu joins smoothly */
  #shopify-section-header sticky-header.header-wrapper.is-sticky .header {
    padding-bottom: 0;
  }

  /* Smooth "menu moves up" feeling (subtle) */
  #shopify-section-header sticky-header.header-wrapper .header__menu-split {
    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  #shopify-section-header sticky-header.header-wrapper.is-sticky .header__menu-split {
    transform: translateY(-6px);
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  #shopify-section-header sticky-header.header-wrapper .head-search-line,
  #shopify-section-header sticky-header.header-wrapper .header__menu-split {
    transition: none !important;
  }
}
@media screen and (min-width: 750px) {
    .search-modal__form .field {
        width: 100%!important;
    }
}
/* Base state */
#shopify-section-header sticky-header.header-wrapper .head-three-link .bella_right {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 500ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

/* Sticky state – smoothly hide */
#shopify-section-header sticky-header.header-wrapper.is-sticky
.head-three-link .bella_right {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  visibility: hidden; /* applied AFTER transition visually */
}

/* =========================================================
   Logo resize on sticky (smooth)
   ========================================================= */

#shopify-section-header sticky-header.header-wrapper .header__heading-logo {
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 700ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 500ms ease;
  will-change: transform;
}

/* Slightly smaller logo when sticky */
#shopify-section-header sticky-header.header-wrapper.is-sticky .header__heading-logo {
  transform: scale(0.85); /* tweak: 0.8–0.9 */
}

/* =========================================================
   Desktop sticky search toggle ONLY
   ========================================================= */

@media (min-width: 990px) {

  /* Hide toggle by default */
  .sticky-search-toggle {
    display: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
  }

  /* Show search icon ONLY when sticky */
  #shopify-section-header sticky-header.header-wrapper.is-sticky
  .sticky-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Sticky default: search hidden */
  #shopify-section-header sticky-header.header-wrapper.is-sticky
  .head-search-line {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    pointer-events: none;

    transition:
      max-height 450ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 300ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  /* Sticky + search open */
  #shopify-section-header sticky-header.header-wrapper.is-sticky.search-open
  .head-search-line {
    max-height: 90px; /* adjust if needed */
    opacity: 1;
    pointer-events: auto;
  }
}
.header-wrapper .sticky-search-toggle{
  display:none;
      padding-top: 1px;
}
@media screen and (hover: hover) {
    .header__menu-item .label {
        background-color: transparent;
        background-image: linear-gradient(to top, rgb(var(--color-border)) 0px, rgb(239 155 247) 0px), linear-gradient(to top, transparent 0px, transparent 0px)!important;
 
    }
}
.announcement-bar{
  z-index:22!important;
}
@media screen and (hover: hover) {
    .mega-menu__item.has-grandchild .header__menu-item .label {
        background-image: unset!important;
    }
}

.menu-drawer__inner-submenu .menu-drawer__menu-item{

  border-bottom: unset!important;
}
@media screen and (max-width: 989px) {
    .menu-drawer-tile .menu-drawer-tile__label {
        font-size: 9px !important;
        line-height: 9px !important;
        padding: 3px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 989px) {
    .drawer-tiles-row__label {
        font-size: 10px !important;
        padding: 3px;
        min-height: 38px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        line-height: 12px !important;
    }
}
.menu-drawer__topbar .menu-drawer__topbar-inner {
  width: 100%;
}


@media screen and (max-width: 989px) {
    header-drawer .menu-drawer .menu-drawer__inner-submenu,.menu-opening .menu-drawer__submenu {
        height: 116vh !important;
    }
}
@media screen and (max-width: 989px) {
    .menu-drawer-tiles--full {
        margin-top: 10px!important;
    }
}
@media screen and (max-width: 989px) {
    .menu-drawer-tiles {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}
@media screen and (max-width: 989px) {
    .menu-drawer-tile .menu-drawer-tile__label {
        letter-spacing: 0!important;
    }
}
/* Safari/iOS: keep fixed stable */
#shopify-section-header sticky-header.header-wrapper.is-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 30;
  transform: translateZ(0); /* forces compositor */
  -webkit-transform: translateZ(0);
  will-change: transform;
}
@media (max-width: 989px) {
  /* When the drawer is open, let header stop being fixed */
  #shopify-section-header sticky-header.header-wrapper.is-sticky:has(details.menu-drawer-container[open]) {
    position: static !important;
  }
}
.is-sticky header{
  padding-bottom: 0px !important;
}
@media (max-width: 989px) {
  /* Make sure fixed header doesn't clip overlays */
  #shopify-section-header sticky-header.header-wrapper.is-sticky {
    overflow: visible !important;
  }

  /* When cart drawer is open, force it to be true fullscreen (viewport-fixed) */
  #shopify-section-header sticky-header.header-wrapper.is-sticky details.cart-drawer-container[open] .cart-drawer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;

    z-index: 10000 !important;
  }

  /* iOS fallback */
  @supports not (height: 100dvh) {
    #shopify-section-header sticky-header.header-wrapper.is-sticky details.cart-drawer-container[open] .cart-drawer {
      height: 100vh !important;
      max-height: 100vh !important;
    }
  }
}

/* =========================================================
   Sticky header + drawers fix (menu + cart) — all breakpoints
   Goal:
   - Header can be position:fixed (sticky)
   - Drawers remain viewport-fixed overlays (not trapped in header)
   - Mobile: ~80% width
   - Desktop: fixed width drawer (e.g. 420px)
========================================================= */

:root{
  --drawer-width-mobile: 90vw;
  --drawer-width-desktop: 420px; /* change to 460px if u want */
  --drawer-z: 10000;
  --drawer-overlay-z: 9999;
}

/* Don't let the fixed header clip overlays */
#shopify-section-header sticky-header.header-wrapper.is-sticky{
  overflow: visible !important;
}

/* ---------- MENU drawer panel (viewport-fixed) ---------- */
#shopify-section-header sticky-header.header-wrapper.is-sticky
details.menu-drawer-container[open] #menu-drawer.menu-drawer{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;

  width: var(--drawer-width-mobile) !important;
  max-width: var(--drawer-width-desktop) !important;

  height: 100dvh !important;
  max-height: 100dvh !important;

  z-index: var(--drawer-z) !important;
  background: #fff;
}

/* ---------- CART drawer panel (viewport-fixed) ---------- */
#shopify-section-header sticky-header.header-wrapper.is-sticky
details.cart-drawer-container[open] .cart-drawer{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;

  width: var(--drawer-width-mobile) !important;
  max-width: var(--drawer-width-desktop) !important;

  height: 100dvh !important;
  max-height: 100dvh !important;

  z-index: var(--drawer-z) !important;
  background: #fff;
}

/* iOS fallback */
@supports not (height: 100dvh){
  #shopify-section-header sticky-header.header-wrapper.is-sticky
  details.menu-drawer-container[open] #menu-drawer.menu-drawer,
  #shopify-section-header sticky-header.header-wrapper.is-sticky
  details.cart-drawer-container[open] .cart-drawer{
    height: 100vh !important;
    max-height: 100vh !important;
  }
}

/* ---------- Overlay/backdrop (covers remaining screen) ----------
   Many themes use details::before as overlay.
   This forces it to be viewport-fixed and behind the drawer.
--------------------------------------------------------------- 
#shopify-section-header sticky-header.header-wrapper.is-sticky
details.menu-drawer-container[open]::before,
#shopify-section-header sticky-header.header-wrapper.is-sticky
details.cart-drawer-container[open]::before{
  content: '';
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,.45) !important;
  z-index: var(--drawer-overlay-z) !important;
}*/

/* ---------- Desktop width (optional: make it wider on big screens) ---------- */
@media (min-width: 990px){
  .head-right-icons .header__icon {
    align-items: center !important;
}
  :root{
    --drawer-width-mobile: 420px; /* on desktop, treat as fixed panel */
    --drawer-width-desktop: 420px;
  }
}
/* When header is sticky, make drawer overlays viewport-fixed (full height) 
#shopify-section-header sticky-header.header-wrapper.is-sticky details.menu-drawer-container[open]::before,
#shopify-section-header sticky-header.header-wrapper.is-sticky details.cart-drawer-container[open]::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;          
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0,0,0,.45) !important;
  z-index: 9998 !important;     
}*/

/* Ensure the actual drawer panel is above overlay */
#shopify-section-header sticky-header.header-wrapper.is-sticky details.menu-drawer-container[open] #menu-drawer,
#shopify-section-header sticky-header.header-wrapper.is-sticky details.cart-drawer-container[open] .cart-drawer {
  z-index: 9999 !important;
}
@media (max-width: 989px) {
  /* Keep sticky header from clipping */
  #shopify-section-header sticky-header.header-wrapper.is-sticky {
    overflow: visible !important;
  }

  /* Full-height drawer, but DON'T force it to the right */
  #shopify-section-header sticky-header.header-wrapper.is-sticky
  details.menu-drawer-container[open] #menu-drawer.menu-drawer {
     position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;

    width: 90vw !important;
    max-width: 420px !important;

    height: 100vh !important;
    height: 100svh !important;
    max-height: 100svh !important;

    overflow: hidden !important;
    z-index: 10000 !important;

    transform: none !important;
    will-change: auto !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #menu-drawer .menu-drawer__inner-container,
  #menu-drawer .menu-drawer__navigation-container,
  #menu-drawer .menu-drawer__navigation {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;

    transform: none !important;
    will-change: auto !important;
  }

  @supports (-webkit-touch-callout: none) {
  @media (max-width: 989px) {
    html:has(details.menu-drawer-container[open]),
    body:has(details.menu-drawer-container[open]) {
      overflow: hidden !important;
      height: 100% !important;
      touch-action: none;
    }

    #shopify-section-header,
    sticky-header,
    .header-wrapper,
    .section-header {
      transform: none !important;
      will-change: auto !important;
      contain: none !important;
    }

    details.menu-drawer-container[open] #menu-drawer.menu-drawer {
      height: 100svh !important;
      min-height: 100svh !important;
      max-height: 100svh !important;
      overflow: hidden !important;
      isolation: isolate;
    }

    details.menu-drawer-container[open] #menu-drawer .menu-drawer__inner-container {
      height: 100svh !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch;
    }
  }
}

  @supports not (height: 100dvh) {
    #shopify-section-header sticky-header.header-wrapper.is-sticky
    details.menu-drawer-container[open] #menu-drawer.menu-drawer {
      height: 100vh !important;
      max-height: 100vh !important;
    }
  }
}
.cart-drawer-container summary.header__icon:after{
height: 100vh!important;
}

.header__menu-right li[data-drawer-title="Book Now"] {
      display: flex;
    align-items: center;
}

.header__menu-right li[data-drawer-title="Book Now"] a,.drawerbookb a{
  padding: 3px 41px!important;
    background: linear-gradient(#ffaaee, #ffaaee) padding-box, linear-gradient(#000, #000) border-box;
    border: 1px solid transparent;
    border-radius: 35px;
    -webkit-background-clip: padding-box, border-box;
    background-clip: padding-box, border-box;
    box-shadow: 2px 3px 0 0 #000;
}
@media (max-width: 990px) {
    .head-logo-center .head-right-icons .header__icon .icon-cart,.head-logo-center .head-right-icons .header__icon .icon-account {
        height: 2rem!important;
        width: 2rem!important;
    }
}
@media screen and (min-width: 750px) {
    .menu-drawer {
        top: 0!important;
        height: 100vh !important;
    }
}
.custom-slide__content.has-gradient .custom-slide__title,.custom-slide__content.has-gradient .text-lasty{
  z-index:3;
}
#shopify-section-template--26866836406638__q2_package_carousal_QFQMRD .product-grid > li.grid__item + li.grid__item {
  position: relative;
  padding-left: 40px;
}

#shopify-section-template--26866836406638__q2_package_carousal_QFQMRD .product-grid > li.grid__item + li.grid__item::before {
  content: "OR";
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  background: #ffd7f2;
  padding: 4px 6px;
  border-radius: 999px;
  z-index: 2;
}
@media (max-width: 768px){
.deal-buttons.deal-buttons-slide_Vip4NY,#shopify-section-template--26866836406638__sf_home_slider_XDUtta .custom-slide__btn{
  display:none!important;
}

#shopify-section-template--26866836406638__q2_package_carousal_UBhjgi,
#shopify-section-template--26866836406638__q2_package_carousal_3x34Ew,
#shopify-section-template--26866836406638__q2_package_carousal_rfJQX4,
#shopify-section-template--26866836406638__q2_package_carousal_wcakP7,
#shopify-section-template--26866836406638__q2_package_carousal_QFQMRD{
  display:none;
}

}
@media (min-width: 990px){
  .svc-pack-cards--1 .svc-rail-wrap{
    --svc-cols-desktop: 3 !important;
  }
  .svc-pack-cards--1 .svc-pack-btn{
    width: 50%;
  }
  .mega-menu-injected-tiles .mega-menu-tiles__grid{
        grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .has-injected-tiles .list-menu-child-wrapper.list-menu-child-wrapper--tiles{
       width: 100%;
    max-width: 80%;
  }
  .mega-menu-injected-tiles{

    background: #ffffff;
    padding-top: 31px;
    margin-top: -27px;
  }
}

@media (max-width: 768px){
.custom-slide-slide_NkxTRM .custom-slide__content
 {
        justify-content: start !important;
        margin-top: 30px;
    }
}
 
/* Cart drawer upsell product image box */
cart-drawer .product-image,
.cart-drawer .product-image {
  width: 120px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Override theme media wrapper */
cart-drawer .product-image .media,
.cart-drawer .product-image .media,
cart-drawer .product-image .media-wrapper,
.cart-drawer .product-image .media-wrapper {
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
}

/* Make all images same visual container size */
cart-drawer .product-image img,
.cart-drawer .product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
cart-items .product-image{
  width: 120px;
    height: 89px!important;
}

.cart-recommendations .mini-cart__navigation .product-content .link{
  min-height:50px;
}

.mini-cart-unlock-offer {
  margin-top: 14px;
}

.unlock-offer-card {
  padding: 14px;
  border-radius: 14px;
  background: #FFDAF5;
}

.unlock-offer-card__message {
 margin-bottom: 14px;
    font-size: 12px;
    line-height: 1.4;
    color: #111;
}

.unlock-offer-card__box {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 14px;
  align-items: start;
}

.unlock-offer-card__image {
  width: 96px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.unlock-offer-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.unlock-offer-card__title {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.2;
}

.unlock-offer-card__price-wrap {
  margin-bottom: 12px;
}

.unlock-offer-card__was {
  font-size: 12px;
  line-height: 1.2;
  color: #666;
  text-decoration: line-through;
}

.unlock-offer-card__price {
  font-size: 14px;
  font-weight: 700;
  color: #111;
}

.unlock-offer-card__btn {
  width: 100%;
    min-height: 30px;
    border: 1px solid #f09bd2;
    border-radius: 10px;
    background: #fff;
    color: #f09bd2;
    cursor: pointer;
}

.unlock-offer-card__btn[disabled] {
  opacity: 0.6;
  cursor: default;
}


@media (min-width: 505px){
.collection-hero--with-image .collection-hero__title {
    margin-bottom: 5rem!important;
}
.collection-hero--with-image .collection-hero__d.cescription{
  position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 100%;
    margin-bottom: 2rem;
    color: #fff;
    line-height: 17px;
}


}
.custom-slide-slide_DnBUpE .sf-bf-countdown{
  order: 2;
}
.custom-slide-slide_DnBUpE .deal-buttons {
  order: 3;
}
@media (max-width: 504px){
.collection-hero--with-image .collection-hero__title {
    margin-bottom: 5rem!important;
    font-size: 24px;
}
.collection-hero--with-image .collection-hero__d.cescription{
  position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 100%;
    margin-bottom: 1rem;
    color: #fff;
    line-height: 17px;
}
}
.collection-categories__title {
    margin-top: 0.8rem!important;
    line-height: 16px;
}

@media (max-width: 768px) {

  .custom-slide-slide_Ej7wRg .sf-le-hero-stats{
    display:none;
  }
    .custom-slide-slide_34a3NF .custom-slide__content,.custom-slide-slide_ftz4eW .custom-slide__content {
        justify-content: flex-end !important;
    }
    .custom-slide-slide_34a3NF .custom-slide__content.has-gradient:before,.custom-slide-slide_ftz4eW .custom-slide__content.has-gradient:before{
        
        background: #6633cd!important;
    }
    .sfhomeslider .swiper-wrapper .custom-slide.swiper-slide.custom-slide-slide_34a3NF, .sfhomeslider .swiper-wrapper .custom-slide.swiper-slide.custom-slide-slide_ftz4eW{
          background-size: contain!important;
    background-position: top!important;
    }
    
}

footer .footer-block--newsletter .klaviyo-form *{
  font-family: var(--font-body-family)!important;
}
footer .footer-block--newsletter .klaviyo-form input,
footer .footer-block--newsletter .klaviyo-form input::placeholder {
  font-family: var(--font-body-family) !important;
}

footer .footer-block--newsletter .klaviyo-form input::-webkit-input-placeholder {
  font-family: var(--font-body-family) !important;
}

footer .footer-block--newsletter .klaviyo-form input::-moz-placeholder {
  font-family: var(--font-body-family) !important;
}

#shopify-block-AdXlaWmt0NkNTNkt6U__klaviyo_email_marketing_sms_customer_hub_wishlist_UFtYdk{
      margin-bottom: 17px;
}
.card-wrapper,
.card,
.product-card,
.product-card-wrapper {
  position: relative;
}

.product-card-klaviyo-favorite {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 9;
}

.product-card-klaviyo-favorite .kl-hub-favorites-widget,
.product-card-klaviyo-favorite button {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  padding: 0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.card-wrapper,
.card,
.product-card,
.product-card-wrapper {
  position: relative;
}

.product-card-klaviyo-favorite {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 99 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  display: block !important;
  pointer-events: auto !important;
}

/* While Klaviyo is not rendered yet, keep the slot invisible */
.product-card-klaviyo-favorite:empty {
  display: none !important;
}

/* Stop image/media CSS stretching the Klaviyo slot */
.media > .product-card-klaviyo-favorite,
.card__media > .product-card-klaviyo-favorite,
.media-hover-effect > .product-card-klaviyo-favorite {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  width: 38px !important;
  height: 38px !important;
}

/* Real Klaviyo button */
.product-card-klaviyo-favorite button,
.product-card-klaviyo-favorite [role="button"],
.product-card-klaviyo-favorite .kl-hub-favorites-widget {

  padding: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product__formula-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  background: var(--formula-notice-bg, #fff2fb);
  border-radius: 14px;
  padding: 18px 22px;
  margin: 22px 0!important;
  color: var(--formula-notice-text, #1f1f1f);
}

.product__formula-notice-text {
  font-family: 'Euclid-Medium';
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
}

.product__formula-notice-text strong,
.product__formula-notice-text b {
  font-family: 'Euclid-Medium';
}

.product__formula-notice-text em {
  font-style: normal;
  color: var(--formula-notice-accent, #ff5be7);
}

.product__formula-notice-sparkle {
  color: var(--formula-notice-accent, #ff5be7);
  font-size: 30px;
  line-height: 1;
  flex: 0 0 auto;
}

.product__formula-notice-icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex: 0 0 auto;
}

@media screen and (max-width: 749px) {
  .product__formula-notice {
    gap: 12px;
    padding: 15px 16px;
    margin: 18px 0;
  }

  .product__formula-notice-text {
    font-size: 14px;
  }

  .product__formula-notice-sparkle {
    font-size: 24px;
  }
}
.product-form__submit.button{
        color: #100f0f !important;
    border: none;
    font-size: 12px !important;
    font-weight: 100;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    border-radius: 25px;
    width: 100%;
    min-height: 4rem;
    background-color: #ffaaee !important;
}
.product-form__buttons .product-form__quantity {
    border: 1px solid #d2d5d9;
    padding: 0 1%!important;
}
.hair-concern-tag {
    background-color: #f6eaf3!important;
    font-weight: 100 !important;
}

.product__accordion .accordion__title {
    font-weight: 100 !important;
    font-family: 'Euclid-Medium' !important;
}

.product__after-atc-messaging.product-messaging .refundid-option-container{
  width:50%;
}

#shopify-section-{{ section.id }} .product__media-wrapper {
  position: relative;
}

#shopify-section-{{ section.id }} .pdp-image-review-badge[hidden] {
  display: none !important;
}

#shopify-section-{{ section.id }} .pdp-image-review-badge {
  position: absolute;
  top: 36px;
  right: 36px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #fff;
  color: #111;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  pointer-events: none;
}

#shopify-section-{{ section.id }} .pdp-image-review-badge__stars {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1px;
}

#shopify-section-{{ section.id }} .pdp-image-review-badge__stars-base {
  color: #e5e5e5;
}

#shopify-section-{{ section.id }} .pdp-image-review-badge__stars-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--rating-percent);
  overflow: hidden;
  white-space: nowrap;
  color: #f7a4e8;
}

#shopify-section-{{ section.id }} .pdp-image-review-badge__rating {
  font-weight: 700;
}

#shopify-section-{{ section.id }} .pdp-image-review-badge__count {
  color: rgba(0, 0, 0, 0.55);
  font-weight: 500;
}

@media screen and (max-width: 749px) {
  #shopify-section-{{ section.id }} .pdp-image-review-badge {
    top: 18px;
    right: 18px;
    padding: 8px 14px;
    font-size: 12px;
  }
  .product-form__buttons{
  justify-content: space-around!important;
}

  #shopify-section-{{ section.id }} .pdp-image-review-badge__stars {
    font-size: 12px;
  }
}

.product-form__buttons{
  justify-content: space-between;
}

.product-form__submit:hover{
    transform: translateY(-2px);
    opacity: .9;
    background-color: #0b0a0b !important;
    color: white !important;
}

.cart-item-custom-message{
      margin-top: 6px;
    /* margin-bottom: 8px; */
    font-size: 10px;
    line-height: 1.4;
    color: #E91E63;
    font-weight: 500;
    width: 100%;
}


@media screen and (min-width: 768px){
   .custom-slide-slide_NYnpDL .custom-slide__content {
    width: 70%!important;
}
}

#shopify-section-template--25972375486830__promo_image_cards_7hziGt .promo-cards__inner {
  width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.sp-grid[data-cat-grid="limited"] .sp-media img{
  object-fit: fill!important;
}