@import url('https://fonts.googleapis.com/css2?family=Crafty+Girls&family=Square+Peg&display=swap');

/* THEME ---------------------------------------------- */

/* .template-index .site-header {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0) 100%);
} */

.site-footer{
  @media (min-width: 280px) and (max-width: 1024px) {
    .f-column:not(:first-child) {
      width: 50%;
      padding: 7px;
    }
  }

  .site-footer__block-heading{
    font-weight: bolder !important;
  }
  .site-footer__block-content li {
    line-height: 18px;
    margin-bottom: 1rem;
  }
  .site-footer__copyright > span{
    display:none;
  }

  .footer-html-logo {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;      
    align-items: center;
    justify-content: space-between;

    img {
      display: block;
      height: auto;
      width: 100%;
      margin-top: -30px;
      max-width: 250px;
      @media (max-width: 768px) {
        margin-top: 0px;     
      }
    }
  }
  .footer-html-copy {
    margin-bottom: 1.25rem;
    margin-right: 5%;

    h3 {
      font-size: 2rem;
      font-weight: 600;
      margin: 0 0 1.5rem;
    }

    p {
      line-height: calc(1 + 0.6 / var(--font-body-scale));
      margin: 0;
      opacity: 0.85;
    }
  }
  
  .footer-html-badges {
    display: flex;
    flex-wrap: wrap;      
    align-items: center;
    gap: 1px;             
    justify-content: flex-start;

    img {
      height: auto;
    }

    img:nth-child(1) {
      width: 24%; 
      max-width: 55px; 
      max-height:100px;
      object-fit: contain; 
    }

    img:nth-child(2) {
      width: 80%; 
      max-width: 255px; 
      max-height:50px;
      object-fit: contain; 
    }
  }
}

/* Stamped */
[id^="shopify-section-"][id$="__apps_E8cd8V"], 
[id^="shopify-section-"][id$="__apps_U4zErp"]{
  .stamped-carousel-scroll{
    max-height:500px !important;
  }
  #stamped-reviews-widget[data-widget-type=carousel] .stamped-carousel-scroll .stamped-reviews-message-block, 
  #stamped-reviews-widget,
  .stamped-content *{
    font-family: Quicksand, sans-serif !important;
  }



  /* #stamped-reviews-widget[data-widget-type=carousel] .stamped-carousel-scroll .stamped-reviews-author {
    font-family: "Playfair Display", serif !important;
  } */

  #stamped-reviews-widget[data-widget-type=carousel] .stamped-carousel-scroll .stamped-reviews-title{
    text-align: left !important;
    font-size: 14px;
    color: #000;
    filter: brightness(70%) !important;
    font-weight: 500;
    font-family: 'Open Sans';
  }

  
  #stamped-reviews-widget[data-widget-type=carousel] .stamped-carousel-scroll .stamped-reviews-message-block {
    font-style: italic;
    font-size: 13px !important;
    font-family: Open Sans;
    color:#777 !important;
  }

  .stamped-widget-buttons{
      margin-bottom: -40px !important;
  }

  #stamped-reviews-widget[data-widget-type=carousel],div.stamped-container[data-widget-style], div[data-widget-style] div.stamped-container {
      max-width: 1680px !important;
  }

  .stamped-review-product {
    text-decoration: underline !important;
    a{
      color: #5f7084 !important;
    }
  }


  .stamped-ratings-wrapper{
    display: flex !important;
    flex-direction: column !important;
    padding: 0 16px 16px 16px !important;
  }
  .stamped-ratings-wrapper > *:nth-child(1) {
    order: 2;
  }
  .stamped-ratings-wrapper > *:nth-child(2) {
    order: 3;
  }
  .stamped-ratings-wrapper > *:nth-child(3) {
    order: 1;
  }
  .stamped-ratings-wrapper > *:nth-child(4) {
    order: 4;
  }
  .stamped-ratings-wrapper > *:nth-child(5) {
    order: 5;
  }
  .stamped-ratings-wrapper > *:nth-child(6) {
    order: 6;
  }
  .stamped-ratings-wrapper > *:nth-child(7) {
    order: 7;
  }


  #stamped-reviews-widget[data-widget-type=carousel] .stamped-reviews-date {
      float: none !important;
      padding-top: 0px !important;
      margin-left: 3px;
      margin-bottom: -10px;z-index: 10;
      position: relative;
  }

  #stamped-reviews-widget[data-widget-type=carousel] .stamped-carousel-scroll .stamped-reviews-rating {
    font-size: 2px;
    .stamped-fa:before {
        font-size: 18px;
    }
  }

  #stamped-reviews-widget[data-widget-type=carousel] .stamped-carousel-scroll .stamped-reviews-image {
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      height: 100% !important;
      border: 0px solid #ddd !important;
      padding: 8px 0 0px 0;
      a {
        height: 120px !important;
        img{
          position: unset !important;
          height: 120px !important;
          /* width: 300px !important; */
          object-fit: contain;
          float: left;
        }
      }

  .stamped-reviews-product-title a{
          font-size: 11px !important;
          background: #fff;
          width: 100%;
          text-align: left;
          height: 100% !important;
          margin: -5px 0 5px 0;
          line-height: 1.2;
          color: #777 !important;
          font-style: italic;
          /* text-decoration: underline; */
      }
  }

  #stamped-reviews-widget[data-widget-type=carousel] .stamped-carousel-scroll .stamped-reviews-message {
      padding: 5px 0 1px 0 !important;
      margin-left: 0 !important;
      /* @media screen and (max-width: 690px) {
        .stamped-reviews-message-block.stamped-style-color-text {
              margin-left: -100px !important;
          }
      }
      @media screen and (max-width: 390px) {
        .stamped-reviews-message-block.stamped-style-color-text {
              margin-left: 00px !important;
          }
      } */
  }
  #stamped-reviews-widget[data-widget-type=carousel] .stamped-carousel-scroll .stamped-reviews-author {
      padding: 2px 0 !important;
      margin-left: 0 !important;
      @media screen and (max-width: 690px) {
        margin-left: -10px !important;
      }
  }
  #stamped-reviews-widget img.shopapp-verified{   
    height: 29px !important;
    padding: 3px 0 !important;
  }
}

