/** Shopify CDN: Minification failed

Line 504:27 Expected ":"

**/
:root{
  --color-white:#ffffff;
  --color-black:#000000;
  --accent-color:#FF8CBB;

  --darker-accent:#D9598A;

  --font-10px:10px;
  --font-12px:12px;
  --font-14px:14px;
  --font-16px:16px;
  --font-18px:18px;
  --font-20px:20px;
  --font-22px:22px;
  --font-24px:24px;
  --font-26px:26px;

  --radius-6px:6px;
  --radius-8px:8px;
  --radius-10px:10px;
  --radius-12px:12px;
  --radius-14px:14px;
  --radius-16px:16px;
  --radius-18px:18px;
  --radius-20px:20px;

  --round-radius:50%;

  --sold-bg:#808080;
  --sold-border:#989898;

  --sale-bg:#f15950;
  --sale-border:#f48a82;

  --new-bg:#4bbf6c;
  --new-border:#7cd197;

  --last-bg:#eb891d;
  --last-border:#f2af5f;


  --gradient-bg: linear-gradient(90deg, hsla(330, 100%, 88%, 1) 0%, hsla(338, 100%, 75%, 1) 100%);
}


.custom-button {
  width: 100%;
  border-radius: 100px;
  background: #ffffff;
  color: var(--accent-color);
  border:var(--color-white);
  text-transform: capitalize;
  letter-spacing: 0;
  font-size: var(--font-20px);
  font-weight: bolder;
  padding: 12px 20px;
  line-height: initial;
  position: relative;
  z-index: 1;
  overflow:visible;
  transition:all .3s linear !important;
  
  &::before {
    overflow:visible;
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 100px;
    border:2px dashed var(--accent-color);
    transition: all .3s linear  !important;
  }


  &:hover{
    background: linear-gradient(90deg, hsla(330, 100%, 88%, 1) 0%, hsla(338, 100%, 75%, 1) 100%);
    color:var(--color-white);

      &::before {
      border-color:var(--color-white);
    }
  }
}

@media (max-width:1440px) {
  .custom-button {
    font-size: var(--font-16px);
  }
}

@media (max-width:1024px) {
  .custom-button {
    font-size: var(--font-14px);
    padding: 12px 15px;

    &::before {
      content: "";
      position: absolute;
      inset: 0;
      margin: auto;
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      border-radius: 100px;
      border:1px dashed var(--accent-color);
    }
  }
}

/* Title Container Style */
.title--container{
  display:flex;
  flex-direction:column;
  gap:14px;

  img{
    margin-inline:auto;
    transform-origin: bottom center;
    animation: wiggle 2.5s ease-in-out infinite;
  }
}

@keyframes wiggle {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(6deg); }
  50%  { transform: rotate(-6deg); }
  75%  { transform: rotate(3deg); }
  100% { transform: rotate(0deg); }
}

 /* Header Style Starts */

 .shopify-section-group-header-group{
    position: absolute !important;
    width: 100%;
    top: 30px;
 }

 .header--outer-body{
    box-shadow:0 0 20px 0 #0000002b;
    background: rgb(var(--color-header-background));
    border-radius: 100px;
    padding: 10px;
 }
 

 
 header.header {
  padding-inline:40px;
  padding-block: 10px;
  border:2px dashed var(--accent-color);
  border-radius: 100px;
}

.header .list-menu .header__menu-item{
    font-size:var(--font-20px);

    &:hover{
      .label{
        color:var(--accent-color);
      }
    }
}

.header__active-menu-item,.list-menu__item--active {
  color:var(--accent-color) !important;
  
  .header__menu-item{
    color:var(--accent-color) !important;
  }
}

.header .header__inline-menu{
  margin-top:6px;

  .list-menu--inline{
    justify-content:center;
  }
}

dropdown-menu .header__menu-item {
  gap:10px;

  .icon-caret{
    display:block;
    height:initial;
    width:initial;
  }

  &:hover{
    span{   
      color:rgb(var(--color-highlight));
    }

    svg{
      color:rgb(var(--color-highlight));
    }
  }
}



/* Mega Menu Style Start */
.header-background{
  max-width: calc(100% - 100px);
  left: 50% !important;
  transform: translateX(-50%);


  &::before,&::after{
    border-radius:50px;
  }
}


.visual-grid-mega__menu.list-menu-dropdown{
  padding-top:6rem !important;
  padding-bottom:1rem !important
}

.visual-grid-mega__menu .mega-menu__item{
  .media {
    padding:initial !important;
    overflow:visible !important;
    

    img{
      position: static;
      object-fit: contain;
      width: 130px;
      height: 130px;
      margin-inline: auto;
    }
  }

  .header__menu-item{
    align-items: center;
    justify-content: center;
    font-size: var(--font-16px);
    color:var(--color-black);
  }

  .mega-menu__item-link:hover{
    .header__menu-item {
      color:var(--accent-color);
    }
  }
}



/* Mega Menu Style End */

@media screen and (hover: hover) {
    .header__menu-item .label {
        background-image: linear-gradient(to top, rgb(var(--color-highlight)) 0px 0px), linear-gradient(to top, transparent 0px, transparent 0px);
    }
}

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

  :root{
     --page-width:135rem;
  }

    .shopify-section-header:not(.shopify-section-header-sticky) {
        top: 12px !important;
    }

    .header--outer-body{
        padding:8px;
    }

    .header__heading{
        margin-inline:auto;
    }

    .header__heading-logo{
        --image-logo-height: 60px;
    }

    dropdown-menu .header__menu-item {
        gap:8px;

        .icon-caret{
            width:18px;
        }
    }

    .header__icon{
        --icon-size: 35px !important;

        .icon{
            width:20px;
            height:20px;
        }
    }

    .header__right{
        gap:5px;
    }

    .header .list-menu .header__menu-item{
        font-size:var(--font-16px);
    }

    /* .drawer-outer{
        position: absolute;
        width: 100%;
        height: calc(100vh - 115px);
        left: 0;
        top: 100px;
        padding: 10px 60px;
        transform: translate(-100%);
        z-index:99;
        visibility: hidden;
        transition:all .3s ease-in-out;
    }

    .menu-opening .drawer-outer{
        transform: translate(0);
        visibility: visible;
    }*/

    #menu-drawer{
      height: 100%;
      top: 0;
      position: fixed;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    } 
    .menu-drawer__header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      
      padding:1rem 2rem;

      img{
        max-width:40px;
      }
      
      drawer-close-button{
        display:flex !important;
        position:static;
        
        
        &::after{
          transform: scale(1) !important;
          background:var(--accent-color) !important;
        }
        
        svg{
          color:#ffffff !important;
          position:relative !important;
          z-index:2 !important;
        }
      }
    }


    #menu-drawer .menu-drawer__navigation{
      margin-top:0 !important;
      .menu-drawer__menu-item{
        padding-inline:2rem 0;
      }
    }

    .title--container .title.h1{
      font-size: clamp(25px,calc(25px + (40 - 25) * ((100vw - 1024px) / (1920 - 1024))),40px);
    }
}

.menu-drawer__utility-links{
  display:none !important;
}

.menu-drawer__navigation{
  border-top: .1rem dashed var(--accent-color) !important;
}


.header  .header__heading-link{
  margin-inline:auto;
}


.header__left{
  gap:5px !important;
  width:fit-content;
}

@media screen and (max-width:1249px){
  .header__right .header__icon--account{
    display:none !important;
  }

  .menu-drawer-container .icon-close{
    width: 12px;
  }

}


