/** Shopify CDN: Minification failed

Line 1178:10 Expected identifier but found whitespace
Line 1178:11 Unexpected "63%"

**/
.article__body h2{
  font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight:var(--typeHeaderWeight);
  letter-spacing:var(--typeHeaderSpacing);
  line-height: normal !important;
  font-family: Regular !important; 
}



.btn{
  border-radius: 8px !important;
background: #D02029 !important;
font-family: Akrobat !important;
}
  /* Loader styling for button */
  .btn-loading {
    position: relative;
    pointer-events: none; /* Disable click during loading */
    opacity: 0.4 !important;
  }

  .btn-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border: 2px solid black;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    100% { transform: rotate(360deg); }
  }





* {
  scroll-behavior: smooth;
}
  .btn-animation:hover{
    animation: pulse 1.5s infinite;
  }

  @keyframes pulse {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
  }

.shopify-policy__title h1, .section-header__title{
  color: var(--Second-100, #010101);
text-align: center;

/* Heading/H1 */
font-family: Regular;
font-size: 54px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
  letter-spacing: 0px;
}
.index-section--faq .h2{
   color: var(--Second-100, #010101);

/* Heading/H1 */
font-family: Regular;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
  letter-spacing: 0px;
}
.shopify-policy__container p, .page-content p, .page-content li, .shopify-policy__body li, .collapsible-trigger span, .collapsible-content__inner p, .index-section--faq p, .index-section--faq a{
  color: var(--Second-100, #010101);
    font-family: Akrobat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
}
.collapsible-trigger span{
  font-family: Akrobat;
   font-size: 25px;
    font-weight: 600;
}
.shopify-policy__body h1, .shopify-policy__body h2, .shopify-policy__body h4, .shopify-policy__body u{
  color: var(--Second-100, #010101);
text-align: center;

/* Heading/H5 */
font-family: Regular;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.2px;
text-transform: uppercase;
letter-spacing: 0px;
  text-align: left;
}


h3.sub-heading, .onetime-content h3{
    margin: 0;
    color: var(--Second-100, #010101);
    text-align: center;
    font-family: Akrobat;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 28.8px;
    text-transform: uppercase;
    letter-spacing: 0px;
}
p.orignal-price {
    margin: 0;
    color: rgba(1, 1, 1, 0.22);
    
    font-family: Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-decoration-line: line-through;
}
p.sub-price, .one-price{
    margin: 0;
    color: var(--Second-100, #010101);
    font-family: Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
}
.onetime-content {
    display: flex;
    justify-content: space-between;
}
.sub-prices {
    display: flex;
    align-items: center;
    gap: 3px;
}

.main-product .product__price, .main-product .product__quantity label{
  color: var(--Second-100, #010101);

/* Heading/H5 */
font-family: Regular;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.2px;
text-transform: uppercase;
letter-spacing: 0px !important;
}
.main-product .product__policies{
  color: var(--Second-100, #010101);

/* Body/Md */
font-family: Akrobat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
letter-spacing: 1px;
text-align: start !important;
} 
.sub-wrapper-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
select#product-options {
    width: 100%;
    border-radius: 9999px;
    border: 1px solid var(--Secondary-100, #D02029);
    /* background: #FFF; */
    padding: 13px 21px;
    margin-top: 16px;
    background: #FFF;
    position: relative;
    z-index: 10;
    color: var(--Second-100, #010101);
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
   line-height: 24px; /* 150% */
  letter-spacing: 0px;
}
.select-main-wrapper{
  position: relative;
}
.drop-down-svg{
  display: flex;
      position: absolute;
    top: 37px;
    right: 25px;
    z-index: 11;
}
.sub-point span{
  display: flex;
  color: var(--Second-100, #010101);
  font-family: Akrobat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  align-items: center;
  gap: 6px;
}
.sub-point{
   display: flex;
   align-items: center;
  gap: 6px;
}
.sub-points{
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 10px;
}
.onetime-wrapper, .sub-wrapper{
    border-radius: 10px;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 22px 21px;
    position: relative;
    cursor: pointer;
}
.onetime-wrapper{
  margin-top: 8px;
}
.sub-wrapper{
  margin-top: 12px;
}
.sub-input, .onetime-inp{
  position: absolute;
    width: 100% !important;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}
.sub-wrapper:has(input[type="radio"]:checked) {
 border-radius: 10px;
border: 2px solid var(--Secondary-100, #D02029);
background: #FAE9EA;
}
.onetime-wrapper:has(input[type="radio"]:checked) {
 border-radius: 10px;
border: 2px solid var(--Secondary-100, #D02029);
background: #FAE9EA;
}

/* When .sub-wrapper does not contain a checked radio input */
.sub-wrapper:has(input[type="radio"]:not(:checked)) {
  border-radius: 10px;
  border: 1px solid #CCC;
  background: #FFF;
}
.onetime-wrapper:has(input[type="radio"]:not(:checked)) {
  border-radius: 10px;
  border: 1px solid #CCC;
  background: #FFF;
}
.main-heading {
    margin: 0;
    color: var(--Second-100, #010101);
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-top: 32px;
}







.main-product .product-single__title{
  margin: 0;
    color: var(--Second-100, #010101);
    font-family: Regular;
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    max-width: 354px;
    letter-spacing: 0px;
}
.main-product .product-single__title strong{
  color: #D02029;
  font-weight: 400;
}
.main-product .product-block{
  margin: 0px !important;
}
.about-product {
  margin: 0;
  color: var(--Second-100, #010101);

/* Body/Md */
font-family: Akrobat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
letter-spacing: 1px;
border-top: 1.5px solid black;
padding-top: 15px;
  margin-top: 24px;
}
.main-product .product-single__meta{
  padding: 0px !important;
  padding-left: 64px !important;
}
.main-product .grid__item{
  padding: 0px ;
}
.main-product .grid{
  margin: 0px !important;
}
.main-product .new-add-btn{
  border-radius: 8px;
    background: #D02029;
    color: #FFF;
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    height: 50px;
    padding: 0px;
    width: 100%;
    margin-top: 24px;
    cursor: pointer;
    text-transform: capitalize;
}
.main-product .add-to-cart:after{
  content: unset !important;
}
.main-product .add-to-cart:hover{
 background: #D02029 !important;
}
.i-w-t-content {
    display: flex;
    justify-content: space-around;
    /* align-items: center; */
}
.i-w-t-single p{
  margin: 0;
  color: var(--Second-100, #010101);
text-align: center;

/* Body/Md */
font-family: Akrobat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
letter-spacing: 1px;
  padding-top: 6px;
}
.i-w-t-single {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom-i-w-t{
  margin-top: 24px;
}
.tabs-main-wrapper {
    border-radius: 8px;
    border: 1px solid var(--Second-20, rgba(1, 1, 1, 0.20));
    padding: 24px 20px;
    margin-top: 29px;
}
.tabs-top {
    display: flex;
    gap: 20px;
}
.tab-btn{
    color: var(--Second-100, #010101);
    text-align: center;
    font-family: Regular;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0px;
}
.b-point {
    display: flex;
    align-items: center;
    gap: 8px;
}
.b-text p {
    margin: 0;
    color: #010101;
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;
    max-width: 291px;
    width: 100%;
}
.ingridient-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.b-text p strong{
  font-weight: 700;
}
.content-single{
  display: none;
   display: none; /* Initially hide content */
  opacity: 0;
  max-height: 0;
  transition: opacity 1s ease, max-height 0.3s ease; /* Smooth transition for opacity and height */
  flex-direction: column;
}
.btn-active{
  color: #D02029;
text-align: center;
font-family: Regular;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
border-bottom: 2px solid #D02029;
}
.content-active{
 display: flex; /* Show content */
  opacity: 1;    /* Fade in */
  max-height: 5000px; /* Allow enough space for content */
}
.tab-btn {
  transition: color 0.3s ease, border-bottom 0.3s ease; /* Smooth transition for color and border */
}
.btn-active{
  color: #D02029;
text-align: center;
font-family: Regular;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
border-bottom: 2px solid #D02029;
}
.content-wrapper{
  margin-top: 20px;
}
.benifit-content li, .usage-content p{
      color: #010101;
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;
    margin: 0;
  text-align: left;
}
.product-ratings .metafield-rich_text_field p{
  margin: 0;
    color: var(--Second-100, #010101);
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;
}
.product-ratings .metafield-rich_text_field p strong{
  font-weight: 700;
  font-size: 20px;
  color: #010101;
}
.product__thumb-item a.is-active:before, .product__thumb-item a:focus:before {
    bottom: 0;
    box-shadow: inset 0 0 0 1px #010101 !important;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 8px !important;
    z-index: 1;
}
.main-product .image-element{
  border-radius: 8px;
}
.announcement-slider__slide{
color: #FFF;
text-align: center;
font-family: Akrobat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22.4px; /* 140% */
}
.announcement-bar{
  padding: 5.5px 0px !important;
}
.site-header__logo img{
  width: 80px !important;
  height: 66px !important;
  animation: unset !important;
}
.site-header__logo{
  margin: 0 !important;
}
.site-header {
  padding: 0px 0px !important;
  background: #FFF !important;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10) !important;
}
.new-header .site-nav__link{
  padding: 0px !important;
}
.new-header .site-nav {
    margin-left: -12px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
}
.new-header .site-nav__icons{
  display: flex;
    align-items: center;
    gap: 26px;
}
.mobile-nav__link, .mobile-nav__faux-link{
  color: var(--Second-100, #010101) !important;
    font-family: Regular !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: 0.2px;
    text-transform: uppercase !important;
   letter-spacing: 0px !important;
}
.g-c{
   font-size: 18px !important;
   opacity: 0.7;
}
.c-c-t{
  font-size: 15px !important;
   opacity: 0.5;
}
.tabs-main-wrapper-mbl{
  display: none;
}
h3.pack-heading {
    color: var(--Second-100, #010101);
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 12px;
}
.packs-wrapper {
    margin-top: 24px;
}
.pack-text-content h3 {
    margin: 0;
    color: var(--Primary-100, #010101);
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
p.pack-price {
    margin: 0;
    color: #010101;
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.packs-content {
    display: flex;
    gap: 16px;
}
.single-pack {
    flex: 1;
    border-radius: 8px;
    border: 1px solid var(--Second-20, rgba(1, 1, 1, 0.20));
    background: #FFF;
    padding: 16px 12px;
    position: relative;
    cursor: pointer;
}
.pack-text-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}
input.pack-inp{
    position: absolute;
    width: 100% !important;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    margin: 0;
   cursor: pointer;
  cursor: pointer;
}
.single-pack:has(input[type="radio"]:checked) {
 border-radius: 8px;
border: 1px solid #D02029;
background: #FAE9EA;
}
.single-pack:has(input[type="radio"]:checked) .pack-text-content h3{
  color: #D02029;
}
.single-pack::has(input[type="radio"]:not(:checked)) {
border-radius: 8px;
border: 1px solid var(--Second-20, rgba(1, 1, 1, 0.20));
background: #FFF;
} 
.main-product{
  padding-top: 39px !important;
}
.p-svg{
  text-align: left !important;
}

/* flavor-styling */
.signle-flavor img{
  width: 36px;
  height: 36px;
}
h3.flavour-heading {
    margin: 0;
    color: var(--Second-100, #010101);
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    /* letter-spacing: 0px; */
}
.flavour-wrapper {
    margin-top: 32px;
}
.flovor-content {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 12px;
}
.signle-flavor {
    position: relative;
    border-radius: 8px;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-flavor-box{
  width: calc(25% - 12px);
  cursor: pointer;
}
input.flavor-inp {
    margin: 0;
    position: absolute;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
   cursor: pointer;
}
h3.flavor-title {
    margin: 0;
    color: var(--Second-100, #010101);
    text-align: center;
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    padding-top: 8px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cstm-qunsity-selector {
    border-radius: 50px;
    border: 0.5px solid #000;
    background: #FFF;
    max-width: 80px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
    padding: 0 7px;
    margin: 16px auto 0px;
}
span.qty-minus,  span.qty-plus{
    color: var(--Second-100, #010101);
    text-align: center;
    font-family: Regular;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    cursor: pointer;
}
span.custom-qty {
    color: #FFF;
    text-align: center;
    font-family: 'Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border-radius: 15.916px;
    background: #000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
}
.signle-flavor:has(input[type="checkbox"]:checked) {
 border-radius: 10px;
border: 2px solid var(--Secondary-100, #D02029);
background: #FAE9EA;
}
.cstm-qunsity-selector{
  display: none;
}
.new-qty{
  display: flex;
}
@media (max-width: 768px) {
  .announcement-slider__slide {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .site-header__logo img{
  width: 60px !important;
  height: 50px !important;
  animation: unset !important;
}
  .site-header {
  box-shadow: none !important;
}
  .announcement-bar {
    padding: 10px 0 !important;
}
.new-header .site-nav {
    margin: 0 !important;
    gap: 7px !important;
}
 .main-product .flickity-page-dots{
   display: none;
 }
  .tabs-main-wrapper-des{
    display: none;
  }
.main-product .product__photos{
  overflow: hidden;
  flex-direction: column;
}
.main-product .product-single__meta {
    padding: 0 0 0 0px !important;
}
.main-product .product-single__title {
  font-size: 36px;
  text-align: left;
  max-width: 260px;
}
.product-ratings .metafield-rich_text_field p {
    font-size: 14px;
    line-height: normal;
    text-align: left;
    padding-bottom: 8px;
}
.about-product {
  border: none;
  margin: 0px;
  padding-top: 12px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.main-heading {
  margin-top: 24px;
  text-align: left;
  font-size: 18px;
line-height: normal;
letter-spacing: 0.18px;
}
.onetime-wrapper, .sub-wrapper {
  padding: 14px 13px;
}
h3.sub-heading, .onetime-content h3 {
  font-size: 16px;
}
p.sub-price, .one-price  {
  font-size: 16px;
  line-height: 28px;
}
select#product-options {
    width: 100%;
    border-radius: 9999px;
    border: 0.645px solid var(--Secondary-100, #D02029);
    padding: 8px 13px;
    margin-top: 14px;
    background: #fff;
    position: relative;
    z-index: 10;
}
.sub-point span {
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  letter-spacing: 0px;
}
.sub-point {
  gap: 3px;
}
.sub-points {
    gap: 3px;
    margin-top: 6px;
}
p.orignal-price {
  font-size: 16px;
  line-height: 28px;
}
.main-product .new-add-btn {
  letter-spacing: 0.2px;
}
.i-w-t-single p {
    font-size: 14px;
    line-height: 21px;
    padding-top: 5px;
    letter-spacing: 0px;
}
.custom-i-w-t {
    margin-top: 20px;
}
.main-product .product__main-photos{
      margin: 0 !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.main-product .product__thumbs{
  display: flex !important;
        max-width: 100% !important;
        margin: 0 !important;
        height: 100%;
        margin-top: 16px !important;
        flex: 70px;
}
.main-product .product__thumb-arrow--next{
  display: flex !important;
    width: 15px !important;
    height: 15px !important;
    transform: rotate(-90deg) !important;
    right: 0 !important;
    bottom: 50% !important;
    background: none;
     padding: 0px !important;
}
.main-product .product__thumb-arrow--prev{
  display: flex !important;
  width: 15px !important;
  height: 15px !important;
  transform: rotate(-90deg) !important;
  left: 0 !important;
  top: 30% !important;
  background: none;
  padding: 0px !important;
}
.main-product .product__thumbs--scroller{
  /* display: flex !important;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 0px 10px; */
  overflow-x: scroll !important;
   width: 90% !important;
   margin: 0 auto;
   flex-wrap: nowrap;
   flex-direction: row;
   overflow-y: hidden !important;
  white-space: nowrap !important;
  text-align: center;
}
.product__thumb-item {
    border: 2px solid transparent;
    width: 61px !important;
    height: 61px !important;
    display: inline-block;
    margin-right: 8.5px;
    vertical-align: middle;
}
.product__thumb-arrow svg{
  width: 15px !important;
  height: 15px !important;
}
.tabs-main-wrapper-mbl{
  display: block;
}
.btn-btn {
  font-size: 20px;
  letter-spacing: 0.2px;
}
.tabs-top {
    display: flex;
     gap: 20px; 
    justify-content: space-between;
}
.tabs-main-wrapper {
    border-radius: 8px;
    border: 1px solid var(--Second-20, rgba(1, 1, 1, .2));
    padding: 16px 16px;
    margin-top: 24px;
}
.b-text p {
  font-size: 14px;
  line-height: 21px;
  max-width: 100%;
  text-align: left;
}
.ingridient-wrapper {
  gap: 12px;
}
.packs-content {
    display: flex;
    gap: 12px;
}
.single-pack {
  padding: 12px;
}
.pack-text-content h3 {
  font-size: 15px;
  letter-spacing: 0px;
}
p.pack-price {
  font-size: 11px;
   letter-spacing: 0px;
}
.packs-wrapper {
    margin-top: 20px;
}
h3.pack-heading {
  font-size: 18px;
  text-align: left;
  text-align: left;
}
.main-product {
    padding-top: 10px !important;
}
.main-flavor-box {
    width: calc(33% - 7px);
}
h3.flavor-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16px;
    text-transform: uppercase;
    padding-top: 12px;
    min-height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flovor-content {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 12px;
}
h3.flavour-heading {
  font-size: 18px;
  letter-spacing: 0.18px;
  text-align: left;
}
}

.search__input{
  color: var(--Second-100, #010101) !important;
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}





/* collection styling */
.cstm-collections .section-header__title{
  color: var(--Primary-100, #010101);
text-align: center;
font-family: Regular;
font-size: 54px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
  letter-spacing: 0px;
}
.collectin-des{
  margin: 0 !important;
  color: var(--Primary-100, #010101);
text-align: center;
font-family: Akrobat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
  letter-spacing: 0px;
  padding-top: 12px;
}
.cstm-collections .collection-item__title{
  position: unset;
    transform: unset !important;
    box-shadow: none;
    color: #101010;
    font-family: Regular;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-shadow: none;
    padding-top: 12px;
}
.collection-item:not(.collection-item--below):after{
  content: unset !important;
}
.cstm-collections .collection-item {
        margin-bottom: 12px;
    }
.cstm-collections .grid__item {
    padding-left: 39px;
}
.cstm-collections{
  /* padding-left: 30px !important; */
}
.coll-button{
  color: #D02029;
text-align: center;
font-family: Regular;
font-size: 19.925px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.199px;
text-transform: uppercase;
  margin:0;
  letter-spacing: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  border-radius: 5.977px;
border: 1.992px solid #D02029;
  margin-bottom: 72px;
}
.collection-list-page .announcement-bar, .collection-page .announcement-bar{
background: #D02029 !important;
}
.collection-list-page .bs-heading p{
  text-align: left;
}

.new-coll-wrapper .collection-filter__item--count{
  margin: 0;
    color: var(--Dark-100, #000);
    font-family: 'Akrobat';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
}

.new-coll-wrapper .collection-filter {
  margin-bottom: 30px;
}
.new-coll-wrapper .collection-filter__item--sort{
 margin: 0 !important;
}
/* .new-coll-wrapper #SortBy{
 outline: none !important;
    border: none !important;
    color: var(--Dark-100, #000);
    font-family: 'Akrobat';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    /* width: 100px; */
    width: 63%;
} */
.sort-main {
    display: flex;
    gap: 8px;
    align-items: center;
    max-width: 221px;
    justify-content: end;
    border-radius: 6px;
    border: 1px solid #F0F0F0;
    background: #FFF;
}
.sort-main span{
  display: flex;
  color: var(--Dark-100, #000);
    font-family: 'Akrobat';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing:0px;
}
.collection-filter__item--sort .hidden-label{
  display: none;
}
.collection-filter__sort-container{
  justify-content: end;
    display: flex;
}
.new-coll-wrapper .grid-product__price{
  display: none;
}
.new-coll-wrapper .grid-product__title{
    color: var(--Second-100, #010101);
    text-align: left;
    font-family: Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.new-coll-wrapper .product-rating {
        margin-top: 0px;
    min-height: 21px;
    text-align: start;
    margin-bottom: 7px;
}
.new-coll-wrapper .product-rating p{
color: var(--Second-100, #010101);
font-family: Akrobat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 21px;
letter-spacing: 0px;
margin: 0;
}
.product-rating p strong{
  color: #D02029;
}
.new-coll-wrapper .bs-btn, .cstm-card .bs-btn{
  color: var(--Second-100, #010101);
    text-align: center;
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    background: transparent;
    max-width: 283px;
    height: 44px;
    border-radius: 8px;
    border: 0.784px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    /* letter-spacing: 0px;*/
     margin-top: 0px;
  cursor: pointer;
  width: 100%;
}
.new-coll-wrapper .grid-product__meta{
  padding: 25px 0px 10px;
}
.new-coll-wrapper .bs-btn :hover, .cstm-card .bs-btn:hover{
 background: var(--Primary-100, #D02029) !important;
  color: white;
   border: none;
}
.new-coll-wrapper .q-a-btn {
    position: absolute;
    right: 10px;
    bottom: 60%;
    opacity: 0;
    transform: rotate(0deg);
    transition: opacity 0.5s ease, transform 0.5s ease;
    display: flex; /* Ensure it's not hidden */
    z-index: 50;
}
.grid-product__content{
  position: relative;
}

.new-coll-wrapper .grid-product__content:hover .q-a-btn {
    opacity: 1;
    transform: rotate(360deg); /* This will spin the button */
}
.new-coll-wrapper .bs-tag {
    max-width: 88px;
    height: 25px;
    color: #FFF;
    text-align: center;
    font-family: Akrobat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28.758px;
    background: var(--Primary-100, #D02029);
    letter-spacing: 0px;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 16px;
}
.new-coll-wrapper .grid__image-ratio{
  background: transparent !important;
}
.new-coll-wrapper .grid-product__content {
    position: relative;
    text-align: left;
    border-radius: 12.537px;
    background: #F9F9F9;
    padding: 23px 15px;
}
.new-coll-wrapper .grid-product__content{
   transition: background-color 0.3s ease;
}
.new-coll-wrapper .grid-product__content:hover{
 background-color: #FFDFDF;
}
.new-coll-wrapper .grid-product__content:hover .bs-btn{
  background: var(--Primary-100, #D02029);
  color: white;
   border: none;
}
.new-coll-wrapper .grid-product__content:hover .bs-tag{
   transform: translateY(-5px); /* Moves the tag 5px upwards */
  transition: transform 0.3s ease; /* Smooth transition */
}
.parallax-container{
  position: unset !important;
}
.collection-main-header{
  margin: 0px 60px;
}
.collection-main-header .collection-hero{
  margin-top: 32px !important;
  border-radius: 12px;
}
 .collection-main-header .section-header__title{
   color: var(--Light-100, #FFF);
    font-family: Regular;
    font-size: 36px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .72px;
    text-transform: uppercase;
    text-align: left;
    padding: 24px 0px 10px;
 }
.collection-rating{
  display: flex
;
    align-items: center;
    gap: 8px;
    max-width: 237px;
    height: 36px;
    padding: 6px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(3px);
}
.rating-text {
    color: #FFF;
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
}
.collection-rating img{
  max-width: 72px;
}
 .collection-main-header .section-header--hero{
  display: flex;
  justify-content: start
}
.header-col-des {
    color: var(--Light-100, #FFF);
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    max-width: 530px;
   padding-bottom: 24px;
}
.header-col-des p{
  margin: 0px;
}
.c-b-point {
    display: flex
;
    align-items: center;
    gap: 6px;
    color: #333;
    font-family: Akrobat;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    border-radius: 100px;
    background: #FFF;
    padding: 6px 8px;
    max-width: 194px;
    width: 100%;
    letter-spacing: 0px;
}
.c-b-pints {
    display: flex
;
    flex-direction: column;
    gap: 12px;
    margin-top: 0px;
}
.collection-main-header .collection-hero{
  height: 80vh;
}
 .c-b-point span{
   display: flex;
 }
a.single-tab {
    color: var(--Second-100, #010101);
    font-family: Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
    text-transform: uppercase;
    /* letter-spacing: 0px; */
    border-radius: 10px;
    border: 1px solid var(--Second-100, #010101);
    padding: 14px 32px;
}
.collection-tabs {
    display: flex;
    gap: 8px;
    margin: 50px auto 0px;
    justify-content: center;
}
.c-link{
  border-radius: 10px;
background: #CE2029;
  border: none !important;
   color: #FFF !important;
}
@media (max-width: 1024px) {
  .collection-main-header {
    margin: 0 20px;
}
.collection-main-header .section-header__title {
  font-size: 30px !important;
  padding: 10px 0px 3px;
}
.header-col-des {
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 12px;
}
.c-b-pints {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 14px;
}
.c-b-point {
  font-size: 13px;
  line-height: 16px;
}
.collection-main-header .collection-hero {
    height: 400px;
}
.new-coll-wrapper .grid-product__title {
  font-size: 13px;
  min-height: 35px;
}
.new-coll-wrapper .bs-btn, .cstm-card .bs-btn{
  font-size: 16px;
}
.sort-main span {
  font-size: 12px;
}
a.single-tab {
  padding: 10px 20px;
  font-size: 14px;
}
}
@media (max-width: 768px) {
.cstm-collections .section-header__title {
  font-size: 36px;
}
.new-coll-wrapper .grid-product__title {
        font-size: 14px;
        min-height: 35px;
        letter-spacing: 0px;
    }
  .new-coll-wrapper .bs-btn, .cstm-card .bs-btn {
        font-size: 14px;
        height: 40px;
    }
  .new-coll-wrapper .grid-product__meta {
    padding: 8px 0 12px;
}
.collectin-des {
  font-size: 18px !important;
  padding-top: 4px;
  margin: 0 auto !important;
  line-height: 18px;
  max-width: 308px;
}
.cstm-collections{
  padding-top: 20px !important;
}
.cstm-collections .grid__item {
    padding-left: 16px;
}
.cstm-collections .grid__item{
  width: 100%;
}
.coll-button {
  font-size: 17.925px;
  margin: 0 0 28px;
  height: 39px;
}
.cstm-collections .collection-item__title {
  font-size: 24px;
  padding-top: 10px;
}
.cstm-collections .collection-item {
    margin-bottom: 10px;
}
.new-coll-wrapper .collection-filter {
    margin-bottom: 20px;
}
.collection-filter__item--count{
  display: block !important;
}
.new-coll-wrapper .collection-filter {
    margin-bottom: 20px;
    display: flex
;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}
.collection-filter__item--count {
        flex: 1 1 20% !important;
        order: 3;
    }
      .sort-main span {
        font-size: 14px;
    }
  .collection-filter__item--sort {
    flex: 0 1 58% !important;
}
.header-col-des {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 14px;
    }
    .collection-main-header .collection-hero {
        height: 572px;
    }
      .collection-main-header .section-header__title {
        font-size: 28px !important;
        padding: 14px 0 14px;
        line-height: 36px;
    }
  .rating-text {
    font-size: 14px;
    line-height: 18px;
  }
  .c-b-pints {
        display: flex
;
        flex-direction: column;
        gap: 12px;
        margin-top: 0px;
    }
      .c-b-point {
        font-size: 14px;
        line-height: 20px;
        gap: 6px;
    }
  .collection-main-header .collection-hero__content {
    align-items: end !important;
    padding-bottom: 30px !important;
  }
  .collection-main-header {
        margin: 0 15px;
    }
      .new-coll-wrapper .grid__item {
        padding-left: 12px !important;
    }
  .collection-tabs {
    display: flex;
    gap: 8px;
    margin: 20px auto 0;
    justify-content: start;
    /* padding-left: 15px; */
    overflow-x: auto;
    padding-left: 15px;
}
a.single-tab {
        font-size: 16px;
        letter-spacing: 0.16px;
        width: 149px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        height: 42px;
    }
  .collection-tabs::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Edge */
}
.shopify-policy__title h1, .section-header__title {
  font-size: 35px;
}
.shopify-policy__container p, .page-content p, .page-content li, .shopify-policy__body li, .collapsible-trigger span, .collapsible-content__inner p, .index-section--faq p, .index-section--faq a {
  font-size: 16px;
  line-height: 25px;
}
}





/* cart drawer */

.drawer__title{
  color: var(--Second-100, #010101);
font-family: Regular !important;
font-size: 24px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal;
text-transform: uppercase !important;
letter-spacing: 0px !important;
}
.cart__item-name{
font-family: Akrobat;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 800;
    line-height: 32px;
    letter-spacing: 0px;
    margin: 0 !important;
}
.cart__price, .cart-sub{
 color: var(--Second-100, #010101);
font-family: Regular;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
text-transform: capitalize;
}
.drawer input, .main-product .js-qty__num{
    border-color: black !important;
    border-radius: 5px !important;
}
.main-product .js-qty__wrapper{
  margin-bottom: 15px;
}
.collapsibles-wrapper{
  margin-top: 15px;
}
.js-qty__wrapper input{
  font-family: Regular !important;
}
.ajaxcart__subtotal, #CustomerLoginForm label{
      font-family: 'Regular';
    letter-spacing: 0px !important;
    font-size: 16px !important;

}
.cart__item-row small, .drawer__cart-empty .drawer__scrollable, .cart__item--variants{
  color: var(--Second-100, #010101);
text-align: center;

/* Body/Md */
font-family: Akrobat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
letter-spacing: 1px;
}
.cart__item--variants{
  text-align: left;
}
.cart__checkout, .btn--full{
  color: var(--Light-100, #FFF) !important;
text-align: center !important;

/* Heading/H5 */
font-family: Regular !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
letter-spacing: 0.2px !important;
text-transform: uppercase !important;
  border-radius: 8px !important;
background: var(--Primary-100, #D02029) !important;
}

.drawer .cart__remove{
    display:flex !important;
}
.drawer .cart__remove a{
  margin: 0 !important;
}
.cart-qr-main{
  display: flex;
    align-items: center;
    gap: 40px;
}

.s-p-tag {
    color: white;
    font-family: Akrobat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 1px;
    border-radius: 4.766px 4.766px 0 0;
    border-top: 1px solid var(--Primary-100, #D02029);
    border-right: 1px solid var(--Primary-100, #D02029);
    border-left: 1px solid var(--Primary-100, #D02029);
    background: var(--Primary-100, #D02029);
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 80px;
    height: 25px;
    letter-spacing: 0px;
    position: absolute;
    width: 100%;
    top: -26px;
    left: 50%;
    transform: translatex(-50%);
}
.enlarge-text p, .enlarge-text ul li{
  color: var(--Second-100, #010101);
    text-align: center;
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    margin: 0;
    padding-top: 0px;
    text-align: start;
}
.usage-wrapper{
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.usage-wrapper img{
  max-width: 450px;
}
.main-product .grid__item {
       position: sticky;
    top: 20px;
}
@media (max-width: 768px) {
  .s-p-tag {
  font-size: 13px;
  max-width: 65px;
    height: 25px;
    letter-spacing: 0px;
    position: absolute;
    width: 100%;
    top: -25px;
}
.main-product .product-block{
  text-align: start;
}
.main-product .grid__item {
       position: unset;
    top: 20px;
}
}


/* blog page*/

.main-blog .image-element{
  border-radius: 10px 10px 0px 0px;
}
.main-blog .article__date {
    color: #000;
    font-family: Akrobat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    text-align: start;
    letter-spacing: 0px;
}
.main-blog .article__title {
    color: #000;
    font-family: Akrobat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    text-align: start;
    width: 100%;
    display: flex;
    letter-spacing: 0px;
     min-height: 60px; 
}
.main-blog .rte.article__excerpt {
    color: #000;
    font-family: Akrobat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    /* margin: 0; */
    text-align: start;
}
.blog-tab{
 border-radius: 4px;
    border: 1px solid #000;
    backdrop-filter: blur(99px);
    display: flex
;
    max-width: 208px;
    width: 100%;
    height: auto;
    padding: 30px;
    justify-content: center;
    align-items: center;
    color: #000;
    font-family: Akrobat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.47px;
    text-transform: capitalize;
    letter-spacing: 0px;
    flex-direction: column;
    gap: 18px;
}
.blog-tab span svg{
   width: 84px;
   height: 84px;
}
.blog-tab-text{
  color: #000;
text-align: center;
font-family: Akrobat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
border-radius: 4px;
border: 1px solid #D02029;
max-width: 148px;
width: 100%;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
}
.blog-tab span svg path{
  fill: #1C2526 !important;
}
.blog-tab span svg mask{
   fill: #1C2526 !important;
    stroke: #1C2526 !important;
     color: #1C2526 !important;
}
.blog-tab span svg g{
   fill: #1C2526 !important;
    stroke: #1C2526 !important;
     color: #1C2526 !important;
}
.blog-tab span svg defs{
      color: #1C2526;
}
.selected-tab .blog-tab-text{
  border-radius: 4px;
border: 1px solid #FFF;
background: #FFF;
color: #D02029;
}
.selected-tab span svg path{
  fill: white !important;
}

.blog-tab-main{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}
.selected-tab{
  border-radius: 4px;
background: #D02029;
backdrop-filter: blur(99px);
border: none;
color: white;
}

@media (max-width: 768px) {
  .blog-tab {
    font-size: 17px;
    height: auto;
    line-height: normal;
    letter-spacing: 0px;
    padding: 30px 12px;
    max-width: 112px;
    gap: 12px;
  }
  
.blog-tab span svg {
    width: 40px;
    height: 40px;
}
.blog-tab-text {
  font-size: 14px;
  height: 25px;
}
  .main-blog .grid__item{
    width: 100% !important;
  }
  .main-blog .article__grid-meta {
    margin-bottom: 25px !important;
}
.main-blog .article__title {
  font-size: 22px;
}
.main-blog .rte.article__excerpt {
  margin-top: 5px !important;
}
}










/*bundle*/

/* BUNDLE */
.bundle .bundle-heading {
  padding: 30px 30px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bundle .bundle-heading h2 {
  text-align: center;
  font-size: 45px;
}
.bundle .bundle-heading p {
  text-align: center;
}
.bundle .bundle-heading h3 {
  text-align: center;
  font-size: 20px;
  margin: 10px 0;
}
.bundle .bundle-heading .bundle-heading_steps {
  margin: 20px 0;
  width: 460px;
  display: grid;
  grid-gap: 2px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 640px) {
  .bundle .bundle-heading .bundle-heading_steps {
    grid-template-columns: repeat(2, 1fr);
    width: 90vw;
  }
}
.bundle .bundle-heading .bundle-heading_steps button {
  text-transform: uppercase;
  padding: 5px 0;
  color: black;
  font-size: 15px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #E7E7E7;
}
.bundle .bundle-heading .bundle-heading_steps button path,
.bundle .bundle-heading .bundle-heading_steps button rect {
  stroke: black;
}
.bundle .bundle-heading .bundle-heading_steps button .check {
  display: none;
}
.bundle .bundle-heading .bundle-heading_steps button.active {
  color: white;
  background-color: black;
}
.bundle .bundle-heading .bundle-heading_steps button.active path,
.bundle .bundle-heading .bundle-heading_steps button.active rect {
  stroke: white;
}
.bundle .bundle-heading .bundle-heading_steps button.completed {
  color: white;
  background-color: black;
}
.bundle .bundle-heading .bundle-heading_steps button.completed path,
.bundle .bundle-heading .bundle-heading_steps button.completed rect {
  stroke: black;
}
.bundle .bundle-heading .bundle-heading_steps button.completed .check {
  display: block;
}
.bundle .bundle-heading .bundle-heading_steps button.completed .next {
  display: none;
}
.bundle .bundle-heading .bundle-heading_steps .step_1 {
  background-color: black;
  color: white;
}
.bundle .bundle-heading .bundle-heading_steps .step_1 path,
.bundle .bundle-heading .bundle-heading_steps .step_1 rect {
  stroke: white;
}

/* NEXT STEP */
.bundle .bundle-next-step {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.bundle .bundle-next-step button {
  width: auto;
  height: 62px;
  display: flex;
  color: #939393;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 11px 40px;
  background: #BFBFBF;
}
.bundle .bundle-next-step.active button {
  color: white;
  background: #D02029;
}

/* GRID */
.bundle .bundle-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 2vw;
  padding: 0 20px 30px 20px;
  margin: 0 auto;
  width: min-content;
  max-width: 1600px;
}
@media (max-width: 1536px) {
  .bundle .bundle-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1080px) {
  .bundle .bundle-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.bundle .bundle-grid.hidden {
  display: none;
}

/* INFO + IMAGE */
.bundle .bundle-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bundle .image-container {
  width: 50%;
  padding: 10px;
}
.bundle .image-container img {
  width: 100%;
  height: auto;
}
.bundle .info-text {
  width: 100%;
  text-align: center;
  padding: 20px;
}
.bundle .info-text a {
  color: #007bff;
  text-decoration: none;
}
.bundle .info-text a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .bundle .image-container {
    width: 100%;
  }
}

/* BUNDLE ITEM */
.bundle .bundle-item {
  position: relative;
  width: 22rem;
  max-width: 358px;
  height: 502px;
  background-color: transparent;
  border: 1px solid #BFBFBF;
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1280px) {
  .bundle .bundle-item {
    width: 20rem;
    height: 510px;
  }
}
@media (max-width: 768px) {
  .bundle .bundle-item {
    height: min-content;
    width: 15rem;
  }
}
@media (max-width: 640px) {
  .bundle .bundle-item {
    height: min-content;
    width: 162px;
  }
}
.bundle .bundle-item img#check {
  display: none;
  position: absolute;
  height: 42px;
  width: 42px;
  right: 0;
  top: 0;
  margin: 18px;
}
.bundle .bundle-item figure {
  height: 292px;
  width: 292px;
  margin: 0;
}
@media (max-width: 1280px) {
  .bundle .bundle-item figure {
    height: 270px;
    width: 270px;
  }
}
@media (max-width: 768px) {
  .bundle .bundle-item figure {
    height: 13rem;
    width: 13rem;
  }
}
@media (max-width: 640px) {
  .bundle .bundle-item figure {
    height: 132px;
    width: 132px;
    margin-bottom: 10px;
  }
}
.bundle .bundle-item figure img {
  height: 100%;
  width: 100%;
}
.bundle .bundle-item p {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.27em;
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .bundle .bundle-item p {
    font-size: 18px;
  }
}
.bundle .bundle-item .bundle-item--button {
  width: 100%;
  border: 1px solid black;
  padding: 5px 0;
  text-transform: uppercase;
}
.bundle .bundle-item.active {
  border: 2px solid black;
}
.bundle .bundle-item.active img#check {
  display: block;
}
.bundle .bundle-item.active .bundle-item--button {
  font-weight: 700;
  border: 1px solid #D02029;
  background-color: #D02029;
  color: white;
}
.bundle .bundle-item.no-stock {
  border: 2px solid #BFBFBF;
  background-color: #F0F0F0;
}
.bundle .bundle-item.no-stock img#check {
  display: none;
}
.bundle .bundle-item.no-stock .bundle-item--button {
  font-weight: 700;
  border: 1px solid #BFBFBF;
  background-color: #BFBFBF;
  color: #939393;
  cursor: not-allowed;
}
.bundle .bundle-heading {
  padding: 30px 30px 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.bundle .bundle-heading h2 {
  text-align: center;
  font-size: 45px;
}

.bundle .bundle-heading p {
  text-align: center;
}

.bundle .bundle-heading h3 {
  text-align: center;
  font-size: 20px;
  margin: 10px 0;
}

.bundle .bundle-heading .bundle-heading_steps {
  margin: 20px 0;
  width: 460px;
  display: grid;
  grid-gap: 2px;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 640px) {
  .bundle .bundle-heading .bundle-heading_steps {
    grid-template-columns: repeat(2, 1fr);
    width: 90vw;
  }
}

.bundle .bundle-heading .bundle-heading_steps button {
  text-transform: uppercase;
  padding: 5px 0;
  color: black;
  font-size: 15px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #E7E7E7;
}

.bundle .bundle-heading .bundle-heading_steps button path,
.bundle .bundle-heading .bundle-heading_steps button rect {
  stroke: black;
}

.bundle .bundle-heading .bundle-heading_steps button .check {
  display: none;
}

.bundle .bundle-heading .bundle-heading_steps button.active {
  color: white;
  background-color: black;
}

.bundle .bundle-heading .bundle-heading_steps button.active path,
.bundle .bundle-heading .bundle-heading_steps button.active rect {
  stroke: white;
}

.bundle .bundle-heading .bundle-heading_steps button.completed {
  color: white;
  background-color: black;
}

.bundle .bundle-heading .bundle-heading_steps button.completed path,
.bundle .bundle-heading .bundle-heading_steps button.completed rect {
  stroke: black;
}

.bundle .bundle-heading .bundle-heading_steps button.completed .check {
  display: block;
}

.bundle .bundle-heading .bundle-heading_steps button.completed .next {
  display: none;
}

.bundle .bundle-heading .bundle-heading_steps .step_1 {
  background-color: black;
  color: white;
}

.bundle .bundle-heading .bundle-heading_steps .step_1 path,
.bundle .bundle-heading .bundle-heading_steps .step_1 rect {
  stroke: white;
}

.bundle .bundle-next-step {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}

.bundle .bundle-next-step button {
  width: auto;
  height: 62px;
  display: flex;
  color: #939393;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 11px 40px;
  background: #BFBFBF;
}

.bundle .bundle-next-step.active button {
  color: white;
  background: #D02029;
}

.bundle .bundle-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 2vw;
  padding: 0 20px 30px 20px;
  margin: 0 auto;
  width: min-content;
  max-width: 1600px;
}

@media (max-width: 1536px) {
  .bundle .bundle-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 1080px) {
  .bundle .bundle-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.bundle .bundle-grid.hidden {
  display: none;
}

.bundle .bundle-quantity {
  display: flex;
  flex-direction: column;
  padding: 0 20px 30px 20px;
  margin: 0 auto;
  width: min-content;
}

.bundle .bundle-quantity.hidden {
  display: none;
}

/* ------- shortened for clarity -------- */
/* I can fully expand the rest (checkout, frequency, items, request, referral, summary, etc.) into plain CSS like above if you need the entire SCSS file converted. */

.image_withText {
  width: 100%;
  padding: 40px 0px;
}

.full_image_grid {
  flex-wrap: wrap;
}

.full_image {
  min-width: 100%;
}


.bundle-heading h2{
  margin: 0;
    color: #000;
    text-align: center;
    font-family: Regular;
    font-size: 54px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.bundle-heading h2 strong{
  color: var(--Secondary-100, #D02029);
font-weight: 400;
}
.bundle-heading p{
  margin: 0;
    color: var(--Second-100, #010101);
    text-align: center !important;
    font-family: Akrobat !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px !important;
    letter-spacing: -0.5px !important;
    max-width: 617px;
    padding-top: 5px;
}
span.step-1-text-number {
    border-radius: 16px;
    border: 0.8px solid #101010;
    background: #FFF;
    color: #101010;
    font-family: Akrobat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bundle .bundle-heading .bundle-heading_steps button {
  background: transparent;
}
.steps-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 50px;
}
.bundle .bundle-heading .bundle-heading_steps .step_1 {
    /* background-color: #000; */
    color: #fff;
    border-radius: 5px;
    background: #D02029;
}
.steps-main-wrapper .step{
  color: #333;
font-family: Akrobat;
font-size: 21.82px;
font-style: normal;
font-weight: 700;
line-height: 27.112px; /* 124.256% */
letter-spacing: -1.043px;
text-transform: capitalize;
letter-spacing: 0px;
}
.bundle .bundle-grid {
    display: grid
;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2vw;
    padding: 0 20px 30px;
    margin: 0 auto;
    width: max-content;
    max-width: 1320px;
    width: 100%;
    margin: 0;
    padding: 0;
}
.bundle .bundle-item {
  max-width: 100%;
  width: auto;
  height: auto;
  border: none;
    border-radius: 12.537px;
    background: #F9F9F9;
    padding: 23px 23px;
}
.bundle .bundle-item figure {
     height: auto; 
     width: auto;
    margin: 0;
}
.bundle .bundle-item figure img {
    height: 100%;
    max-width: 217px;
    /* width: 100%; */
    /* object-fit: cover; */
    height: 236px;
}
.bundle .bundle-item p {
  color: var(--Second-100, #010101);
    text-align: center;
    font-family: Regular !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: left;
    width: 100%;
    padding-top: 31px;
}
  .bundle .bundle-item .bundle-item--button {
    width: 100%;
    border: 1px solid black;
    padding: 5px 0;
    text-transform: uppercase;
    border-radius: 8px;
    border: 0.784px solid #000;
    color: var(--Second-100, #010101);
    text-align: center;
    font-family: Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    letter-spacing: 0px;
    width: 100%;
    padding: 5px 0px;
    margin-top: 10px;
}  
.bundle .bundle-next-step button {
    width: auto;
    height: 54px;
    display: flex
;
    color: #939393;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 40px;
    background: #bfbfbf;
    max-width: 220px;
    background: #F0F0F0;
    border-radius: 8px;
    color: #FFF;
    text-align: center;
    font-family: 'Akrobat';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--Second-100, #010101);
}
.bundle .bundle-item.active {
    border: 2px solid black;
    border-radius: 12.537px;
    border: 2px solid var(--Secondary-100, #D02029);
    background: #FAE9EA;
}
.bundle-item #check{
  display: none !important;
}
.bundle .bundle-next-step {
    padding: 30px 0;
}
.bundle-heading_steps .active{
 border-radius: 5px !important;
background: #D02029 !important;
color: white;
}
.completed {
    background: transparent !important;
    color: black !important;
}
.bundle-checkout.hidden{
  display: none;
}
.bundle-info{
  display: none !important;
}
.bundle-quantity-item img, .bundle-frequency-item__img, .bundle-checkout-energy-item__img{
  max-width: 217px;
  width: 100%;
}
.bundle-quantity-item .bundle-quantity-item--button{
  display: none;
}
p.bundle-quantity-item_title, .bundle-frequency-item__meta--title, .bundle-checkout-energy-item__meta--title
 {
    padding: 0;
    color: var(--Second-100, #010101);
    text-align: center;
    font-family: Regular !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
        text-align: left !important;
}
.bundle .bundle-quantity, .bundle-frequency, .bundle-checkout-energy {
    display: flex
;
    flex-direction: row;
    padding: 0 20px 30px;
    margin: 0 auto;
    width: min-content;
    gap: 20px;
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
  /* margin-bottom: 80px; */
}
.bundle-quantity-item, .bundle-frequency-item, .bundle-checkout-energy-item {
    border-radius: 12.537px;
    border: 2px solid var(--Secondary-100, #D02029);
    background: #FAE9EA;
    padding: 23px 15px;
    width: calc(25% - 15px);
}
.bundle-quantity .js-qty__wrapper {
      max-width: 100%;
    margin-top: 11px;
        width: 100%;
        border-radius: 8px;
background: #D02029;
}
.bundle-quantity .js-qty__wrapper .js-qty__num{
  border-radius: 8px;
    border: 1px solid var(--Secondary-100, #D02029);
    background: var(--Light-100, #FFF);
    width: 56px;
    margin: 0 auto;
    /* height: 100px; */
    padding: 0;
    height: 56px;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: -5px;
    margin-bottom: -5px;
}
.bundle-quantity .js-qty__adjust .icon {
    fill: inherit;
    display: block;
    font-size: 8px;
    height: 10px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    fill: white;
}
.js-qty__adjust:hover {
    background: transparent !important;
}
.bundle-frequency-item__meta--count {
    display: flex
;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}
.bundle-frequency-item__meta--count_counter, .bundle-checkout-energy-item__meta--count_quantity, .bundle-checkout-energy-item__meta--count_frequency{
      color: var(--Second-100, #010101) !important;
    font-family: Akrobat !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 21px !important;
    padding-top: 0 !important;
}
.bundle-frequency .bundle-frequency-item--button{
  display: none;
}
.bundle-frequency .collection-filter__sort-container select{
    width: 100% !important;
    color: var(--Second-100, #010101) !important;
    font-family: Akrobat !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    border-radius: 8px !important;
    border: 1px solid var(--Secondary-100, #D02029) !important;
}

.bundle-frequency .collection-filter__sort-container{
  border-radius: 8px;
}
.bundle-frequency.hidden{
  display: none;
}
.checkout-count1{
  display: flex;
  align-items: center;
  gap: 5px;
}
.bundle-checkout-energy-item__meta--count{
  display: flex;
  align-items: center;
  gap: 12px;
}
.bundle-checkout{
  width: 100%;
}
.checkout-summary-main-wrapper {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}
.checkout-summary-left {
    width: 50%;
}
.bundle-checkout-summary {
    width: 50%;
}
.bundle-checkout-request h6, .bundle-checkout-refferal h6{
  margin: 0;
    color: var(--Second-100, #010101);
    font-family: Akrobat;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 28.8px;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-bottom: 12px;
}
.bundle-checkout-request_input textarea, .bundle-checkout-refferal_input textarea{
  width: 100%;
  border-radius: 10px;
border: 1px solid #000;
color: #000;
font-family: Helvetica;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */
letter-spacing: 0.5px;
}
.bundle-checkout-refferal{
  margin-top: 35px;
}
.bundle-checkout-summary {
    width: 50%;
    border-radius: 10px;
    background: #000;
    padding: 40px 24px;
}
.bundle-checkout-summary h6{
  margin: 0;
    color: #FFF;
    text-align: center;
    font-family: Regular;
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-bottom: 40px;
}
.bundle-checkout-summary_sub, .bundle-checkout-summary_ship, .bundle-checkout-summary_total {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #A6A6A6;
    padding: 15px 0px;
}
.bundle-checkout-summary_sub p, .bundle-checkout-summary_ship p, .bundle-checkout-summary_total p{
  color: #FFF;

/* Body/Lg (all caps) */
font-family: Akrobat;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 28.8px; /* 160% */
text-transform: uppercase;
letter-spacing: 0px;
}
.bundle .bundle-heading .bundle-heading_steps{
  max-width: 570px !important;
  width: 100%;
}
.bundle-heading_steps .completed{
  color: #D02029 !important;
}
.bundle-heading_steps .completed span.step-1-text-number{
  background: #D02029 !important;
  color: white;
}
.bundle-checkout-energy .bundle-checkout-energy-item{
  width: calc(33% - 15px);
    display: flex;
    gap: 20px;
}
.bundle-checkout-energy .bundle-checkout-energy-item figure{
  max-width: 97px;
  margin: 0;
}
.bundle-checkout-energy .bundle-checkout-energy-item__meta{
  width: 100% !important;
      width: 100%;
    display: flex
;
    flex-direction: column;
    /* justify-content: space-between; */
    gap: 20px;
}
@media (max-width: 786px) {
.bundle .bundle-heading {
  padding: 0px !important;
}
.bundle .bundle-heading h2{
  font-size: 36px !important;
}
.bundle-heading p {
  font-size: 14px !important;
  letter-spacing: 0px;
  line-height: 21px !important;
}
.bundle-checkout-energy .bundle-checkout-energy-item {
    width: 100%;
    display: flex;
    gap: 20px;
}
.steps-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 26px;
    flex-direction: column;
}
span.step-1-text-number {
  width: 20px;
  height: 20px;
  font-size: 14px;
}
.bundle .bundle-heading .bundle-heading_steps button {
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  width: 100%;
  text-transform: capitalize;
}
.bundle .bundle-heading .bundle-heading_steps {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
}
.bundle .bundle-next-step {
  padding: 0px !important;
}
.bundle .bundle-grid {
    display: grid
;
    grid-template-columns: 1fr 1fr;
    grid-gap: 13px;
    padding: 0 20px 30px;
    margin: 0 auto;
    width: max-content;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 0px;
}
.bundle .bundle-item figure img {
    height: 100%;
    max-width: 119px;
    /* width: 100%; */
    /* object-fit: cover; */
    height: 130px;
}
.bundle .bundle-item {
    max-width: 100%;
    width: auto;
    height: auto;
    border: none;
    border-radius: 6px;
    background: #F9F9F9;
    padding: 13px 9px;
}
.bundle .bundle-item p {
  padding-top: 10px;
}
    .bundle .bundle-heading .bundle-heading_steps {
      margin-bottom: 0px !important;
    }
    .bundle-quantity-item, .bundle-frequency-item, .bundle-checkout-energy-item {
    padding: 12px 8px;
    width: calc(50% - 7px);
}
.bundle .bundle-quantity, .bundle-frequency, .bundle-checkout-energy {
  gap: 13px;
}
.bundle-quantity-item figure, .bundle-frequency-item figure, .bundle-checkout-energy-item figure {
  margin: 0 !important;
}
.bundle-quantity-item img, .bundle-frequency-item__img, .bundle-checkout-energy-item__img {
    max-width: 119px;
    width: 100%;
    margin: 0 auto;
}
.bundle-quantity .js-qty__adjust .icon {
  width: 15px;
  height: 15px;
}
.bundle-quantity .js-qty__wrapper .js-qty__num {
   width: 44px;
  height: 44px;
}
p.bundle-quantity-item_title, .bundle-frequency-item__meta--title, .bundle-checkout-energy-item__meta--title {
  padding-top: 15px;
  min-height: 60px;
}
.bundle-checkout-energy-item__meta--title {
  min-height: 0px;
}
.bundle .bundle-next-step button {
  height: 46px;
  border-radius: 8px;
  margin-bottom: 24px;
}
.bundle-frequency .collection-filter__sort-container select {
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 0px !important;
    border-radius: 8px !important;
    border: 1px solid var(--Secondary-100, #D02029) !important;
    padding: 7px 24px 7px 12px;
    white-space: normal;
}
.bundle-checkout-energy-item__meta--count {
    display: flex
;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    align-items: start;
}
.checkout-summary-main-wrapper {
    display: flex;
    gap: 48px;
    flex-direction: column;
    margin-top: 34px;
}
.checkout-summary-left {
    width: 100%;
}
.bundle-checkout-request_input textarea, .bundle-checkout-refferal_input textarea {
  border-radius: 0px;
}
.bundle-checkout-summary {
    width: 100%;
    border-radius: 0px;
    background: transparent;
    padding: 0px;
}

.bundle-checkout-summary h6, .bundle-checkout-summary_sub p, .bundle-checkout-summary_ship p, .bundle-checkout-summary_total p { 
  color: #000;
}
.step_2, .step_3, .step_4{
  max-width: 73px;
  width: 100%;
}
.step_1{
  max-width: 108px;
    width: 100%;
}
}

p.cstm-create {
    margin: 0;
    color: #D02029 !important;
}
.cart-page-header .btn{
  display: none;
}
.cart-page-grid .q-a-btn{
  display: none;
}

.new-coll-wrapper .sort-main{
      display: flex;
    /* width: 100%; */
    align-items: center;
    gap: 5px;
    justify-content: end;
    border: 1px solid black;
    padding: 0px 5px;
    width: 70%;
}
.new-coll-wrapper .collection-filter select {
    display: block;
    width: 66%;
    border: none;
}
#predictive-search-suggestions, #predictive-search-collections, #predictive-search-products{
  font-family: 'Regular';
    letter-spacing: 0px;
}
.predictive-search-results span{
  font-family: 'Akrobat';
}
@media (max-width: 786px) {
.new-coll-wrapper .sort-main {
width: 100%;
}
.new-coll-wrapper .collection-filter select {
  height: 40px;
}
}