.stamped-full-page-tabs,.stamped-widget-title{
  display: none !important;
}

/*Hide product page title review stars if no rating */
.stamped-badge[data-rating="0.0"] {
  display: none !important;
}

.stamped-badge:hover .stamped-badge-caption{
  border-bottom: 1px solid #000;
}

.stamped-empty-state{
    display: none !important;
    height: 0;
    visibility: hidden;
    margin: 0;
}

.f-cart-drawer__empty .btn-cart-emtpy{
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  line-height: 1.1;
  padding: 10px;
}

shopify-chat{
  z-index: 3;
}

.wishlisthero-floating
{
  z-index: 3 !IMPORTANT;
}



.f-newsletter__form {
  width: 90% !IMPORTANT;
  @media (min-width: 768px) {
    width: 70% !IMPORTANT;
    max-width: 64rem;
  }

  .newsletter-form{
    max-width: 54rem;
    margin-right: auto;
    margin-left: auto;
  }

  .newsletter-form__design-1 .newsletter-form__submit {
    color: #000;
  }
}

/* Footer Newsletter Signup - Klaviyo */
.klaviyo-form-TKWQ5A{
  /* margin-top: -20px; */
  form{
    max-width: 730px !important;

    div[data-testid="form-component"]{
      padding:0 !important;
      @media only screen and (max-width: 500px) {
        width: 100% !important;
      }   

      button{
        border: 1px solid rgb(242 199 20) !important;
        background: rgb(242 199 20) !IMPORTANT;
        padding: 0 20px !important;
        @media only screen and (max-width: 500px) {
          width: 100% !important;
        }   
      }
    }

    div[data-testid="form-row"]{
      @media only screen and (max-width: 500px) {
        flex-direction: column !IMPORTANT;
        margin-top: 50px !important;
      }
    }

  }
}

.product-card .product-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 90%;
}