@media screen and (max-width:990px){
    .drawer-outer{
        padding-inline:30px;
    }

    
    .header__right,.header__left{
      margin-inline:0 !important;
    }
}

@media screen and (max-width:749px){
    .drawer-outer{
        top:initial;
        bottom:0;
    }

    .drawer-outer{
      position:fixed;
    }

    .menu-drawer__navigation-container .header__icon  {
      &::after{
        background:var(--accent-color);
      }

      .icon-close{
        position:relative;
        z-index:1;
        color:var(--color-white);
      }
    }
    .header__icon {
      --icon-size:45px;

      width:var(--icon-size);
      height:var(--icon-size);
  }

}

@media screen and (max-width:625px){
    .drawer-outer{
        padding-inline:1.5rem;
    }
}


@media screen and (min-width: 750px) {
  .header__icon {
      --icon-size:45px;

      width:var(--icon-size);
      height:var(--icon-size);
  }
}

@media screen and (max-width: 360px) {
  header.header{
    padding-inline:10px !important;
  }
}
/* Header Style Ends */

/* Slideshow Style Starts */
.slideshow .flickity-page-dots {
  display: none !important;
}

.slideshow__card{
    padding-inline:60px;
}

.home-hero__section h2.slideshow__heading.h1 {
  font-size: clamp(25px,calc(25px + (65 - 25) * ((100vw - 768px) / (1920 - 768))),65px);
  line-height: 1.3;
  font-weight: bolder;

  p {
    margin-bottom: 15px;
  }
}

.slideshow__button {
  margin-top: 20px !important;
}


@media screen and (max-width:1600px){
    .slideshow__button .custom-button{
        font-size: var(--font-16px);
        min-width: 100%;
        padding: 5px 30px;s
    }
}

@media screen and (max-width:1024px){
  .home-hero__section .slideshow .slideshow__center{
    .slideshow__heading{
      font-size:30px;
      max-width:400px;

      p{
        br{
          display:none;
        }
      }
    }
  }
}

@media screen and (max-width:990px){
  .home-hero__section .slideshow .slideshow__center{
    .slideshow__heading{
      font-size:25px;
      max-width:300px;
    }

    .button-group .custom-button{
      font-size:var(--font-14px) !important;
    }
  }
}

@media screen and (max-width:749px){
  .home-hero__section .slideshow .slideshow__center{
    top: 20%;

    .slideshow__card{
      padding-inline:0 !important;
    }

    .slideshow__heading{
      margin-inline:auto;
    }

  }
}

@media screen and (max-width:749px){
  .slideshow .slideshow__center{
    top: 30%;

    .slideshow__card{
      padding-inline:0 !important;
    }
  }
}


/* Slideshow Style Ends */


/* Bestseller Collection Style Starts */
/* .collection-list-wrapper .title-wrapper{
    h2.title{

    }
} */

.collection-list__item .card-wrapper{
  transition:transform .3s ease-in-out;
  &:hover{
  transform: translateY(-3px) scale(1.005);
  outline: 2px dashed var(--accent-color);
  outline-offset: 2px;
  }
}


@media screen and (max-width:1600px){
  .collection-list-wrapper .flex-grid{
      --grid-horizontal-spacing: 1.5rem;
  }


  .collection-list-wrapper .card-information__text-button{
    padding-block:10px;
    font-size:var(--font-14px);
  }

}

/* Bestseller Collection Style Ends */




/* Shop the look Style Start */



.image-with-text .shop-the-look .flickity-page-dot:after{
    background:var(--accent-color) !important;
    height:5px !important;
}

.image-with-text .shop-the-look .flickity-page-dots{
    display:flex !important;
}

.shop-the-look .flickity-page-dot{
    width:55px !important;
    height:8px !important;
    background:var(--accent-color);
    transition:all .3s ease-in-out;


    &::after{
        display:none !important;
    }
}

.image-with-text .shop-the-look .flickity-page-dot.is-selected{
    border-radius:50%;
    height:15px !important;
    width:15px !important;
}


.custom-shop-look__section .shop-the-look{
  
    
    .image-with-text__content{
        padding:0 !important;
    }
    
    .image-with-text__products{
        width:100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap:2rem !important;
        max-width:90% !important;
    }
    
    /* .flickity-viewport{
        width:100% !important;
        height: 100% !important;
        overflow: visible !important;
    } */
    
    
    /* .flickity-slider{
      position: relative;
      width:100%;
      height: 100%;
      transform: initial !important;
      
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap:1.5rem;    
  } */
    
  .product-container{
    position: relative;
    width: 100%;
    transform: initial !important;
    opacity: 1 !important;


    .card-information__wrapper .card-information__text{
      font-size:var(--font-16px);
    }

    .card__badge{
      right: -80px !important;
      top: 30px !important;

      .badge {
        font-size:var(--font-14px) !important;
      }
    }
  }
}


.lookbook .look__hotspot-product {
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 12px 18px;
  background: white;
  border-radius: 14px;
  box-shadow: 0 4px 15px rgba(255, 147, 191, 0.2);
}

.lookbook .look__hotspot-product .h5 {
  color: #666;
  font-size: var(--font-14px);
  font-weight: 600;
  max-width: 153px;
  text-align: center;
  -webkit-line-clamp: 2;
}

.lookbook .look__hotspot-product .price{
  margin-inline:auto;
}

.lookbook .look__hotspot-product .price bdi {
  color: #ff93bf;
  font-size: 18px;
  font-weight: 700;
}


@media screen and (max-width:1600px){
  .custom-shop-look__section .shop-the-look{
    .image-with-text__products{
      width:100% !important;
    }

    .product-container{
      .card-information__wrapper .card-information__text{
        font-size:var(--font-14px);
      }

      .card__badge{
        .badge {
          font-size:var(--font-12px) !important;
        }
      }
    }
  }
}


@media screen and (max-width:1280px){
  .custom-shop-look__section .shop-the-look{
    .product-container{
      .card__badge{
        right: -75px !important;
        top: 20px !important;
      }
    }
  }
}

@media screen and (max-width:1024px){
  .custom-shop-look__section .shop-the-look{
    .image-with-text__grid{
      flex-direction:column;
      row-gap:3rem;
    }

    .flex-grid__item{
      width:100%;
    }

    .image-with-text__products{
      display:flex !important;
      max-width:100% !important;
    }

    .product-container{
      max-width:300px;
      .card__badge{
      }


      .card-information__wrapper{
        margin-block:10px;
      }
    }
  }
}

@media screen and (max-width:768px){
  .custom-shop-look__section .shop-the-look{
    .product-container{
      .card-information{
        .card-information__button{
          height:fit-content;
          .button--soldout{
            width:100% !important;
            max-width:100% !important;
          }

          .custom-button{
            width:35px;
            height:35px;

            .icon-cart{
              width: 1rem;
              height: 1rem;
            }

          }
        }
      }
    }
  }
}


/* Shop the look Style End */


/* Brands Style Start */
.logo-bar__custom{
    max-width:160rem;
    margin-inline:auto;
}

.blob-logo-bar__item {
  --item-size:250px;
  position: relative;
  width: var(--item-size);
  height: var(--item-size);
  background:transparent;
  overflow:visible;
}

.blob-logo-bar__item .logo-bar__link{
  &:hover{
    .image-animate img{
      transform:scale(1.05);
    }
  }
}

.blob-logo-bar__item  .blob{
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;

}

.blob-logo__img{
  transition: transform 0.25s ease-out !important;
  will-change: transform !important;
}