/* Override inside main collection list */
.main-collection__list .product-card .product-card__title {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

/* Multi color background for color-swatch */
[value="gid://shopify/TaxonomyValue/2865"] + span.color-check{
  background: linear-gradient(
    90deg,
    red,
    orange,
    yellow,
    green,
    blue
  ) !important;
}

/* Brand Collection Description Images and Iframe  */
/* .rte img:not(.productdesc-image-grid img), .brand-collection-description img  {
    max-height: 250px;
    object-fit:contain;
    max-width: 250px;
    padding:10px;
} */
.rte iframe, .brand-collection-description iframe {
  width: 100%;
  max-width: 350px;
  aspect-ratio: 16 / 9;
  height: auto;
  padding:10px;
}

inbox-online-store-chat{
  transform: scale(0.8);
  transform-origin: left bottom;
}



.announcement-bar {
  max-height: 30px !important;
  @media (max-width: 500px) {
    max-height: none !important;
  }

  .announcement-bar__inner.flickity-enabled .announcement-bar__row, .announcement-bar__row {
    padding-block: 6px !important;
    font-size: 80%;
    @media (max-width: 500px) {
      padding-block: 12px !important;
    }
  }
}

.breadcrumbs{
  padding: 1.2rem 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  font-size: 12px;
  font-family: var(--font-body-family);
  font-weight: 400;
  a:hover{
    text-decoration: underline;
  }

  .breadcrumbs--sep{
    margin: 0 .5rem !important;
  }
}

.site-footer__bottom{
  margin-bottom: -22px;
}

.product-card__atc{
  white-space: normal;
  line-height: 1.1;
}



/* NAVBAR */
  
/* @media (min-width: 1024px) {
    .site-header--design-5 .f-site-nav {
      justify-content: end !IMPORTANT;
    }
}

.site-header--design-5 .site-header__right .f-site-nav:not(:last-child) {
    justify-content: start !IMPORTANT;
} */

.f-site-nav__item[data-index="0"] > a.f-site-nav__link,
.f-site-nav__item[data-index="1"] > a.f-site-nav__link,
.f-site-nav__item[data-index="2"] > a.f-site-nav__link,
.f-site-nav__item[data-index="3"] > a.f-site-nav__link,
.f-site-nav__item[data-index="4"] > a.f-site-nav__link {
  pointer-events: none;
  margin-right: -3px;
  margin-left: -3px;
}
.f-site-nav__item[data-index="5"] .f-site-nav__link, 
.f-mobile-nav__item:nth-last-child(2) .f-mobile-nav__link  {
  color: var(--color-badge-sale) !IMPORTANT;
  /* letter-spacing: 2px; */

}
.f-site-nav__item[data-index="5"] .f-site-nav__link, 
.f-mobile-nav__item:nth-last-child(2) .f-mobile-nav__link , 
.f-site-nav__item[data-index="6"] .f-site-nav__link span{
  position: relative;
  font-weight: 800;
  font-family: "Square Peg", cursive;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  margin-right: -3px;
  margin-left: -3px;
  /* letter-spacing: 1px; */
  /* color: #0f3429 !important; */
  @media (max-width: 1023px) {
    height: 40px;
    padding: 10px 0 10px 2px;
  }
}

@keyframes newPulse {
  from { transform: scale(1) rotate(-2deg); }
  to { transform: scale(1.1) rotate(2deg); }
}

.f-mobile-nav__item:last-child .f-mobile-nav__link {
  color: #0f3429 !IMPORTANT;
  font-family: "Square Peg", cursive;
  font-weight: 800;
  font-style: normal;
  font-size: 160%;
}


.f-mobile-nav__inner .f-mobile-nav__item.f-mobile-nav__item--has-child > a.f-mobile-nav__link,
.f-mobile-nav__dropdown .f-mobile-nav__subitem.f-mobile-nav__sub-item--has-child>.f-mobile-nav__sub-link{
  pointer-events: none;
}

.f-mobile-nav__item.f-mobile-nav__item--has-child .f-mobile-nav__arrow{
  width: 100%;
  .f-mobile-nav__arrow-icon {
    justify-content: end;
    width: calc(100% - 40px);
  }
}

.site-header__inner {
  .collection-card__number-count{
    display: none;
  }
  .collection-card__title{
    text-transform: uppercase;
    color: #000;
    font-size: 120%;
  }
}

.f-site-nav__dropdown{
  min-width: 180px !important;
}

/* THEME ENDS ---------------------------------------------- */




/* HOMEPAGE  ---------------------------------------------- */


/* #template--20481589018882__slideshow_9BGdYR .container{ */
/* [id^="template-"][id$="__slideshow_9BGdYR"] .container{
  @media (max-width: 639.98px) {
    padding-left: 0;
    padding-right: 0;
  }
} */

/* #f-slideshow-template--20481589018882__slideshow_9BGdYR{ */
[id^="f-slideshow-template-"][id$="__slideshow_9BGdYR"]{
  @media (max-width: 768px) {
    --aspect-ratio: 1 !important;
    --aspect-ratio-mobile: 1 !important;
  }
}

/* #f-slideshow-template--20481589018882__slideshow_LWJRwL{ */
[id^="f-slideshow-template-"][id$="__slideshow_LWJRwL"]{
  height: 100vh;
  min-height: 500px;
  max-height: 100vh;
}


.f-lookbook-card__pin {
  transform: scale(1.2);
}

/* HOMEPAGE ENDS ---------------------------------------------- */





/* PRODUCT PAGE ---------------------------------------------- */


/* Image scroll css */
body.template-product product-info attr[data-media-layout="carousel"] motion-element.f-product__media-wrapper{
    height: 100vh;
    overflow: overlay;
}
body.template-product product-info[data-media-layout="grid-2-cols"] {
  @media (min-width: 768px) { 
    motion-element.f-product__media-wrapper {
      --h-factor: 0.80;
      --w-factor: 0.1;
      height: calc(var(--h-factor) * 100vh + var(--w-factor) * 100vw);
      overflow: overlay;

      direction: rtl;/*this here*/

      /*this is the child*/
      media-gallery {
          direction: ltr;/*this here*/
      }


      &::-webkit-scrollbar {
        width: 6px; 
      }
      
      &::-webkit-scrollbar-track {
        background: #f1f1f1;
      }
      
      &::-webkit-scrollbar-thumb {
        background:rgba(15, 52, 41, 0.65);
        border-radius: 10px;
      }
      
      &::-webkit-scrollbar-thumb:hover {
        background: rgba(15, 52, 41, 0.65);
      }
      
    }
  }
}

.custom-related-collections{
    padding:40px 0;
}

.template-product product-info {
  margin-bottom: -80px;
  @media (max-width: 768px) {
    margin-bottom: -40px;
  }

  .custom.product-card__vendor {
    font-size: 110%;
    text-transform: uppercase;
    scroll-margin-top: 120px;
    margin-bottom: -1.2em !important;
    &:hover {
      text-decoration: underline;
    }
  }

  [id*="__back_in_stock_restock_alert_za_zooomy_backinstock_"]{
    overflow: hidden;
    height: fit-content;
    #zooomybackinstock {
      margin: -1.5rem 0 0.5rem 0;
      float: none;
      *{
        float: none !important;
      }
      #zooomyalertbtn{
        float: RIGHT !important;
      }
    }
  }
}

#prod_info_tabs{
  .f-tabs__header{
    margin-bottom: 0;
    font-size: 120%;
  }
  .rte {
    .stamped-container[data-widget-style]{
      margin-top: -0 !important;
    }

    img:not(.stamped-lazyload){
      max-height:200px !important;
      width: auto;
    }
  }
}

.f-product-single__block--price{
  .f-price-item{
    font-size: 110%;
    font-weight:500;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    &.f-price-item--sale{
      color: var(--color-badge-sale);
      font-size: 150%;
      margin-top: -1px;
    }
  }

  .f-price--on-sale .f-price-item--regular {
      color: rgba(var(--color-foreground), .35);
  }

  .f-price__regular{
    .f-price-item{
        font-size: 150%;
        margin-top: -1px;
    }
  }
}

/* If both "hot" (back in stock) and "new" exist, show only "hot back in stock" */
.f-product-single__block--badge .f-product__tags:has(.f-badge--hot) .f-badge--new {
  display: none;
}

/* .f-product-form{
  display:flex;

  .main-product-form{
    width:100%
  }

  #wishlisthero-product-page-button-container button{
    svg{color: #000 !important;}
    color: #000 !important;
    margin-top: 0px !important;
    height: 46px !important;
    background: #fff8dd !important;

    &:hover{
      svg{color: #000!important;}
      color: rgb(0, 0, 0) !important;
      background:rgb(242, 200, 49) !important;
    }
  }
} */