.blob-logo-bar__item .blob-border{
    color:#FFDBEA;
    z-index:1;
      animation:
  bounce 2.5s ease-in-out infinite 0s,
  wobble 3s ease-in-out infinite 0.2s;
}

.blob-logo-bar__item .blob-bg{
color:#ffffff;
animation:
  bounce 2.5s ease-in-out infinite 0s,
  wobble 3s ease-in-out infinite 0.2s;
}

.blob-logo-bar__item .media{
position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow:visible;
}

.blob-anim {
  animation:
    bounce 2.5s ease-in-out infinite var(--bounce-delay, 0s),
    wobble var(--wobble-duration, 3s) ease-in-out infinite var(--wobble-delay, .2s);
}

/* keyframes */
@keyframes wobble {
  0%   { transform: scale(1) rotate(0deg); }
  25%  { transform: scale(1.03, .97) rotate(-2deg); }
  50%  { transform: scale(.97, 1.03) rotate(2deg); }
  75%  { transform: scale(1.02, .98) rotate(-1deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}


@media screen and (max-width:1600px){
  .blob-logo-bar__item {
   --item-size:160px;
  }
  .blob-logo-bar__item .media{
    width:50%;
  }

  .logo-list.page-width{
    --page-width: 1150px;
  }
}

@media screen and (max-width:1280px){
  .logo-bar__custom{
    flex-wrap:wrap;
  }
}

@media screen and (max-width:375px){
  .blob-logo-bar__item {
   --item-size:120px;

   .image-animate{
    width:60%;
   }
  }
}
/* Brands Style End */




.product-image-label {
  --color-price:var(--color-white);
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
  padding: 15px 10px 15px 20px;
  background: #FF8CBB;
  color: #ffffff;
  font-weight: 600;

  /* &::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 2px);
    width: 12px;
    height: 100%;
    background-image: url('/cdn/shop/files/Rectangle_36.png?v=1765545221');
    background-repeat: no-repeat;
  } */

  >img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 2px);
    width: auto;
    height: 100%;
  }

  * {
    line-height: initial;
    height: fit-content;
  }
}

.card-information .card-information__wrapper .card-information__text {
  font-size: 18px;
  font-weight: bolder;
}

@media screen and (max-width:1600px){
  .card-information .card-information__wrapper .card-information__text {
    font-size: var(--font-14px);
  }

  .product-image-label {
    padding: 8px 14px;

    .price-item bdi{
      font-size:var(--font-14px);
    }
}

  .card-wrapper .card-information__button {
    .custom-button{
      font-size: var(--font-14px);
      padding-block: 12px;
      min-height: 100%;
    }

    .button--soldout{
      font-size: var(--font-12px);
      min-height: 100%;
      padding-block: 12px;
      width:100% !important;
      max-width:100%;
      text-indent:initial !important;
      border-radius:50px !important;
    }
  }


  .image-with-text .shop-the-look .flickity-page-dots{
    margin-top:5rem !important;
    gap:0 !important;

    .flickity-page-dot.is-selected{
      height: 12px !important;
      width: 12px !important;
      margin-inline:0 !important;
    }

    .flickity-page-dot{
      margin-inline: 5px;
      width: 40px !important;
      height: 5px !important;
    }
  }

    .featured-collection__section .title-wrapper{
      .title {
        font-size: clamp(25px,calc(25px + (40 - 25) * ((100vw - 1024px) / (1920 - 1024))),40px) ;
      }
    }

    .featured-collection__section .product-grid{
        --grid-horizontal-spacing: 1.5rem;
    }
}


@media screen and (max-width:625px){
  .product-image-label {
    padding: 8px 5px;

    .price-item bdi{
      font-size:var(--font-14px);
    }
  }
}




/* Facets Style */
.facets__wrapper .facets__open,
.mobile-facets__open{
  font-size:var(--font-16px);
  background: linear-gradient(90deg, hsla(330, 100%, 88%, 1) 0%, hsla(338, 100%, 75%, 1) 100%);
  color: var(--color-white);

  &::before{
    border-color:var(--color-white);
  }


  &:hover{
    color:var(--accent-color);
    background:var(--color-white);

    &::before{
      border-color:var(--accent-color);
    }
  }

}


.facets__wrapper{
  justify-content: flex-end;

  .facets__summary .button{
    overflow:hidden;
    font-size:var(--font-16px);

    .icon-caret{
      right:2rem;
    }

    &::after{
      display:none;
    }
  }

  .facet-checkbox{
    color:var(--color-black);

    &:hover{
      .label{
        color:var(--accent-color);
      }

      &::after,&::before{
        background:var(--accent-color);
      }
    }
  }
}


.facet-filters__sort .facets__display{
  border-radius: 10px;
  top: 50px;
  border: .1rem dashed #ff8cbb;
  background:var(--color-white);
}

.mini-cart__navigation .quantity{
  border: .1rem dashed var(--accent-color) !important;
  border-radius:50px !important;
}


.mini-cart__actions{
  border-top: .1rem dashed var(--accent-color) !important;
  border-bottom: .1rem dashed var(--accent-color) !important;
}

.mini-cart__empty{
  justify-content:center;
}

.mini-cart__border{
      border-bottom: 1px dashed var(--accent-color) !important;
}

.mini-cart__empty .button {
  box-shadow: none;
}

.mobile-facets{
  /* padding:10px; */

  .mobile-facets__inner{
    border-radius:10px 0 0 10px;
  }
}

.mobile-facets .mobile-facets__header{
  border-bottom: .1rem dashed var(--accent-color);
}

.mobile-facets .mobile-facets__main{
  padding-inline:0;
}

.mobile-facets .mobile-facets__summary{
  padding-left:2rem;
}

.mobile-facets .mobile-facets__details+.mobile-facets__details>.mobile-facets__summary{
  border-top: .1rem dashed var(--accent-color);
}

.mobile-facets .mobile-facets__footer{
  border-top: .1rem dashed var(--accent-color);
  padding-left:2rem;


  .button{
    background: linear-gradient(90deg, hsla(330, 100%, 88%, 1) 0%, hsla(338, 100%, 75%, 1) 100%);
    color: var(--color-white);


    &::before{
      border-color:var(--color-white);
    }

    &:hover{
      background:var(--color-white);
      color:var(--accent-color);

      &::before{
        border-color:var(--accent-color);
      }
    }
  }
}


.mobile-facets__wrapper{
  .mobile-facets__close{
    right:15px;
    top:15px;

    .icon-close{
      color: white;
      opacity: 1;
      position: relative;
      z-index: 1;
    }

    &::after{
      background:var(--accent-color);
    }
  }
}