.lb-upsell-ppa-title-cont{
  Display: NONE !important;
}
.lb-upsell-carousel-container{
  max-width: 700px !important;
  /* background-color: #f7f7f7; */
  margin-top: -25px;
  padding-top: 5px;

  .lb-upsell-ppa.lb-upsell-ppa-carousel{
    margin-bottom: 0;
  }
}
.ppa-prod-container-grid {
  width: 115px;
  .lb-spc-details-name, .ppa-prod-details-title-grid {
    font-size: 11px !IMPORTANT;
    -webkit-line-clamp: 2 !important;
    margin-top: 2px;
  }
  span{
    font-size: 13px!important;
    font-weight: 500;
    margin-top: 5px;
    small > span{
      font-size: 110%!important;
    }
  }
  .ppcs-variants-form-select.lb-upsell-variants-select.ppcse-cursor-pointer{
    height: 20px !important;
    font-size: 12px !important;
    width: 100px !important;
    text-align: center !important;
    display:none !important;
  }
  .ppa-add-to-cart-btn{
    color: #333333  !important; 
    background: rgb(255, 255, 255)  !important;
    font-size: 15px  !important;
    font-weight: 700  !important;
    text-transform: uppercase  !important;
    border-color: #ededed  !important;
    box-shadow: 0px 1px 0px 0px rgba(227, 227, 227, 0.5) inset, 1px 0px 0px 0px rgba(227, 227, 227, 0.5) inset, -1px 0px 0px 0px rgba(227, 227, 227, 0.5) inset, 0px -1px 0px 0px rgba(181, 181, 181, 0.5) inset  !important;
    margin-top: 0;
    &:hover{
      background: rgb(230, 230, 230)  !important;
    }
  }
}

.product-card__badge,.f-product__tags {
  .f-badge{
    padding: .45rem .8rem .2rem .8rem !important;
    &.f-badge--preorder{
    background-color:#2f5d3f;
    }
  }
}

.preorder-banner {
  background-color:#f1f1f1;
  color:#505050;
  border-left: 5px solid #6f857f;
  padding: 7px 18px 7px 8px;
  display: flex;
  align-items: center;
  border-radius: 0px;
  font-size: 14px;
  margin: 4rem 0 -10px 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  @media (max-width: 768px) {
     margin: 4rem 0 0 0;
  }

  .preorder-icon {
    font-size: 25px;
    margin-right: 6px;
  }

  .preorder-text em {
    font-style: italic;
  }
}

.f-complementary-products {
  .collapsible__content-inner{
    padding-top: 0px !important;
  }
  .product-card {
    .product-card__info{
      .product-card__vendor{
        margin-top: 0;
      }
      .product-card__title{
        line-height: 2rem;
        margin-top: 10px;
      }
    }
    .wishlisthero-floating.wishlist-hero-custom-button {
      /* background: #ffffff !important; */
      /* border-radius: 0px !important; */
      margin-right: 3.2rem !important;
      margin-top: -0.8rem !important;
      transform: scale(.9);
    }
  }
}

.variant-picker__option-button {
  border: .1rem solid #999 !important;
}

/* ZIPAY */
quadpay-widget .zip-container{
  transform: scale(0.8);
  transform-origin: left top;
  margin-top: -15px;
  margin-left: 2px;
}

/* PRODUCT PAGE ENDS ---------------------------------------------- */





/* COLLECTION PAGE  ---------------------------------------------- */
#FacetSortForm option[value="best-selling"] {
    display: none !important;
}

.productdesc-image-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;     
  justify-content: center; 

  .item {
    flex: 0 0 calc(160px); 
  }

  @media (max-width: 1024px) {
    .item {
      flex: 0 0 calc(20%); /* still 5 */
    }
  }

  @media (max-width: 800px) {
    .item {
      flex: 0 0 calc(25%); /* 4 columns */
    }
  }

  @media (max-width: 600px) {
    .item {
      flex: 0 0 calc(25%); /* 3 columns */
    }
  }

  @media (max-width: 300px) {
    .item {
      flex: 0 0 calc(20%);
    }
  }

  > a {
    display: inline-block;
    border-bottom: 0px solid var(--color-badge-sale) !important;
    padding:0px;
    margin:0;

      & img {
        transition: transform 0.1s ease, box-shadow 0.1s ease;
        width: 100%;
        max-width: 200px; /* Ensures images don't get too large */
        height: auto; /* Maintain aspect ratio */
        border-radius: 5px;
        display:block;
        margin: auto;
        padding: 0px;
        max-height: fit-content;
      }

      &:hover img {
        transform: scale(1.05);
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
      }

      p{
        margin: 3px auto 0 auto;
        max-width: 190px;
        line-height: 1;
        padding: 5px 5px 8px 5px;
        background: #eee;
        font-size: 80%;
      }
    }
}

.collection-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; /* font-size: 90%; */
}

#collection-desc .rich-text__wrapper .rich-text__content motion-element.mega-description {
  & > *:first-child {
    margin-top: 20px;
  }
  & > *:last-child {  
    margin-bottom: 10px;
  }
}


/* #template--20481588691202__custom_liquid_Nc3b8J {
  --section-padding-top-mobile: 20px !important;
  --section-padding-bottom-mobile: 20px !important;
}
#template--20481588691202__custom_liquid_Nc3b8J grid-list {
  padding-top: 20px !important;
  --section-padding-bottom: 20px !important;
  --section-padding-top-mobile: 20px !important;
  --section-padding-bottom-mobile: 20px !important;
} */

/* COLLECTION PAGE ENDS ---------------------------------------------- */






/* PRODUCT CARD  ---------------------------------------------- */

.product-card {

  &.product-card-soldout{
    .f-image.product-card__image.product-card__image--main{
      opacity: 0.25;
    }
    .product-card__info{
      opacity: 0.75;
    }
  }

  .product-card__vendor{
    z-index: 2;
    position: relative;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    margin-top: -10px;
    margin-bottom: 5px;

    a{
        color: rgba(var(--color-foreground), .75);
    }
    &:hover{
        text-decoration:underline;
    }
  }

  .product-card__reviews .f-product-rating{
    --star-color: gold !important;

    .rating-star:before{
      font-size: 22px;
      letter-spacing: -1px;
    }
  }

  .f-price{
    margin-top:6px;

    .f-price__sale{
      align-items:center;
      @media (max-width: 568px) { 
        grid-template-columns: auto !important;
        gap: 0.2rem !important;
      }
    }

    .f-price-item{
      font-size: 95%;
      font-weight:500;
      height: 100%;
      display: flex;
      opacity: 0.55;
      /* align-items: center; */
      /* justify-content: center; */
      &.f-price-item--sale{
        color: var(--color-badge-sale);
        font-size: 100%;
        margin-top: -1px;
        opacity: 1
      }
    }

    .f-price--on-sale .f-price-item--regular {
      color: rgba(var(--color-foreground), .65);
    }

    .f-price__regular{
      .f-price-item{
          font-size: 100%;
          margin-top: -1px;
          opacity: 0.65
      }
    }
  }

  .color-swatch__item {
      border: 1px solid #cdcdcd !important;
  }

  .product-card__atc.btn, .product-card__quickview{
    opacity: 0.8!important;
    /* box-shadow: 0px 1px 0px 0px rgba(227, 227, 227, 0.5) inset, 1px 0px 0px 0px rgba(227, 227, 227, 0.5) inset, -1px 0px 0px 0px rgba(227, 227, 227, 0.5) inset, 0px -1px 0px 0px rgba(181, 181, 181, 0.5) inset; */
  }

  /* If there are more than 2 badge children, hide everything except 1st and last */
  .product-card__badge:has(> :nth-child(3)) > *:not(:first-child):not(:last-child) {
    display: none;
  }

  
}
.product-card__wrapper:has(.product-card__badge .f-badge--soldout)
.product-card__image--main {
  opacity: 0.4;
}

/* 
  .product-card__wrapper:active .product-card__image-wrapper:not(.product-card__image-wrapper--main-only) .product-card__image--main {
      opacity: 1;
    }
    .product-card__wrapper:active .product-card__image-wrapper .product-card__image--second {
      opacity: 1;
      visibility: visible;
      transform: scale3d(1, 1, 1);
    }
    .product-card__image--second {
      position: absolute;
      opacity: 1;
      visibility: visible;
      transform: scale3d(1.08, 1.08, 1);
  } 
*/
/* PRODUCT CARD  ENDS ---------------------------------------------- */







/* SALEPIFY APP DESIGN ---------------------------------------------- */
/* NEW */

.salepify-popup {
  padding: 16px 16px 0 16px !important;
  gap: 2px !important;

  .salepify-popup-body{
    padding-top: 10px !important;
  }
}

.salepify-popup--horizontal .salepify-popup__item-container {
  max-height: 340px !important;
}

.salepify-popup--horizontal .salepify-popup-item__img, .salepify-popup--vertical .salepify-popup-product-status .salepify-popup-item__img {
  max-width: 70px !important;
  border:0 !important;
  border-radius: 0px !important;
}