.mobile-facets__clear.link--underline{
  background-image: linear-gradient(to top, #ff8cbb 0px 0px), linear-gradient(to top, rgb(210 213 217 / 0%) 0px 0px);

  &:hover{color:var(--accent-color);}
}


.mobile-facets .mobile-facets__label{
  padding-inline:2rem;
}

.mobile-facets .mobile-facets__list{
  padding-inline:0;
}

.mobile-facets .mobile-facets__item+.mobile-facets__item{
  border-top: .1rem dashed var(--accent-color);
}
  
.mobile-facets .mobile-facets__close-button{
  border-bottom: .1rem dashed var(--accent-color);
}


.shopify-section-filters-sticky{
  border-bottom:1px solid var(--accent-color) !important;
}

.card-information__button{
  padding:5px;
}

.card-information__button .button{
  box-shadow: 0 0 5px 1px #cccccc7d !important;
}

.card-information__button .button--soldout{
  color:var(--sold-bg);
  &::before{
    border: 2px dashed var(--sold-border);
  }

  &:hover {
    transform: none;
    background: #ffffff;
    color: var(--sold-bg);


    &::before {
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      /* border: 1px dashed var(--sold-border); */
      outline: none;
    }
  }
}


@media screen and (max-width:990px){
  .card-information__button{
    right: 5px !important;
    bottom: 85% !important;
  }
}


.product-image-label__sold{
  filter: grayscale(1) !important;
}





/* Collection Grid */

.product-grid .card-information__wrapper {
  .price{
    display:none !important;
  }
}

.thumbnail[aria-current]:after{
      box-shadow: inset 0 0 0 .2rem #ff8cbb !important;
}

@media screen and (max-width:1150px){
  #product-grid.product-grid{
    --grid-horizontal-spacing: 1.5rem;
  }

  /* .template-collection .product-grid .flex-grid__item {
    max-width: calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3) !important;
  } */
}

@media screen and (max-width:990px){
  /* .template-collection .product-grid .flex-grid__item {
    width: calc(50% - var(--grid-horizontal-spacing) / 2) !important;
    max-width: calc(50% - var(--grid-horizontal-spacing) / 2) !important;
  } */


  /* .product-grid .card-information__wrapper {
      .price {
      display:block !important; 
      margin-block:10px !important;

      .price-item bdi{
        font-size: var(--font-18px);
        font-weight: bold;
        color: var(--darker-accent);
      }
    }
  } */
}

@media screen and (max-width:768px){
  .product-grid .card-information__wrapper {
      .price {
      .price-item bdi{
        font-size: var(--font-16px);
      }
    }
  }

  .product-grid .card-information .button--soldout{
    font-size: var(--font-12px) !important;
    padding: 8px;
    max-width: 90px !important;
  }
}

@media screen and (max-width:750px){
  .card-information__button add-to-cart.button{
    padding:initial;
    width:35px;
    height:35px;

    .icon-cart{
      width: 1rem;
      height: 1rem;
    }
  }

  .shop-the-look .image-with-text__content  .image-with-text__products{
  max-width:100% !important;
  width:100% !important
}
}

/* @media screen and (max-width:550px){
  .template-collection .product-grid .flex-grid__item {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 1150px) {
    .flex-grid--4-col-desktop .flex-grid__item {
        width:100% !important;
    }
} */


product-gallery use-animate{
  background:transparent !important;
}

.product .slider-buttons{
  display:none !important;
}


@media screen and (max-width:750px){
  .mobile-facets__wrapper .mobile-facets__open{
    width: 100%;
    min-width: 50px;
    max-width: 150px;

    span{
      font-size:var(--font-14px);
    }
  }

  .facets-container-drawer{
    display:flex;
    /* flex-direction:row-reverse; */
    gap:15px;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap-reverse;
  }
}








/* Payment Button  */
.template-product .product-form__buttons{
  flex-wrap:nowrap;
  grid-column-gap: 1rem;
  margin-top:2rem;

  .shopify-payment-button{
    margin-block:0;
  }
}

.product-separator hr{
  border-bottom: 1px solid var(--accent-color);
  background: transparent;
}

.product-form__submit{
  font-size:var(--font-16px);

  &::after{
    display:none;
  }
}

shop-pay-wallet-button{
  display: none !important;
}
 
.shopify-payment-button__more-options {
  position: relative !important;
  background: linear-gradient(90deg, hsla(330, 100%, 88%, 1) 0%, hsla(338, 100%, 75%, 1) 100%) !important;
  color: transparent !important;
  padding: 0 20px !important;
  overflow: hidden !important;
  margin-block: 0 !important;
  border-radius:50px !important;
  min-height: 5rem;
  
  &:hover{
    background:var(--color-white) !important;

    &::before{
      border:2px dashed var(--accent-color);
      color:var(--accent-color);
    }
  }
}

.shopify-payment-button__more-options:before {
  position: absolute;
  content: "BUY NOW";
  color: var(--color-white);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:var(--font-16px);

  overflow:visible;
  inset: 0;
  margin: auto;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius:50px !important;
  border:2px dashed var(--color-white);
  transition: all .3s linear  !important;
}



@media screen and (max-width:1200px){
  .template-product .product-form__buttons{
    flex-wrap:wrap;
  }

  .product-form__submit{
    margin-bottom:5px;
  }
} 

@media screen and (max-width:1024px){
  .product-form__submit{
    font-size:var(--font-14px);
  }
  .shopify-payment-button__more-options:before {
   border:1px dashed var(--color-white);
   font-size:var(--font-14px);
  }

  .shopify-payment-button__more-options {
    &:hover{
      &::before{
        border:1px dashed var(--accent-color);
      }
    }
  }
} 


/* Product Details Page  */

.product-form__buttons{
  row-gap:5px !important;
}

.product__info-container .product__title{
  margin-block:10px !important;
}

#price-template--18071576182984__main{
  margin-block:0 !important;
}

.product__info-container .price .price-item
{
  bdi{
    font-weight:bold;
    font-size:var(--font-20px);
    color:var(--darker-accent);
  }
}

.product__accordion.accordion {
    border-color: var(--accent-color) !important;
}

.product__accordion .accordion__title{
  font-weight: bold;
  letter-spacing: 1px !important;
  font-size: var(--font-16px) !important;
}

.product__tax.caption{
  display:none !important;
}

pickup-availability-preview.pickup-availability-preview{
  padding:15px !important;
  background:transparent !important;
  border-radius:10px !important;
  position:relative;
  border:1px solid var(--accent-color);
}

.pickup-availability-preview .icon-tick{
  width:30px !important;
  height:auto !important;
}

.pickup-availability-preview .pickup-availability-info{
  margin-inline:14px;
  display:flex;
  align-items:center;
  width:100%;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
}


.pickup-inner-info-top{
  display: flex;
  align-items: center;
  margin-block: 0 !important;
  gap: 10px;

  .pickup-text{
    margin-block: 0;
    line-height: 0;
    font-weight: bold;
    font-size: var(--font-18px);
  }
}

.pickup-availability-preview img{
  width:30px;
  height:30px;
  margin-block:0;
}

.pickup-availability-info .pickup-inner-wrap{
  display: flex;
  flex-direction:column;
  gap: 5px;
  margin-block: 0;
}



.pickup-inner-info{
  margin-block:0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  display:none;
}

.pickup-availability-preview .caption-large{
  font-size:var(--font-16px);
  font-weight:bold;
  line-height:1;
  margin-block:0;
}

.pickup-availability-preview .caption{
  font-size:var(--font-14px);
  font-weight:bold;
  margin-block:0;
  line-height:1;
  position:relative;
}

.pickup-availability-preview .pickup-availability-button{
  margin-block:0 !important;
}

#ShowPickupAvailabilityDrawer{
  max-width:fit-content;
  color: var(--accent-color);
  padding: 10px 30px;
  border-radius: 100px;
  margin-top: 10px;
  font-size:var(--font-16px);

  &:hover{
    color:var(--color-white) !important;
  }
}

pickup-availability-drawer .pickup-availability-list__item{
  background: white;
  border: 1px dashed var(--accent-color);
  border-radius: 6px;
  padding: 18px;
}

pickup-availability-drawer .pickup-availability-preview{
  align-items:center;

}