.salepify-popup-header__icon{
  background: #ffd700 !important;
}

.salepify-popup,.salepify-popup--horizontal .salepify-popup-item{
  border-radius: 0px !important;
  padding: 5px 5px 10px 5px;
  border: 0;
  border-bottom: 1px solid #ededed;
}

.salepify-popup-gift.salepify-popup-item--selected {
  border-color: #ededed !important;
}

.salepify-popup__claim-button {
  border-radius: 0px !important;
  color: #000;
  text-transform: uppercase;
  padding: 12px 20px;
}

.salepify-popup-item__select-btn {
  border-radius: 0px !important;
  height:25px
}

.salepify-popup__item-container-wrapper{
  position:relative;
  &:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    height: 10px;
    pointer-events: none;
    box-shadow: inset 0px 10px 10px -14px #0000004d;
  }
  &:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    pointer-events: none;
    box-shadow: inset 0 -10px 10px -12px #0000004d;
  }
}

.salepify-popup--gifts-only .salepify-popup__footer {
    padding-top: 10px;
}

.salepify-fg-advanced__trademark{
    z-index: -1;
}

/* confetti salepify */
canvas[style*="pointer-events: none"][style*="position: fixed"] {
  display: none !important;
} 

/* SALEPIFY APP DESIGN ENDS ---------------------------------------------- */

/* .f-cart{
  .salepify-ymal__header,.salepify-ymal__body{
    display:none !important;
  }
}
 */





/* CART PAGE  ---------------------------------------------- */
cart-note, .cart-note{
  background: #eeeeee;
  padding: 5px 20px 5px 20px;
}
.f-cart__addons .collapsible__content-inner {
  padding: 0rem .1rem !important;
}
.f-cart__addons .collapsible__button {
  padding-block: .5rem;
}


.cart__checkout-button.btn{
  height: calc(var(--btn-height) + 20px);
}

.cart-note{
  font-weight: 500;
  /* margin-bottom: 25px; */
  padding-block: 1.5rem;
}

.cart-atl-opt{
    display: flex;
    justify-content: start;
    margin-right: 0;
    transform: scale(1.2);
    position: absolute;
    margin-left: 10px;
    margin-bottom: 40px;
    margin-top: 5px;
}

@media (min-width: 768px) {
  .f-cart__footer>* {
      width: 40rem !important;
      margin-top: -2rem;
  }

  .f-cart__addons {
    padding-inline-end: 16vw  !IMPORTANT;
  }

  .cart-note {
      /* border-bottom: 1px solid var(--color-border); */
      /* width: calc(100% - 38rem) !important; */
      padding-block: 1.5rem;
      /* margin-bottom: 15px; */
    }
}

@media (max-width: 768px) {
  .f-cart__addons{
    padding-inline-end: 0rem !important;
  }
}



/*hide footer section only on the cart page, */
body.template-cart .conditional-footer {
  display: none !important;
}
/* CART PAGE ENDS---------------------------------------------- */