@media screen and (max-width:1680px){
pickup-availability-preview.pickup-availability-preview{
  padding: 18px 10px !important;
}

.pickup-inner-info-top {
  .pickup-text {
      font-size: var(--font-14px);
  }
}

#ShowPickupAvailabilityDrawer{
  font-size:12px;
}

}

/* CartDrawer Style */
.mini-cart__header drawer-close-button{
  svg{
    position:relative;
    z-index:1;
    color:var(--color-white) !important;
  }

  &::after{
    background:var(--accent-color);
  }
}

.mini-cart__main .product-content .price bdi,
.predictive-search__item-content .price__regular bdi{
  font-weight:bold;
  color:var(--darker-accent);
}

.mini-cart__footer .button{
  letter-spacing:0 !important;
  border-radius:50px;
}

/* Search Modal Content Style */
@media screen and (hover: hover) {
.predictive-search__item-heading{
  background-image: linear-gradient(to top, #000 0px 0px), linear-gradient(to top, transparent 0px, transparent 0px) !important;
}
}


.search-modal.modal__content{
  border-radius:100px !important;
  box-shadow: 0 0 0 200vw #00000045 !important;
  margin-inline:2rem;
}

.search-modal.modal__content.searching{
  border-radius:50px !important;
}

.search-modal__content .search-modal__form{
  justify-content:center;
}

.search-modal__content .field{
  margin-top:0 !important;
  border-radius:50px !important;
  background:#ff8cbb52 !important;
  transition:all .3s ease-in-out;
}

.predictive-search__item.button{
  border-radius:50px;
}



.searching .field{
  margin-top: 20px !important;
}


search-modal .modal-overlay{
  display:none !important;
}

.template-search .template-search__search{
  max-width:80rem;

  .field{
    background: #ff8cbb52 !important;
  }
}

.template-search .template-search__results{
  padding-top:30px;
  border-top: 1px solid #d92d773d;
}

@media screen and (max-width:1660px){
  .template-search.section--padding{
    --section-padding-top: 20px;
  }

  #shopify-section-template--18071576182984__empty-space {
    --spacing-section-desktop: 130px !important;
  }
}


@media screen and (max-width:749px){
   header.header{
    padding-inline:25px;
  }

  .search-modal.modal__content{
    top:12px;
    border-radius:50px !important;
    margin-inline:1rem;
    box-shadow: 0 0 0 200vw #00000045 !important;
    max-height:100px;

    .page-width{
      padding-inline:2rem;
    }
  }

  .searching .field{
    margin-top: 30px !important;
  }
  .search-modal.modal__content.searching {
    max-height:95%;
  }
}

.active-facets-mobile .active-facets{
  padding: 10px;
  border: 1px dashed #ff8cbb;
  margin-left: 0px;
}


/* Contact Us Page  */

.contact.page-width{
  --page-width:130rem;
}

.contact .title-wrapper .title{
  margin-inline:auto;
}

.contact .field__input{
  background: #ffdbea;
  box-shadow: inset 0 0 0 .1rem #ff8cbb;
  border-radius: 8px;
}

.template-page .banner__content {
  .banner__text {
    max-width:500px;
    margin-inline:auto;
  }
}

.contact  .contact__button{
  margin-block:0;

  .button{
    max-width:fit-content;
    min-width: fit-content;
    padding: 10px 40px;
  }
}

.contact  .contact-form {
  .rte{
    font-size:var(--font-12px);

    a{
      color:var(--color-black);
    }
  }
}

.contact  .title-wrapper{
  justify-content:center;
}

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

  .mini-cart__empty .button {
    font-size:var(--font-16px);
  }

  .contact  .contact__button{
    .button{
      font-size: var(--font-16px);
    }
  }
}

/* Rewards Page Style */

.ll__loyalty-page-banner-ho4ed3.ll__root-ho4ed3{
  padding-block: 15dvh;

  .ll__banner-content{
        background-color: #ffffff;
    border-radius: 8px;
    margin-inline: auto;
    box-shadow: 0 0 10px 0 #0000004d;
    text-align: center;
    margin-top: 20rem;
  }
}



.kawaii-club__multicolumn .title--container,
.levelup__multicolumn  .title--container{
  .title {
    font-size: clamp(25px,calc(25px + (40 - 25) * ((100vw - 1024px) / (1920 - 1024))),40px) ;
  }
}

.kawaii-club__multicolumn .multicolumn-card__image-wrapper,
.levelup__multicolumn .multicolumn-card__image-wrapper{
  background:transparent;
}

.kawaii-club__multicolumn .multicolumn-list__item,
.levelup__multicolumn .multicolumn-list__item{
  padding: 30px;
  border: 2px dashed var(--accent-color);
  border-radius: 10px;
  background: #ff8cbb1f;
}

.kawaii-club__multicolumn .multicolumn-card__info{
  .multicolumn-card__title{
      font-size: clamp(22px,calc(22px + (30 - 22) * ((100vw - 1024px) / (1920 - 1024))),30px) ;
  }

  .rte {
    margin-block:0 !important;
    max-width:300px;
    margin-inline:auto !important;

    p{
      margin-block:0;
      font-size:var(--font-16px);
    }
  }
}

@media screen and (max-width:1150px){
  .kawaii-club__multicolumn .multicolumn-list__item{
    padding: 10px;
  }
}

.levelup__multicolumn .multicolumn-card__image-wrapper{
  width:100%;
  max-width:300px;
  margin-inline:auto;
}

.levelup__multicolumn .page-width{
  --page-width:130rem;
}


.ll__loyalty-page-redeem-rules-ho4ed3.ll__root-ho4ed3{
  max-width:100% !important; 

  .ll__subtitle{
    margin-block:10px 30px !important;
  }
}

.ll__loyalty-page-earn-rules-ho4ed3.ll__root-ho4ed3{
  max-width:100% !important;
}

.ll__panel-left-container{
  .ll__login-button{
    padding: 10px 30px;
    font-size: var(--font-18px);
  }
}

/* Faq */

.faq.page-width{
  --page-width: 150rem;
}

.faq  accordion-tab{
  padding-block: 10px;
  border-bottom: 1px dashed var(--accent-color);

  summary > span{
    font-weight:bold;
    color:var(--color-black);
  }

}

.faq details[open] summary .icon{
  background:var(--accent-color) !important;
}


.quantity__button:after{
  background:var(--accent-color);
}


/* blog Page */
.main-blog .title--primary{
  display:none !important;
}

.main-blog .blog-header{
  margin-bottom:4rem;
}

.main-blog .medium-hide{
  margin-inline:auto;
}

.main-blog .blog-filter{
  margin-inline:auto;
  gap:10px;


  li{
    padding-inline:0;
  }

  .link{
    padding: 8px 20px;
    font-size: var(--font-14px);
    border-radius: 50px;
    background: var(--color-white);
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
    cursor:pointer;
    transition:background .6s ease-in-out;

        &:hover{
      background: linear-gradient(90deg, hsla(338, 100%, 75%, 1) 0%, hsla(331, 100%, 84%, 1) 100%);
      color:var(--color-white);
}

  }

}
.main-blog .blog-filter{
  .link.is-selected{
    background: linear-gradient(90deg, hsla(338, 100%, 75%, 1) 0%, hsla(331, 100%, 84%, 1) 100%) !important;
    color:var(--color-white) !important;
  }
}

.article-card .card{
  &:hover{
    .article-card__link{
      color:var(--accent-color);
    }
  }
}



.view-all .button{
  border-radius:50px;

}

.article-template .article-template__title{
  color:var(--accent-color);
  font-size: clamp(25px,calc(25px + (50 - 25) * ((100vw - 1024px) / (1920 - 1024))),50px) ;
}

.article-template__link{
  color: var(--accent-color);
  box-shadow: inset 0 0 0 .1rem #ff8cbb;
  border-radius:50px;

  &:hover{
    color:var(--darker-accent);
    box-shadow: inset 0 0 0 .2rem #d92d77;
  }
}


.main-blog .blog-articles{
  row-gap:3rem;
  margin-block:4rem;
  margin-inline:auto;

  .blog-articles__article{
    padding: 10px;
    border-radius: 20px;
    border: 1px dashed var(--darker-accent);
  }
}

.article-template__content h2{
  color:var(--accent-color);
}

.article-template__content img{
  width:100%;
  max-width:600px;
}

/* Policy Page Style */

.shopify-policy__container{
  max-width:1280px;
  padding-top:16rem;
}

@media screen and (max-width:749px){
  .template-product product-info{
    padding-top:14rem;
  }

}


@media screen and (max-width:999px){
  .search-modal .page-width{
    padding-inline:5rem;
  }
}



/* Product Page Style */
.template-product .product__media img{
  border-radius:20px;
}

.template-product .thumbnail-list{
  max-width:100% !important;
  border-radius:10px;
  background: #ffdbea80 !important;
  box-shadow:none;


  .thumbnail-list__item{
    max-width:15rem !important;
    width:100% !important;
    border-radius:8px !important;
    
    .thumbnail::after{
      border-radius:8px !important;
    }
  }
}


.breadcrumb .link{
  background-image: linear-gradient(to top, #000000 0px 0px), linear-gradient(to top, transparent 0px, transparent 0px);
}


/* Product Badge */

.card-wrapper{
  overflow:hidden !important;
}

.card__badge{
  width: 100%;
  max-width: 250px !important;
  left: initial !important;
  right: -60px;
  transform: rotate(45deg);
  top: 40px !important;
  box-shadow: 0 0 6px 0px #00000040;

  .badge{
    width: 100%;
    padding: 12px 0;
    font-size: var(--font-16px);
    font-weight: bold;
    letter-spacing: 0;
    color: var(--color-white);
    background: transparent;
  }
}

.card__badge-sold-out{
  background:var(--sold-bg);

  .badge{
    border: 3px solid var(--sold-border);
  }
}

.card__badge-sale{
  background:var(--sale-bg);

  .badge{
    border: 3px solid var(--sale-border);
  }
}

.card__badge-new{
  background:var(--new-bg);

  .badge{
    border: 3px solid var(--new-border);
  }
}

.card__badge-last{
  background:var(--last-bg);

  .badge{
    border: 3px solid var(--last-border);
  }
}



@media screen and (max-width:1600px){
  .card__badge{
    .badge{
      font-size: var(--font-10px);
      padding: 8px 0;
    }
  }
}

@media screen and (max-width:625px){
  .card__badge{
    .badge{
      font-size: 8px;
    }
  }
}

/* About Us Page Style */

.about-us__r-t-section{
  /* min-height:100dvh; */
}

.about-us__r-t-section .rich-text__text{
  max-width:700px;
}

.about-us__r-t-section .rich-text__heading{
  font-size: clamp(30px,calc(30px + (40 - 30) * ((100vw - 1024px) / (1920 - 1024))),40px) ;
}

.about-us__r-t-section .rich-text{
  background:transparent;
}




/* About Us Timeline */
.about-us__timeline .timeline-item{
  flex-direction:column;
  
  .timeline-heading{
    /* font-size: clamp(22px,calc(22px + (35 - 22) * ((100vw - 1024px) / (1920 - 1024))),35px) ; */
    font-size: clamp(28px,calc(28px + (45 - 28) * ((100vw - 1024px) / (1920 - 1024))),45px) ;
    font-weight:bold;
    color:var(--heading--color);
    text-align:center;
  }
  
  .timeline-text{
    width:100%;
    /* max-width:600px !important; */
    color:var(--text--color);
    text-align:center;
    font-size:var(--font-18px);
    line-height:1.6;
    font-weight:600;
    padding-inline:0 !important;
  }
}

.about-us__timeline .slide{
  padding:0;
  img{
    max-width:100%;
    max-height:100%;
  }
}


/* Choose Us */

.about-choose__section .multicolumn{
  --page-width:1280px;
}

.about-choose__section .multicolumn-list{
  gap:2rem;
}

/* .about-choose__section  */



@media screen and (max-width:1600px){
  .about-us__r-t-section .rich-text__text{
    font-size:var(--font-16px);
    max-width:768px;
  }

  .about-us__timeline .timeline-item{
    .timeline-text{
      font-size:var(--font-16px);
      /* max-width:550px !important; */
    }
  }
}

@media screen and (max-width:1440px){
  .about-us__r-t-section .rich-text__text{
    font-size:var(--font-16px);
    max-width:768px;
  }

  .about-us__timeline .timeline-item{
    .timeline-text{
      font-size:var(--font-16px);
    }
  }
}

@media screen and (max-width:1280px){
  .about-us__timeline .timeline-item{
    .timeline-text{
      /* max-width:calc(550px - 150px) !important; */
    }
  }
}

@media screen and (max-width:768px){
  .about-us__r-t-section .rich-text{
    padding-inline:0;
  }
}


/* About Us Style End */




/* Inner Page Hero Banner Font Size */
.inner-page__hero .slideshow__heading{
  font-size: clamp(30px,calc(30px + (45 - 30) * ((100vw - 1024px) / (1920 - 1024))),45px) ;
}


@media screen and (max-width:1600px){
  .featured-collection__section .view-all {
    .custom-button{
      font-size:var(--font-14px);
      min-height: 100%;
      padding: 14px;
    }
  }
}

@media screen and (max-width:750px){
  .card-information__button .button--soldout{
    text-indent: initial !important;
    width: 100% !important;
    border-radius: 50px !important;
  }
}



/* Main Product Price Tag */

.template-product .product__info-container .price{
  justify-content:space-between;
  align-items:center;

  .price__badge-sold-out {
    background:var(--sold-bg);
    border:none;
    padding: 12px 35px;
    border-radius: 100px;
    position:relative;
    color:var(--color-white);


    &::before{
      overflow: visible;
      content: "";
      position: absolute;
      inset: 0;
      margin: auto;
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      border-radius: 100px;
      border: 2px dashed var(--color-white);
      transition: all .3s linear !important;
    }
  }
}

@media screen and (max-width:1440px){
  .template-product .product__info-container .price{
    .price__badge-sold-out {
      font-size:10px;
      padding: 12px 30px;
    }
  }
}



.blog-header .select__select{
  box-shadow:none;
  border:1px dashed var(--accent-color);
  border-radius:50px;
}

.desktop-btn-none{
  display:none;
}

@media screen and (max-width:990px){
  .desktop-btn-none{
    display:block;
    .button{
      max-width:max-content !important;
      margin-block:4rem 2rem !important;
    }
  }

  .tablet-btn-none{
    display:none;
  }
}


.instastory-title{
  display:none !important;
}

#instafeed{
  display:none !important;
}



body {
  --sb-track-color: #fff3f7;
  --sb-thumb-color: #d9598a;
  --sb-size: 8px;
}

body::-webkit-scrollbar {
  width: var(--sb-size)
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 8px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 8px;
  
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}