/* SAM PROTECT APP DESIGN ---------------------------------------------- */
.sam__protect--wrapper{
  justify-content: start !important;
  padding: 15px 10px 15px 0px !important;

  @media only screen and (max-width: 750px) {
    padding: 15px 10px 25px 0px !important;
  }

  .sam__widget{
    background-color: #efefef00 !important; 
    padding: 0 1px 0px 1px !important   ;
    margin: 0 0;

    /* & p:last-child {
      transform: scale(0.0)
    } */

    .sam__widget--title{
      text-align: left;
      font-size: 12px !important; 
      text-transform: uppercase;
    }

    .sam__widget--description{text-align: left;}

    .sam__widget--content{
    
      flex-direction: row;
      /* justify-content: space-between; */
      align-items: center !important;

      .sam__widget--title-container {
        align-items: baseline;
        gap: 3px;
      }
    
      @media only screen and (max-width: 750px) {
        justify-content: start;
        gap: 1px;
      }

      & a.sam__widget--policy-link {
        font-size: 15px !important;
        color: #77a4b7;
        margin-top: -4px;
        &:hover{
          cursor: help !important;
          color:darken( #77a4b7,10%) !important;
        }
      }

      .custom-checkbox{    
        transform: scale(1.15);   
        .checkmark {
            border-radius: 0px;
            border: 1px solid #31C948;
            &:after {
                top: 3.5px;
                border: solid #31C948 !important;
                border-width: 0 3px 3px 0 !important;
            }
        }
      }

      .sam_protect_switch .sam_switch_label{
          margin-left: 5px;
      }

    }

    .money.sam-protect-estimate{
      font-size: 110%;
      padding: 0 0 0 0;
      margin: -10px 0 0 0;
      background: #FFF; 
      z-index: 1; 
      position: relative; 
    }
    .money.sam-protect-estimate{
      display: none !important;
    }

  }
}
/* SAM PROTECT APP DESIGN ENDS---------------------------------------------- */








/* WISHLIST DESIGN ---------------------------------------------- */
/* .MuiButtonGroup-grouped {
  min-width: 40px;
  font-size: 15px !IMPORTANT;
} */

.MuiDialogContent-dividers{
  padding: 16px 10px !IMPORTANT;
}

.wishlist-hero-header{
  padding: 14px 18px !important;
  .wishlist-hero-header-title{
    font-weight: 500;
  }
}

.wishlist-hero-list-header-login,.wishlist-hero-list-card-footer-delete-all,.wishlist-hero-list-card-footer-add-all-to-cart-dialog,.wishlist-hero-footer-share-btn  {
  padding: 12px 15px !important;
  background-color: #eaeaea !important;
  color: #0f3429 !important;
  border-radius: 0px !important;
  line-height: 1 !important;
  height: auto;
  transition: .3s all !IMPORTANT;
  margin: 10px 20px 0 0 !important;
  &:hover{
    color: #fff !IMPORTANT;
    background-color: black !IMPORTANT;
  }
}

.wishlist-hero-list-card-footer-add-to-cart  {
  padding: 12px 15px !important;
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 0px !important;
  line-height: 1 !important;
  height: auto;
  transition: .3s all !IMPORTANT;
  margin-left: 7px !important;
  &:hover{
    color: #0f3429 !IMPORTANT;
    background-color: #eee !IMPORTANT;
  }
}

.wishlist-hero-list-card-footer-delete{ 
  margin-left: 10px !IMPORTANT;
  svg{
  font-size: 25px !IMPORTANT;
  }
}

.wishlist-hero-list-card-product-price{
  padding: 5px 0px 0px 0px !IMPORTANT;
  div{
    text-align: left !important;
    font-weight: 500;
    MARGIN-LEFT: 16PX;
  }
}

.wishlist-hero-list-card .MuiPaper-elevation1{
  box-shadow:none !important;
  border: 0.1rem solid var(--color-border);
  padding: 10px 0 !IMPORTANT;
  &:hover{
    border: 0.1rem solid #d0d0d0;
  }
} 

.MuiCardHeader-title a {
  min-height: 2em !IMPORTANT;
  display: -webkit-box !important;
}

.MuiCardMedia-root.jss43.wishlist-hero-list-card-product-image, 
.MuiCardMedia-root.jss26.wishlist-hero-list-card-product-image{
  padding-top: 40% !IMPORTANT;
  background-size: CONTAIN !IMPORTANT;
  background-position: left !IMPORTANT;
  MARGIN-LEFT: 16PX;
} 

.wishlist-hero-list-card-header{
  padding: 2px 15px 6PX !important;
}


.MuiButton-text,.wishlist-hero-list-card-header-product-name,.wishlist-hero-dyna-translate,#message-id, .MuiDialogContentText-root{
  font-size: 14px !IMPORTANT;
  LINE-HEIGHT: 1.2;
}



.wishlist-hero-header-show-count-only{
  svg{  
    width: 21px;
    height: 21px;
    margin-top: -1px;
    /* margin-left: -10px; */
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }
  span{
    margin-right: -4px;
    margin-top: -2.2px;
  }
}

.site-header__icon span.wishlist-hero-items-count {
    position: absolute !important;
    width: 18px !important;
    height: 18px !important;
    top: 6px;
    right: 4px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 0 3px;
    min-width: 18px;
    font-size: 12px;
    color: var(--color-btn-text, #fff);
    background: var(--color-cart-bubble, #000);
}

.wishlisthero-product-page-button-container button.product__form--add-to-cart{
      font-weight: 600;
    letter-spacing: 0.5px;
}

/* WISHLIST DESIGN ENDS---------------------------------------------- */

.review-highlight {
 animation: f-fade-in 0.95s ease infinite;
}