.quick-view .quick-view__content{
  border-radius:12px;

  .product-link__button{
    border-top: .1rem dashed var(--accent-color) !important;

    .summary__title{
      gap:2rem;

      svg{
        width:22px;
      }
    }



  }

  .quick-view__close{
    &:hover{
      background:var(--accent-color);
      .icon{
        color: var(--color-white);
      }
    }
  }

  .price{
    justify-content:space-between;

    .badge{
      border:1px dashed;
    }

  }
}


.card:hover .media.media--hover-effect > picture + picture,
.card.is-hovered .media.media--hover-effect > picture + picture {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1.03);
}


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

  
  .card-wrapper .card-information__button {
    .custom-button {
      font-size: var(--font-12px);
      padding-block: 10px;
    }
  }
}



/* pagination */
.timeline-pagination {
  position: absolute;
  left: 65px;
  top: 50%;
  transform: translateY(-50%);
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
}

/* base line */
.pagination-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 3px;
  background: #ffd6e6;
  z-index: 0;
}

.pagination-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 0; /* JS controls this */
  background:var(--accent-color);
  transition: height 0.3s ease;
}


/* dots */
.timeline-pagination button[data-index] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #FFAFD6;
  z-index: 2;
  transition: transform 0.25s ease, background 0.25s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  border:none;
  cursor:pointer;
  color:var(--color-white);
  font-size: 14px;
  font-weight: 600;
  background: #fff3f7;
  border: 2px solid #ff81b0;
  color: #ff81b0;
}

.timeline-pagination button.active {
  background: #FF81B0;
  color: #ffffff;
}


.scroll-to-container{
    position: absolute;
  /* bottom: 0; */
  width:100%;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;


  .scroll-to-arrow{
    width: 35px;
    height: 35px;
    display: block;
    border: 2px solid var(--accent-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-color);
    animation: scrollBounce 1.6s ease-in-out infinite;

    svg{
        animation: arrowMove 1.6s ease-in-out infinite;
    }
  }

  p{
    font-size: 22px;
    color: #333;
    margin-block:0;
  }
}


.mobile-view{
  display:none;
}
/* Container bounce */
@keyframes scrollBounce {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(8px);
    opacity: 0.7;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Arrow movement */
@keyframes arrowMove {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}

@media screen and (max-width:1440px){
  .timeline-pagination{
    left:45px;
  }
  .timeline-panel {
    padding: 30px 100px !important;
  }
  .timeline-pagination button[data-index] {
    width: 26px;
    height: 26px;
    font-size:12px;
  }

  .scroll-to-container{
    p{
      font-size: 18px;
    }
  }
}

@media screen and (max-width:1024px){
  .desktop-view{
    top:90%;

    .scroll-to-arrow{
      width:28px;
      height:28px;
    }

    p{
      font-size:var(--font-16px);
    }
  }
  .timeline-panel {
    padding: 30px 60px !important;
  }
  .timeline-pagination {
        left: 20px;
        height: 300px;
    }
}

@media screen and (max-width:768px){  
  .desktop-view{
    display:none;
  }

  .mobile-view{
    display:flex;
    top: initial;
    bottom: 20px;
    z-index: 2;

    .scroll-to-arrow{
      width:28px;
      height:28px;
      background:var(--color-white);
    }

    p{
      font-size:var(--font-16px);
    }
  }
}

@media screen and (max-width:525px){
  .timeline-pagination {
    height:280px;
  }
}

/* Product Cart Delete Button */
.mini-cart__navigation  .cart-item__quantity-wrapper  .delete-product{
  width: 40px !important;
  height: 40px !important;
  background: var(--color-white);
  color: var(--accent-color) !important;
  padding:initial;

  .icon-remove{
    width:1.5rem;
    height:1.5rem;
  }

  &::before{
    border-width: 1px;
  }


  &:hover{
    color:var(--color-white) !important;
    background:var(--gradient-bg);
  }
}

#insta-feed h2 {
  display:none !important;
}


@media screen and (max-width:1600px){
.template-list-collections .collection-list__item{

  .card__text{
    padding-inline:12px;
  }

    .card-information__text-button{
      font-size:var(--font-16px);
      padding-block:10px;
    }
  }
}

@media screen and (max-width:1200px){
  .template-list-collections .collection-list__item{

    

    .card-information__text-button{
      font-size:var(--font-14px);
    }
  }
}

@media screen and (max-width:768px){
  .template-list-collections .collection-list__item{
    .card-information__text-button{
      font-size:var(--font-12px);
      min-width:initial;
      max-width:initial;
      width:100%;

      text-align:center;
    }
  }
}

@media screen and (max-width:525px){
  .template-list-collections .collection-list__item{
    .card-information__text-button{
      font-size:var(--font-10px);
    }
  }
}


/* Mega Menu Shop Dropdown */

.list-menu-dropdown.category-mega__menu{
  max-width:var(--mega-menu-width) !important;
  margin-inline:auto;
  padding-top:7rem !important;
  padding-bottom:3.5rem !important;
    
    .page-width{
      padding-inline:4.5rem;
    }
    
  .list-mega-menu{
    flex-wrap: nowrap;
    flex-direction: column;
    gap:20px;
    
    
    .mega-menu__item-link{
      margin-block:0;
        
      .header__menu-item{
        font-size: var(--font-18px);
        text-transform: capitalize;
        letter-spacing: normal;
        color:var(--color-black);
      }
    }
  }
    
  .mega-menu__promo{
    flex: 1 1 120%;
  }
}


@media screen and (max-width:1600px){
  .list-menu-dropdown.category-mega__menu{
    max-width: 700px !important;
    .list-mega-menu{
      gap:15px;
      .mega-menu__item-link{
        .header__menu-item{
          font-size: var(--font-16px);
        }
      }
    }
  }

  .mega-menu__promo{
    flex: 1 1 110%;

    .mega-menu__promo-heading{
      font-size:var(--font-14px);  
    }
  } 

}


.collection-list .card-wrapper img {
    transition: all 0.4s ease-in-out;
}
 
.collection-list .card-wrapper:hover img {
    transform: scale(1.08);
}
 

html {
  scroll-behavior: smooth;
}


/* Custom article Page */

.article-template .article-template__hero-container{
  margin:0 !important;
  max-width:100%;
  max-height:100dvh;
}


/* About Hero */

.about-hero{
  height:100dvh;
  position:relative;
  background: linear-gradient(360deg, hsla(340, 100%, 98%, 1) 0%, hsla(335, 100%, 96%, 1) 100%);
  
  .page-width{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
  }
}


.about-hero .rich-text{
  background:transparent;
}

.about-hero .rich-text__heading{
  font-size: clamp(50px,calc(50px + (70 - 50) * ((100vw - 1024px) / (1920 - 1024))),70px);
  max-width:600px;
  margin-inline:auto;

  strong{
    font-weight:bold;
    color:var(--darker-accent);
  }
}

.about-hero .button-group{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  margin-top:4rem;

  .button-our-story{
    background: linear-gradient(90deg, hsla(330, 100%, 88%, 1) 0%, hsla(338, 100%, 75%, 1) 100%);
    color:var(--color-white);
    

    &::before{
      border-color:var(--color-white);
    }

    &:hover{
      background:var(--color-white);
      color:var(--accent-color);

      &::before{
        border-color:var(--accent-color);
      }
    }
  }
}


.about-hero  .scroll-to-container{
  flex-direction:column;
  bottom:0;
  width:fit-content;
  gap:10px;

  span{
    background:var(--color-white);
  }

  p{
    opacity:0.8;
    font-size:var(--font-20px);
  }
}


.about-hero .about-tag-line{
  background:var(--color-white);
  color:var(--darker-accent);
  width:fit-content;
  margin-inline:auto;

  display: flex;
  align-items: center;
  gap: 1rem;

  padding:5px 20px;
  border-radius:50px;

  p{
    margin-block:0;
    font-weight:700;
  }
}

.about-hero{
  .rich-text__text{
    color:#333333;
  }
}

.about-hero .rich-text__text {
  font-size: 20px;
  line-height: 1.6;

  strong {
    color: var(--bold-color-text);
  }
}


@media screen and (max-width:1600px){
  .about-hero .button-group{
    .custom-button{
      max-width:300px;
      font-size:var(--font-16px);
    }
  }
}

@media screen and (max-width:1440px){
  .about-hero{
    .rich-text__text{
      font-size:var(--font-18px);
    }
  }

  .about-hero  .scroll-to-container{
    p{
      font-size:var(--font-16px);
    }
  }
}

@media screen and (max-width:1024px){
  .about-hero .rich-text__heading{
    font-size: clamp(4.2rem,5vw,5rem);
  }

  .about-hero{
    height: 100%;
    padding-block: 25rem 18rem;
  }

  header.header {
    border: 1px dashed var(--accent-color);
  }
}

@media screen and (max-width:990px){
  header.header{
    padding-block: 5px;
  }

  .header__heading-logo{
    --image-logo-height: 50px;
  }
}

@media screen and (max-width:750px){
  .about-hero .button-group{
    flex-direction:column;
  }
}

@media screen and (max-width:625px){
  .about-hero{
    padding-block: 18rem;
  }
}

.about-us__r-t-section.rich-t-wrap {
  mask-image: linear-gradient(var(--mask-direction, to bottom), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 0%, hsl(0 0% 0% / 1) 90%, hsl(0 0% 0% / 0)) !important;
}

.about-hero.rich-t-wrap.about-us__r-t-section {
  mask-image: linear-gradient(var(--mask-direction, to bottom), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 10%, hsl(0 0% 0% / 1) 100%, hsl(0 0% 0% / 0)) !important;
}


.slider-mobile-gutter .slider-buttons {
  position: inherit !important;
  margin-top: 30px;
}

@media (max-width:768px) {
  #scrollTopBtn {
    display: none;
  }
}


.cart-drawer .button-container{
  gap:10px;
  flex-direction:row-reverse;


  .checkout-button{
    background: linear-gradient(90deg, hsla(330, 100%, 88%, 1) 0%, hsla(338, 100%, 75%, 1) 100%);
    color: var(--color-white);
    font-size:var(--font-16px);

    &::before{
      border-color:var(--color-white);
    }

    &:hover{
      color:var(--accent-color);
      background:var(--color-white);

      &::before{
        border-color:var(--accent-color);
      }
    }
  }

  .view-cart__button{
    font-size:var(--font-16px);
  }
}


/* Map Style */

.banner--map .button {
  background:var(--gradient-bg);
  color:var(--color-white);


  &::before{
    border-color:var(--color-white);
  }

  &:hover{
    color:var(--accent-color);
    background:var(--color-white);


    &::before{
      border-color:var(--accent-color);
    }
  }

}


/* Cart Page Style */


.cart__contents  .cart__items{
  border-bottom: .1rem dashed var(--accent-color);
}

.cart__contents .cart-items{
  border-color:var(--accent-color);
}

.cart__contents .cart-items thead th{
  color:var(--accent-color);
  font-weight:500;
}

@media screen and (min-width:750px){
  .cart__contents .cart-items td{
    border-top: .1rem dashed var(--accent-color);
  }
}

cart-items .title-wrapper .link {
  color:var(--accent-color);
  background-image: linear-gradient(to top, var(--darker-accent) 0px 0px), linear-gradient(to top, var(--accent-color) 0px 0px);
  
  &:hover{
    color:var(--darker-accent);
    /* background-image: linear-gradient(to top, rgb(var(--color-link)) 0px 0px), linear-gradient(to top, rgb(var(--color-border)) 0px 0px); */
  }
}


.cart-items .price {
  bdi{
    color:var(--darker-accent);
  }
}

.cart__footer .cart__checkout-button{
  background:var(--gradient-bg);
  color:var(--color-white);

  &::before{
    border-color:var(--color-white);
  }

  &:hover{
    color:var(--accent-color);
    background:var(--color-white);

    &::before{
      border-color:var(--accent-color);
    }
  }
} 

.cart-item cart-remove-button .custom-button{
  border:none;
  box-shadow:none;
  border-radius:50%;
  

  &::before{
    border-width:1px;
  }
}

.cart-item .cart-item__name{
  background-image: linear-gradient(to top, var(--accent-color) 0px 0px), linear-gradient(to top, transparent 0px, transparent 0px);

  &:hover{
    color:var(--accent-color);
  }
}

.cart__warnings .cart__empty-text{
  color:var(--accent-color);
}

.cart__warnings .custom-button{
  max-width:350px;
  box-shadow:none;
}

#main-cart-footer .ll__container{
  background:transparent;
  border:1px dashed var(--accent-color);
  max-width:450px;
  border-radius:50px;
  padding-inline:1.5rem;

  >a {
    text-decoration:none;
    color:var(--accent-color);
    background-image: linear-gradient(to top, var(--accent-color) 0px 0px), linear-gradient(to top, transparent 0px, transparent 0px);

    background-repeat: no-repeat;
    background-position: right bottom, right bottom;
    background-size: 0% .1rem, 100% .1rem;
    transition-property: background-size;
    transition-timing-function: ease;
    transition-duration: var(--duration-default);


    &:hover{
      background-position: left bottom, left bottom;
      background-size: 100% .1rem, 100% .1rem;
    }
  }
}

.cart__footer .cart__note  textarea{
  box-shadow:none;
  border:1px dashed var(--accent-color);
}



.cart__footer .cart__dynamic-checkout-buttons{
  margin-top: 1rem;

  .button{
    border-radius:50px !important;
  }
}

.tax-note a{
  color:var(--accent-color);
}

.cart__footer .totals__subtotal-value{
  font-weight:bold;
}

#mini-cart-subtotal{
  font-weight:bold;
}


/* .ll__rewards-button{
  background: var(--gradient-bg);
  color: var(--color-white) !important;
}

.ll__point-balance {
  svg rect{
    color:var(--accent-color);
  }
} */

/* Shipping Rate Calculator Style */

.shipping-calculator shipping-calculator{
  border: .1rem dashed var(--accent-color) !important;
}

.shipping-calculator .custom-button{
  padding-inline:90px;
  /* font-size:var(--font-18px); */
}

.shipping-calculator .field__input, .shipping-calculator .select__select, .shipping-calculator .customer .field input, .shipping-calculator .customer select{
  box-shadow:none;
  border:1px dashed var(--accent-color);
}

@media screen and (max-width:1024px){
  #main-cart-footer .ll__container{
    font-size:var(--font-14px);

    >a {
      font-size:var(--font-14px);
    }
  }
}

@media screen and (max-width:525px){
  #main-cart-footer .ll__container{
    flex-direction:column;
    text-align:center;
  }
}

/* 404 Page Style */

.template-404 .image-with-text__content a {
  color: #ff93bf;
  font-weight: 600;
  text-decoration: none;

  &::after,
  &::before {
    background-color: var(--accent-color);
  }
}
a:hover {
  opacity: 0.8;
}
strong,
b {
  color: #ff93bf;
}