/** Shopify CDN: Minification failed

Line 2696:0 Unexpected "}"
Line 3756:4 Expected ":"
Line 3756:6 Expected identifier but found "*"
Line 4182:0 Unexpected "}"

**/
.pf-ann {
  background: #3e8e45;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.pf-ann__text {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.pf-ann__sep {
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
}
.pf-ann__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #3e8e45;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 20px;
  letter-spacing: 0.04em;
  text-decoration: none;
  white-space: nowrap;
  animation: pf-pulse 2s ease-in-out infinite;
}

.pf-ann__btn:hover {
  opacity: 0.9;
  animation: none;
}

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

  50% {
    transform: scale(1.08);
  }
}
.page-width {
    max-width: 1280px !important;
    padding: 0 15px !important;
    margin: 0 auto;
    padding: 0 1.5rem;
}
 header-menu span {
	
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	letter-spacing: .32px;
	text-transform: uppercase;
	color: #000;
}
nav.header__inline-menu ul.list-menu.list-menu--inline {
	align-items: center;
} 
header-menu ul.list-menu--disclosure {
    width: 28rem;
}
nav.header__inline-menu ul.list-menu.list-menu--inline a {
 
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    color: #000;
    padding: 0;
}

nav.header__inline-menu ul.list-menu.list-menu--inline {
    align-items: center;
}

header.header.header--middle-left.header--mobile-center.page-width {
    padding-block: 22px !important;
    padding-inline: 0 !important;
    border: unset;
    column-gap: 10rem !important;
    max-width: 1280px !important;
}
.page-width.utility-bar__grid {
    padding: 0 !important;
}
.page-width {
    max-width: 1280px !important;
    padding: 0 15px !important;
    margin: 0 auto;
    padding: 0 1.5rem;
}

h1,h2,h3,h4,h5,h6{
   
}
.utility-bar {
    background: #ED230D;
}

.utility-bar p.announcement-bar__message.h5 {
    padding: 5px  0 !important;
   
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    min-height: 30px !important;
    align-items: center;
}

header {
    padding: 36px 0 !important;
}
sticky-header.header-wrapper {
    border: unset;
    /* background: transparent; */
    border-bottom: 1px solid #e5e0d5;
}
.scrolled-past-header {
    background: linear-gradient(283.19deg, #F8F2BC 33.35%, #F7C57E 108.5%);
}

.section-header {
    top: 0px;
}

header a.header__heading-link.link {
    width: 100%;
    max-width: 180px;
    min-width: 180px;
    margin:0;
    padding:0;
}
.subscribe-save {
	padding: 53px 0 40px;
	background: #F8F2BC;
}

.subscribe-save__wrapper {
  display: flex;
  align-items: center;
  gap: 60px;
}

.subscribe-save__image img {
  max-width: 100%;
  height: auto;
}

.subscribe-save__content {
  max-width: 600px;
}

.subscribe-save__small-text {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  margin: 0px;
  letter-spacing: 0;
  line-height: 1;
}

.subscribe-save__heading {
    color: #141616;
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 14px;
    margin: 18px 0 14px;
}

.subscribe-save__description p{
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #141616;
  margin: 0px;
}

.subscribe-save__reviews {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 36px;
  line-height:10px;
}
.subscribe-save__content a.primary-button {
    width: 100%;
    text-align: center;
    max-width: 302px;
    padding: 11px 20px;
    font-size: 18px;
   
}

/*ctm hero section start*/
.page-width.energy-hero__content h1 {
    color: #FAEED7;
    font-weight: 800;
    max-width: 537px;
    margin-top: 0px;
    margin-bottom: 12px;
}
.energy-hero__sub {
    color: #FAEED7;
    font-size: 18px;
    font-weight: 900;
}
.energy-hero__reviews {
    color: #FAEED7;
    margin-top: 12px;
    font-style: italic;
}
.page-width.energy-hero__content a.energy-hero__btn {
    display: inline-block;
    background: #ED230D;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: 0.3s ease;
    padding: 11px 20px;
 
    margin-top: 26px;
    max-width: 516px;
    text-align: center;
    width: 100%;
}
.page-width.energy-hero__content .energy-hero__icons {
    margin-top: 32px;
    max-width: 535px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 12px;
}
.page-width.energy-hero__content .energy-hero__icon {
    text-align: center;
    width: 70px;
    height: 70px;
    background-color: #FAEED7;
    margin-inline: auto;
    border-radius: 100%;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-width.energy-hero__content .energy-hero__icon img {
    height: 40px;
}
.page-width.energy-hero__content .energy-hero__icon-text {
    color: #FAEED7;
    text-align: center;
    line-height: 1.3;
    font-weight: 500;
 
}
/*ctm hero section end*/

.testimonial-stars {
  display: flex;
  gap: 4px;
}

.review-text {
  color: #000000;
font-weight: 400;
font-size: 16px;
line-height: 30px;
letter-spacing: 0;

}

.primary-button {
  display: inline-block;
  background-color: #ED230D;
  color: #fff;
  padding: 14px 32px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.3s ease;
}

.subscribe-save__button:hover {
  background-color: #c81818;
}

header a.header__heading-link.link img.header__heading-logo.motion-reduce {
    width: 100%;
}

nav.header__inline-menu ul.list-menu.list-menu--inline {
    gap: 12px;
}

nav.header__inline-menu ul.list-menu.list-menu--inline a {
 
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    color: #000;
    padding: 0;
}

.header__icon--cart {
    margin: 0 !important;
}

.header__icons.header__icons--localization.header-localization {
    gap: 15px;
    padding-right: 0 !important;
}
.header__icon, .header__icon--cart .icon {
    height: 2.4rem;
    width: 2.4rem;
    padding: 0;
}

.header__icon .svg-wrapper {
    width: 22px;
    height: 22px;
}
section.nmn-hero {
    padding: 104px 0 68px;
}

section.nmn-hero .first-customwrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 8px;
}

.shopify-section.First-home {
  background: linear-gradient(
  283.19deg,
  rgba(248, 242, 188, 0.5) 33.35%,
  rgba(247, 197, 126, 0.5) 108.5%
);
    /* background: linear-gradient(283.19deg, #F8F2BC 33.35%, #F7C57E 108.5%); */
    margin-top: -113px;
}

section.nmn-hero .first-customwrapper .nmn-left {
    width: 100%;
    max-width: 550px;
}

.nmn-center {
    width: 100%;
    max-width: 663px;
    text-align: end;
}

section.nmn-hero .first-customwrapper .nmn-left h1 {
    font-weight: 600;
    font-size: 56px;
    line-height: 1;
    letter-spacing: 0;
    color: #141616;
    margin: 0;
}

section.nmn-hero .first-customwrapper .nmn-left p.nmn-sub {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    color: #141616;
    margin: 15px 0 0;
}

section.nmn-hero .first-customwrapper .nmn-left ul.nmn-features {
    padding: 0;
    margin: 40px 0 0;
}

section.nmn-hero .first-customwrapper .nmn-left ul.nmn-features > div {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

section.nmn-hero .first-customwrapper .nmn-left ul.nmn-features > div span {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
 
    color: #141616;
}

.nmn-reviews span {
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0;
 
    color: #000;
}

section.nmn-hero .first-customwrapper .nmn-left a.primary-button {
    width: 100%;
    max-width: 302px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
    text-transform: uppercase;
 
}


.nmn-right {width: 100%;max-width: 125px;}

.nmn-right .nmn-badge {
    text-align: center;
    padding-left: 35px;
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nmn-right .nmn-badge  .nmn-badge-img {
    background: #E43A3B;
    height: 88px;
    width: 88px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 24px 0px #00000026;
    border: 1px solid #F6E2AF;
    margin: 0 0 0 auto;
}

.nmn-right .nmn-badge p {
    color: #141616;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.30px;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
}

section.health-transformations {
    padding: 70px 0 0;
}

section.health-transformations .page-width {
    max-width: 100% !important;
    overflow: hidden;
    /* padding-left: 230px !important; */
}

section.health-transformations h2.health-transformations__heading {
    
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    color: #141616;
    text-align: center;
    margin: 0;
}

section.health-transformations p.health-transformations__subheading {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
    color: #141616;
    margin: 5px 0 0;
    text-align: center;
}
body.product .health-transformations__slider {
    padding: 75px 0  0;
} 

.health-transformations__slider {
    padding: 75px 0;
}
/* Make sure parent is positioned */
.health-transformations__slider {
  position: relative;
}

/* Slick arrows */
.health-transformations__slider .slick-prev,
.health-transformations__slider .slick-next {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid #ED230D;
  background: #fff;
  z-index: 10;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  top: auto;
  bottom: -1px;
}

/* Remove default icon */
.health-transformations__slider .slick-prev::before,
.health-transformations__slider .slick-next::before {
  content: "";
}

/* Custom arrow */
.health-transformations__slider .slick-prev::after,
.health-transformations__slider .slick-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
}

/* Left */
.health-transformations__slider .slick-prev::after {
  transform: rotate(135deg);
}

/* Right */
.health-transformations__slider .slick-next::after {
  transform: rotate(-45deg);
}

/* Hover */
.health-transformations__slider .slick-prev:hover,
.health-transformations__slider .slick-next:hover {
  background: #000;
  border-color: #ED230D;
}

.health-transformations__slider .slick-prev:hover::after,
.health-transformations__slider .slick-next:hover::after {
  border-color: #fff;
}

/* Position arrows */
.health-transformations__slider .slick-prev {
  left: calc(48% - 46px);
}
.health-transformations__slider .slick-next {
  right: calc(52% - 46px);
}


.testimonial-card .left-rightwrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}
.testimonial-card .left-rightwrapper .right-side {
    padding-right: 20px;
}

.testimonial-card .left-rightwrapper .right-side h4.testimonial-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #141616;
    margin: 18px  0 18px;
}

.testimonial-card .left-rightwrapper .right-side  p.testimonial-text {
    color: #141616;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    margin: 0;
}

.testimonial-card .left-rightwrapper .right-side .testimonial-footer {
    display: flex;
    align-items: center;
    margin-top: 5px;
    gap: 10px;
}

.testimonial-card .left-rightwrapper .right-side .testimonial-footer span.verified {
    display: flex;
    align-items: center;
    gap: 5px;
}

.testimonial-card .left-rightwrapper .right-side .testimonial-footer span.verified p {
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
    letter-spacing: 0;
    margin: 0;
    color: #00A30B;
}

.testimonial-card .left-rightwrapper .right-side .testimonial-footer strong {
   
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    color: #000000;
}
.testimonial-card .left-rightwrapper  .left-side {
    width: 100%;
    max-width: 194px;
}

.testimonial-card .left-rightwrapper .left-side img {
    width: 100%;
}

.last-wrapper {
    text-align: center;
}

.last-wrapper p {
    margin: 0 0 35px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    color: #656565;
}

.testimonial-card .left-rightwrapper .right-side {
    padding-right: 20px;
}

.testimonial-card .left-rightwrapper .right-side h4.testimonial-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #141616;
    margin: 18px  0 5px;
}

.testimonial-card .left-rightwrapper .right-side  p.testimonial-text {
    color: #141616;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
}


  .why-element {
  background: #fffaf030;
  padding: 80px 0;
}

.why-heading {
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    margin: 0  0 50px;
}


.contain-table {
    padding-bottom: 40px;
}
.why-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}
.why-image-small  img {
    width: 100%;
    max-width: 270px;
}

.why-image-large img {
    width: 100%;
    max-width: 390px;
    min-width: 390px;
}
/* IMAGE GRID */
.why-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 19px;
  position: relative;
}

.why-images::after {
    content: "";
    position: absolute;
    top: -17px;
    right: 16px;
    width: 112px;
    height: 126px;
    background-color: #f8f2bc;
    z-index: -1;
    border-radius: 20px;
}
.why-images::before {
    content: "";
    position: absolute;
    bottom: -17px;
    left: -17px;
    width: 112px;
    height: 126px;
    background-color: #f8f2bc;
    z-index: -1;
    border-radius: 20px;
}
.why-image-large {
  border-radius: 20px;
  padding: 0px;
}

.why-image-small-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.why-image-small {
  border-radius: 18px;
  padding: 0px;
}

.why-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius:20px;
}

/* FEATURES */
.why-features {
  display: flex;
  flex-direction: column;
  gap: 63px;
}

.why-feature {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
body.product .lab-testing-section {
    padding: 0;
}
/* body.product section.health-transformations button {
    display: none !important;
} */
 .product .health-transformations__slider .slick-prev {
   left:  calc(52% - 126px);
  }
  .product .slick-track {
    padding-bottom: 60px;
  }
  
 .product .health-transformations__slider .slick-next {
    right: calc(48% - -24px);
}
  .product .health-transformations__slider .slick-prev ,
  .product  .health-transformations__slider .slick-next {
    bottom:-18px;
  }
 body.product .testimonial-card{
  box-shadow:unset;
}
.lab-testing-section .lab-container .lab-image-wrapper {
    margin-top: 30px;
}
.why-icon {
    background-image: url('/cdn/shop/files/Vector.png?v=1765876093');
    min-width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: 125%;
}

.why-icon img {
    width: auto;
}

.why-text h3 {
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 9px;
    color: #141616;
}

.why-text p {
    font-size: 16px;
    color: #141616;
    margin: 0;
    font-weight: 300;
    line-height: 30px;
}

.top-favorites {
    padding: 52px 0;
}

.top-favorites  .favorites-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 50px;
    position: relative;
}


.top-favorites .favorites-header p.favorites-small {
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
}

.top-favorites .favorites-header  h2.favorites-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    margin: 13px 0 0;
}
/* Make sure parent is positioned */
.favorites-header,
.health-transformations__slider {
  position: relative;
}
button.fav-prev.slick-arrow,
button.fav-next.slick-arrow,
.health-transformations__slider .slick-prev,
.health-transformations__slider .slick-next {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid #ED230D;
  background: #fff;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  top: auto;
  bottom: -1px;
}

/* Remove default icon */
button.slick-arrow::before,
button.slick-arrow::before {
  content: "";
}


.favorites-arrows {
    display: flex;
    gap: 10px;
}


/* Custom arrow */
button.fav-prev.slick-arrow:after,
button.fav-next.slick-arrow:after,
.health-transformations__slider .slick-prev::after,
.health-transformations__slider .slick-next::after {
  content: "";
  width: 10px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
}

/* Left */
button.fav-prev.slick-arrow:after,
.health-transformations__slider .slick-prev::after {
  transform: rotate(135deg);
}

/* Right */
button.fav-next.slick-arrow:after,
.health-transformations__slider .slick-next::after {
  transform: rotate(-45deg);
}

/* Hover */
button.fav-prev.slick-arrow:hover,
button.fav-next.slick-arrow:hover,
.health-transformations__slider .slick-prev:hover,
.health-transformations__slider .slick-next:hover {
  background: #000;
  border-color: #ED230D;
}
button.slick-arrow {
   font-size: 0;
}

button.fav-prev.slick-arrow:hover:after,
button.fav-next.slick-arrow:hover:after,
.health-transformations__slider .slick-prev:hover::after,
.health-transformations__slider .slick-next:hover::after {
  border-color: #fff;
}

.top-favorites .favorites-header:after{
  content:'';
  position:absolute;
  width: 100%;
  max-width: 628px;
  border: 1px solid #00000010;
  top: 40%;
  right: 109px;
}

/* .favorites-slider .favorite-card {
    margin: 0px 40px;
} */

.favorites-slider .favorite-card a {
    box-shadow: 0px 0px 24px 0px #00000020;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 266px;
    width: 266px;
    padding: 16px;
    border-radius: 10px;
}

.slick-track {
    margin: 0 -6px;
    padding: 20px 20px;
}

.favorites-slider .favorite-card a img {
    width: 100%;
}
/* 
.slick-list {
    margin: 0 -20px;
} */

.favorites-slider .favorite-card p.supply-text {
    color: #141616;
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
    margin: 15px 0 11px;
}

.favorites-slider .favorite-card p.supply-text span {
    color: #ED230D;
}
.favorite-card-content {
    padding-left: 15px;
}

.favorite-card-content h3.product-title {
    margin: 0 0 7px;

    font-weight: 600;
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0;
    color: #141616;
}

.favorite-card-content p.price {
    color: #141616;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0;
    margin-top: 12px;
}
 .element-5 {
  background: #ffffff;
      padding-bottom: 81px;

}

.element-5__heading {
font-size: 40px;
    font-weight: 700;
    max-width: 57%;
    text-align: right;
    width: 100%;
    color: #141616;
    margin: 0;
}
section.element-5 .image-heading .image {
    width: 100%;
    text-align: end;
    max-width: 100%;
}

.element-5__card {
  background: #fff6c7;
    border-radius: 24px;
    padding: 40px 19px 40px 40px;
    gap: 30px;
}

/* .element-5__content {
  max-width: 60%;
} */

.element-5__content h3 {
  font-size: 25px;
  font-weight: 600;
  margin: 0;
  color: #141616;
}

.element-5__content p {
      font-size: 16px;
    line-height: 30px;
    color: #141616;
    margin-bottom: 0;
}

.element-5__button {
  background: #ED230D;
  color: #fff;
  padding: 12px 26px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 16px;
  display: inline-block;
}

.element-5__button:hover {
  background: #e02600;
  color: #fff;
}

.element-5__image {
  display: flex;
  align-items: center;
}

.element-5__image img {
  max-width: 170px;
      /* height: 343px; */
}

section.element-5 .image-heading {
    display: flex;
    justify-content: center;
    align-items: center;
}

section.element-5 .image-heading .image {
    width: 100%;
    text-align: end;
    max-width: 100%;
}

.row.g-4.align-items-stretch {
    display: flex;
    gap: 47px;
}

.row .element-5__card {
    display: flex;
}


.row .element-5__card h3 {
    margin: 0;
}

.element-5__content a.primary-button {
    width: 100%;
    max-width: 252px;
    margin-top: 40px;
    text-align: center;
 
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
    text-transform: uppercase;
}


.row .col-lg-6:nth-child(2n) .element-5__card {
    background: #F6E2AF;
}
.video-reviews{
    background: transparent !important;
    padding: 60px 0 124px;
}
.video-reviews__heading{
    font-size: 40px !important;
    font-weight:600;
    margin-bottom: 6px;
    color: #141616;
    margin: 12px 0 0 !important; 
    text-align: center;
}
.video-reviews__subheading {
  font-size: 14px;
  color: #141616;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: center;
  margin-bottom: 84px;
}


section.element-compare h2.compare-heading {
    color: #141616;
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    margin: 0;
}

.images-wrapper {
    display: flex;
}

section.element-compare p.compare-subheading {
    color: #141616;
    max-width: 783px;
    margin: 16px auto 0;
   
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: center;
}
.feature-row {
    display: flex;
}
.feature-name,
.images-wrapper .first-column {
    width: 100%;
    max-width: 484px;
    min-width: 484px;
}

.compare-table {
    max-width: 1240px;
    padding: 80px 0 0;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.feature-check.yes, .compare-column.highlight {
    width: 100%;
    max-width: 375px;
    text-align: center;
}
.compare-column {
    width: 100%;
    max-width: 483px;
    text-align: center;
}

.feature-check.no {
    width: 100%;
    max-width: 483px;
    text-align: center;
}
.images-wrapper .first-column {
    position: relative;
}
.images-wrapper .first-column span.badge {
    position: absolute;
    right: 107px;
    top: 70px;
    width: 133px;
    height: 140px;
    border-radius: 50%;
    background: url('/cdn/shop/files/Vector_1.png?v=1765886425');
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-size: 41px;
    line-height: 30px;
    letter-spacing: 0;
    padding: 16px;
    text-align: center;
    color: #fff;
    flex-direction: column;
    background-repeat: no-repeat;
    gap: 8px;
}
.images-wrapper .first-column span.badge span {
    font-weight: 400;
    font-size: 26px !important;
    line-height: 30px;
    letter-spacing: 0;
    text-align: center;
}
section.element-compare {
    padding: 80px 0;
    background: #F8F2BC30;
    position: relative;
}
img.img1.float-img {
    top: 397px;
    left: 4vw;
}
img.img3.float-img {
    right: 33px;
    bottom: 80px;
}
img.img2.float-img {
    top: 423px;
    left: 17vw;
    transform: rotate(77deg);
}
.compare-column.highlight h3 {
    color: #141616;
    font-weight: 600;
    font-size: 23px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
}
.compare-column h3 {
    color: #141616;
    font-weight: 600;
    font-size: 23px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
}
.compare-table-wrpaer {
    width: 100%;
    position: relative;
}
.compare-table-wrpaer:after {
    content:'';
    position: absolute;
    width: 375px;
    top: 180px;
    left: 41%;
    background: #F8F2BC;
    height: 552px;
    z-index: 0;
    border-radius: 20px;
}
.images-wrapper .first-column:after {
    content: '';
    position: absolute;
   top: 86px;
    right: 0;
    width: 111px;
    height: 84px;
    background: url("/cdn/shop/files/This_is_us-1_1.png?v=1765887163");
}
.compare-column.highlight {
    border-radius: 20px 20px  0 0;
    position: relative;
    padding: 20px 0 30px;
    margin-top:-10px;
}


.feature-row:nth-child(odd) .feature-name {
    border: 1px solid #F5E29B;
    background: #ffffff80;
    border-radius: 10px 0 0 10px;
   
    border-width: 1px 0 1px 1px;
}
.feature-row .feature-name {
     padding: 16px  0 10px 24px;
     color: #141616;
     font-weight: 500;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: 0;
}
.feature-row:nth-child(odd) .feature-check {
    border: 1px solid #F5E29B;
    background: #ffffff80;
    border-width: 1px 0;
  
}
.feature-row .feature-check {
      display: flex;
    align-items: center;
    justify-content: center;
}
.feature-row .feature-check.no {
    border-radius: 0px 10px 10px 0;
    border-width: 1px 1px 1px 0px;
}
.float-img {
    position: absolute;
    mix-blend-mode: darken;
}
.float-img {
    position: absolute;
    mix-blend-mode: darken;
}

.video-reviews__button a {
    display: inline-block;
    background-color: transparent;
    color: #ED230D;
    padding: 10px 32px;
    border-radius: 10px;
    text-decoration: none;
    transition: background .3s;
    border: 1px solid #ED230D;
    
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
    text-transform: uppercase;
}
.video-reviews__button {
    margin-top: 12px;
    text-align: center;
    border-radius: 10px;
}
.why-image-small img {
    width: 270px;
    height: 233px;
}
nav.header__inline-menu ul.list-menu.list-menu--inline {
    align-items: center;
    gap: 8px;
}
.header__menu-item span {
    padding-right: 10px;
}
nav.header__inline-menu ul.list-menu.list-menu--inline > li {
    position: relative;
}
nav.header__inline-menu ul.list-menu.list-menu--inline > li > a,
nav.header__inline-menu ul.list-menu.list-menu--inline > li > header-menu > summary {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: .32px;
    text-transform: uppercase;
    color: #000 !important;
    text-decoration: none;
    transition: color .3s ease, transform .3s ease;
}
nav.header__inline-menu ul.list-menu.list-menu--inline > li > a:hover::after,
nav.header__inline-menu ul.list-menu.list-menu--inline > li:hover > header-menu > summary::after {
    width: 100%;
}
nav.header__inline-menu summary .icon-caret {
    position: static !important;
    width: 7px !important;
    height: 7px !important;
    border: solid #000 !important;
    border-width: 0 1.5px 1.5px 0 !important;
    transform: rotate(45deg);
    color: transparent !important;
    fill: none !important;
    transition: transform .3s ease, border-color .3s ease;
}
nav.header__inline-menu summary .icon-caret path {
    display: none !important;
}
nav.header__inline-menu li:hover > header-menu > summary .icon-caret {
    border-color: #ED230D !important;
    transform: rotate(225deg);
}

nav.header__inline-menu details[open] > summary .icon-caret {
    border-color: #ED230D !important;
    transform: rotate(225deg);
}
header-menu ul.list-menu--disclosure {
    width: 28rem;
    min-width: 240px;
    padding: 10px !important;
    margin-top: 12px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}
header-menu ul.list-menu--disclosure li {
    margin: 0 !important;
    padding: 0 !important;
}
header-menu ul.list-menu--disclosure li a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 11px 14px !important;
    border-radius: 7px;
 
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: .2px;
    text-transform: none;
    color: #141616 !important;
    transition: background .25s ease, color .25s ease, padding-left .25s ease;
}
header-menu ul.list-menu--disclosure li a:hover {
    background: #1b7a43;
    color: white !important;
    padding-left: 19px !important;
}
header.header.header--middle-left.header--mobile-center.page-width {
    column-gap: 3.5rem !important;
    right:2px;
}

.header__icons.header__icons--localization.header-localization details-modal.header__search {
    margin-right: -6px;
}
.header__icons.header__icons--localization.header-localization {
    gap: 8px;
}

.template-page .page-width--narrow {
  width: 100% !important;
  max-width: 1270px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
}

.template-page .rte {
  width: 100% !important;
  max-width: 1270px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 0;
  padding-bottom: 30px;
}
.template-page .policy {
  width: 100%;
  max-width: 1270px;
  margin: 0 auto;
}
.template-page .policy .section-heading {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 12px;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
  color: #18231e;
  border-bottom: 1px solid #e2e5e1;
}
.template-page .policy .section-heading::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  margin-right: 12px;
  vertical-align: -3px;
  border-radius: 10px;
  background:#3caa82;
}
.template-page .policy .para {
  font-size: 15px;
  line-height: 1.9;
  color: #505954;
  margin-bottom: 0;
  padding: 0;
}
.template-page .policy hr {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 28px !important;
  margin-bottom: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #e2e5e1 !important;
  height: 1px !important;
  box-sizing: border-box !important;
}
.template-page .policy hr::before,
.template-page .policy hr::after {
  display: none !important;
  content: none !important;
}
.template-page .policy ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.template-page .policy ul li {
  position: relative;
  margin: 0;
  padding: 0 0 0 18px;
}
.template-page .policy ul li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #000;
}
.template-page .policy ul li .para {
  padding: 0;
  margin: 0;
}
.template-page .policy .para a {
  color: #80652f;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid rgba(128,101,47,.35);
  transition: color .2s ease,border-color .2s ease;
}
.template-page .policy .para a:hover {
  color: #17382b;
  border-color: #17382b;
}
.cart-actions .button + .button {
  margin-top: 15px !important;
  background: #7fa043 !important;
  color: #fff !important;
  width: 100% !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  letter-spacing: .5px !important;
}
.cart-actions .button,
.cart-actions .sr-headless-checkout {
  min-height: 50px !important;
  padding: 14px 20px !important;
}
.template-collection .body-content-wrapper {
  background: #fefef4;
}
li.product .card .card-product .card-media,
li.product .card .card-product .card-media::before,
li.product .card .card-product .card-media::after,
li.product .card .card-product .card-media img {
  border-radius: 0 !important;
}
#main-cart-items {
  padding-bottom: unset;
}
.main-page-title {
  display: none !important;
}
.template-page .page-width--narrow {
  padding-top: 30px !important;
}
.main-blog {
  padding-top: 30px !important;
  padding-bottom: 60px !important;
}

.main-blog h1.title--primary {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  width: 100% !important;
  margin: 0 0 45px !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 42px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -0.8px !important;
  color: rgb(var(--color-foreground)) !important;
}

.main-blog h1.title--primary.scroll-trigger {
  opacity: 1 !important;
  transform: none !important;
}

.main-blog .blog-articles {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-blog .blog-articles__article {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-blog .article-card-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.main-blog .article-card {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: rgb(var(--color-background)) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.main-blog .blog-articles__article:hover .article-card {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
}

.main-blog .article-card__image-wrapper,
.main-blog .article-card__image {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.main-blog .article-card__image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.5s ease !important;
}

.main-blog .article-card:hover .article-card__image img {
  transform: scale(1.04) !important;
}

.main-blog .card__information {
  padding: 24px !important;
}
section.ayur-safe-effective {
    padding-top: 60px;
}
.main-blog .card__heading {
  margin: 0 0 12px !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
}
.collection-page-custom .facets-container {
    display: none;
}
.collection-hero .collection-keyword {
    padding-top: 10px;
    padding-bottom: 30px;
}
.main-blog .card__heading a {
  color: rgb(var(--color-foreground)) !important;
  text-decoration: none !important;
}

.main-blog .article-card__info {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  opacity: 0.65 !important;
}

.main-blog .article-card__excerpt {
  display: block !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  opacity: 0.72 !important;
  color:#000;
}

.main-blog .article-card__footer {
  display: none !important;
}

.main-blog .card__inner > .card__content {
  display: none !important;
}

.main-blog .blog-read-more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 18px !important;
  padding: 11px 20px !important;
  border: 1px solid currentColor !important;
  border-radius: 50px !important;
  color: rgb(var(--color-foreground)) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease !important;
}

.main-blog .blog-read-more span {
  font-size: 18px !important;
  line-height: 10px !important;
  transition: transform 0.3s ease !important;
}

.main-blog .blog-read-more:hover {
  background: rgb(var(--color-foreground)) !important;
  color: rgb(var(--color-background)) !important;
  transform: translateY(-2px) !important;
}

.main-blog .blog-read-more:hover span {
  transform: translateX(4px) !important;
}

.article-template {
  padding-top: 30px !important;
  padding-bottom: 70px !important;
}

.article-template__hero-container {
  max-width: 1200px !important;
  margin: 0 auto 40px !important;
  padding: 0 20px !important;
}

.article-template__hero-adapt {
  width: 100% !important;
  padding-bottom: 56% !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #f5f5f5 !important;
}

.article-template__hero-adapt img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

.article-template > header.page-width--narrow {
  max-width: 900px !important;
  padding: 0 20px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.article-template__title {
  margin: 0 0 18px !important;
  font-size: 46px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  color: rgb(var(--color-foreground)) !important;
}

.article-template > header .circle-divider {
  display: inline-block !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  opacity: .6 !important;
}

.article-template__social-sharing {
  max-width: 850px !important;
  margin: 28px auto 0 !important;
  padding: 0 20px !important;
  text-align: center !important;
}

.article-template__social-sharing .share-button__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 9px 18px !important;
  border: 1px solid rgba(var(--color-foreground), .2) !important;
  border-radius: 50px !important;
  background: transparent !important;
  font-size: 13px !important;
  transition: all .3s ease !important;
}

.article-template__social-sharing .share-button__button:hover {
  background: rgb(var(--color-foreground)) !important;
  color: rgb(var(--color-background)) !important;
}

.article-template__content {
  max-width: 900px !important;
  margin: 45px auto 0 !important;
  padding: 0 20px !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: rgb(var(--color-foreground)) !important;
}

.article-template__content > p:first-child {
  font-size: 19px !important;
  line-height: 1.8 !important;
}

.article-template__content h1,
.article-template__content h2 {
  margin: 30px 0 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.4px !important;
}

.article-template__content h1 {
  font-size: 30px !important;
}

.article-template__content h2 {
  font-size: 25px !important;
}

.article-template__content h3 {
  margin: 10px 0 9px !important;
  font-size: 19px !important;
  font-weight: 650 !important;
}

.article-template__content p {
  margin: 0 0 10px !important;
}

.article-template__content ul,
.article-template__content ol {
  margin: 0 0 25px !important;
  padding-left: 25px !important;
}

.article-template__content li {
  margin-bottom: 0px !important;
  /* display: flex; */
}

.article-template__content blockquote {
  margin: 30px 0 !important;
  padding: 20px 25px !important;
  border-left: 4px solid currentColor !important;
  border-radius: 0 12px 12px 0 !important;
  background: rgba(var(--color-foreground), .04) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.article-template__content hr {
  margin: 30px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(var(--color-foreground), .12) !important;
}

.article-template__content strong {
  font-weight: 700 !important;
}

.article-template__back {
  max-width: 850px !important;
  margin: 50px auto 0 !important;
  padding: 0 20px !important;
}

.article-template__back a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 22px !important;
  border: 1px solid rgba(var(--color-foreground), .2) !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all .3s ease !important;
}

.article-template__back a:hover {
  background: rgb(var(--color-foreground)) !important;
  color: rgb(var(--color-background)) !important;
}

.article-template__back .icon-wrap {
  display: inline-flex !important;
  transform: rotate(180deg) !important;
}
.article-template__content ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  padding-left: 28px !important;
  margin: 0 0 25px !important;
}

.article-template__content ol li {
  display: list-item !important;
  padding-left: 5px !important;
  margin-bottom: 3px !important;
  line-height: 1.7 !important;
}

.article-template__content ol li p {
  display: inline !important;
  margin: 0 !important;
}

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}

.title-wrapper-with-link .title {
  margin: 0;
}

.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 3rem;
}

.title-wrapper-with-link {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.title--primary {
  margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.cart__footer #Cart-note {
    display: none;
}
.cpb-description-heading {
    display: none;
}
@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon .svg-wrapper {
  width: 1.5rem;
}
.title-wrapper-with-link a {
    margin-top: 0;
    flex-shrink: 0;
    padding: 5px;
    background: #1b7a43;
    color: white;
    border-radius: 17px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}
body.template-cart .cart__footer cart-note {
    opacity: 0;
}
.title-wrapper--no-top-margin {
  margin-top: 0;
}

.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}
cart-items .title-wrapper-with-link {
  margin-top: 0;
}

.cart-items .quantity{
  min-height: 35px;
  width:120px;
}
.cart-items .quantity:after{
      border-radius: 5px;
}

.cart-items td,
.cart-items th {
  padding: 0;
  border: none;
}

.cart-items th {
  text-align: left;
  padding-bottom: 1.8rem;
  opacity: 0.85;
  font-weight: normal;
}

.cart-item__quantity-wrapper {
  display: flex;
}

.cart-item__totals {
  position: relative;
}

.cart-items *.right {
  text-align: right;
}

.cart-item__image-container {
  display: inline-flex;
  align-items: flex-start;
}

.cart-item__image-container:after {
  content: none;
}

.cart-item__image {
  height: auto;
  max-width: calc(10rem / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .cart-item__image {
    max-width: 100%;
  }
}

.cart-item__details {
  font-size: 1.6rem;
  line-height: calc(1 + 0.4 / var(--font-body-scale));
}

.cart-item__details > * {
  margin: 0;
  max-width: 30rem;
}

.cart-item__details > * + * {
  margin-top: 0.6rem;
}

.cart-item__media {
  position: relative;
}

.cart-item__link {
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.cart-item__name {
  text-decoration: none !important`;
  display: block;
  font-size: 14px;
}

.cart-item__name:hover {
  text-decoration: none;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.2rem;
}

.cart-item__price-wrapper > * {
  display: block;
  margin: 0;
  padding: 0;
}

.cart-item__discounted-prices dd {
  margin: 0;
}

.cart-item__discounted-prices .cart-item__old-price {
  font-size: 1.4rem;
}

.cart-item__old-price {
  opacity: 0.7;
}

.cart-item__final-price {
  font-weight: 400;
}

.product-option {
  font-size: 12px !important;
  word-break: break-word;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
}

.cart-item cart-remove-button {
  display: flex;
  margin-left: 1rem;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .cart-item cart-remove-button {
    width: 4.5rem;
    height: 4.5rem;
  }
}

cart-remove-button .button {
  min-width: calc(4.5rem / var(--font-body-scale));
  min-height: 4.5rem;
  padding: 0;
  margin: 0 0.1rem 0.1rem 0;
}

cart-remove-button .button:before,
cart-remove-button .button:after {
  content: none;
}

cart-remove-button .button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
}

@media screen and (min-width: 750px) {
  cart-remove-button .button {
    min-width: 3.5rem;
    min-height: 3.5rem;
  }
}

cart-remove-button .icon-remove {
  height: 1.5rem;
  width: 1.5rem;
}
cart-remove-button .icon-remove:hover {
  color:#000 !important;
}

.cart-item .loading__spinner {
  top: 0;
  left: auto;
  right: auto;
  bottom: 0;
  padding: 0;
}

@media screen and (min-width: 750px) {
  .cart-item .loading__spinner {
    right: 0;
    padding-top: 4.5rem;
    bottom: auto;
  }
}

.cart-item .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}

.cart-item__error {
  display: flex;
  align-items: flex-start;
  margin-top: 0.2rem;
  width: min-content;
  min-width: 100%;
}

.cart-item__error-text {
  font-size: 1.3rem;
  line-height: 1.4;
  letter-spacing: 0.04rem;
  order: 1;
}

.cart-item__error-text + .svg-wrapper {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.7rem;
  margin-top: 0.25rem;
}

.cart-item__error-text:empty + .svg-wrapper {
  display: none;
}

.product-option + .product-option {
  margin-top: 0.4rem;
}

.product-option * {
  display: inline;
  margin: 0;
}

.cart-items thead th {
  text-transform: uppercase;
}

@media screen and (max-width: 749px) {
  .cart-items,
  .cart-items thead,
  .cart-items tbody {
    display: block;
    width: 100%;
  }
  .cart-items thead tr {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
    margin-bottom: 4rem;
  }

  .cart-item {
    display: grid;
    grid-template: repeat(2, auto) / repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 3.5rem;
  }

  .cart-item:last-child {
    margin-bottom: 0;
  }

  .cart-item__media {
    grid-row: 1 / 3;
  }

  .cart-item__details {
    grid-column: 2 / 4;
  }

  .cart-item__quantity {
    grid-column: 2 / 5;
  }

  .cart-item__quantity-wrapper {
    flex-wrap: wrap;
  }

  .cart-item__totals {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 750px) {
  .cart-items {
    border-spacing: 0;
    border-collapse: separate;
    box-shadow: none;
    width: 100%;
    display: table;
  }

  .cart-items th {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }

  .cart-items thead th:first-child {
    width: 50%;
  }

  .cart-items th + th {
    padding-left: 4rem;
  }

  .cart-items td {
    vertical-align: top;
    padding-top: 4rem;
  }

  .cart-item {
    display: table-row;
  }

  .cart-item > td + td {
    padding-left: 4rem;
  }

  .cart-item__details {
    width: 35rem;
  }

  .cart-item__media {
    width: 10rem;
  }

  .cart-item__price-wrapper > *:only-child:not(.cart-item__discounted-prices) {
    margin-top: 1rem;
  }

  .cart-item__error {
    margin-left: 0.3rem;
  }
}

@media screen and (min-width: 990px) {
  .cart-item .cart-item__quantity,
  .cart-items .cart-items__heading--wide {
    padding-left: 6rem;
  }

  .cart-item__details {
    width: 50rem;
  }

  .cart-items thead th:first-child {
    width: 60%;
  }
}

@media screen and (min-width: 750px) {
  .cart-items .cart-items__heading--quantity,
  .cart-item .cart-item__quantity,
  .cart-item__quantity--info quantity-popover > * {
    padding-left: 5rem;
  }

  .cart-item .cart-item__quantity--info,
  .cart-item__quantity--info .cart-item__quantity-wrapper,
  .cart-item__quantity--info .cart-items__info {
    padding-left: 0;
  }
}

@media screen and (max-width: 989px) {
  .cart-items .quantity-popover__info-button {
    padding-left: 0;
  }
}

@media screen and (max-width: 749px) {
  .article-template {
    padding-top: 20px !important;
    padding-bottom: 45px !important;
  }

  .article-template__hero-container {
    margin-bottom: 28px !important;
    padding: 0 12px !important;
  }

  .article-template__hero-adapt {
    padding-bottom: 65% !important;
    border-radius: 15px !important;
  }

  .article-template > header.page-width--narrow {
    padding: 0 18px !important;
  }

  .article-template__title {
    font-size: 24px !important;
    line-height: 1.2 !important;
    letter-spacing: -.5px !important;
  }

  .article-template__social-sharing {
    margin-top: 22px !important;
    padding: 0 18px !important;
  }

  .article-template__content {
    margin-top: 32px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  .article-template__content > p:first-child {
    font-size: 17px !important;
  }

  .article-template__content h1 {
    font-size: 22px !important;
    margin-top: 38px !important;
  }

  .article-template__content h2 {
    font-size: 20px !important;
    margin-top: 30px !important;
  }

  .article-template__content h3 {
    font-size: 16px !important;
  }

  .article-template__content blockquote {
    padding: 16px 18px !important;
    margin: 25px 0 !important;
  }

  .article-template__content hr {
    margin: 35px 0 !important;
  }

  .article-template__back {
    margin-top: 20px !important;
    padding: 0 18px !important;
  }
}

.article-template__content ul {
  list-style-position: outside !important;
  padding-left: 25px !important;
  margin-left: 0 !important;
}

.article-template__content ul li {
  display: list-item !important;
  margin-bottom: 3px !important;
  padding-left: 5px !important;
  line-height: 1.7 !important;
}

.article-template__content ul li p {
  display: inline !important;
  margin: 0 !important;
}
@media screen and (max-width: 989px) {
  .main-blog h1.title--primary {
    font-size: 36px !important;
    margin-bottom: 35px !important;
  }

  .main-blog .blog-articles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  .main-blog .article-card__image img {
    height: 230px !important;
  }
}

@media screen and (max-width: 749px) {
  .main-blog {
    padding-top: 25px !important;
    padding-bottom: 40px !important;
  }

  .main-blog h1.title--primary {
    font-size: 30px !important;
    margin: 0 0 28px !important;
  }

  .main-blog .blog-articles {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .main-blog .article-card {
    border-radius: 15px !important;
  }

  .main-blog .article-card__image img {
    height: 240px !important;
  }

  .main-blog .card__information {
    padding: 20px !important;
  }

  .main-blog .card__heading {
    font-size: 19px !important;
  }

  .main-blog .article-card__excerpt {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}
@media screen and (max-width:749px) {
  .template-page .page-width--narrow {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .template-page .rte,
  .template-page .policy {
    width: 100% !important;
    max-width: 100% !important;
  }
  .template-page .rte {
    padding-top: 0;
    padding-bottom: 0;
  }
  .template-page .policy .section-heading {
    margin-top: 35px;
    margin-bottom: 10px;
    padding-bottom: 14px;
    font-size: 19px;
    line-height: 1.4;
  }
  .template-page .policy .section-heading::before {
    width: 3px;
    height: 17px;
    margin-right: 9px;
    vertical-align: -2px;
  }
  .template-page .policy .para {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0;
  }
  .template-page .policy ul li {
    padding-left: 18px;
  }
  .template-page .policy ul li::before {
    width: 5px;
    height: 5px;
    top: 10px;
  }
  .cart-actions .button + .button {
    margin-top: 15px !important;
    background: #7fa043 !important;
    color: #fff !important;
    width: 100% !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    cursor: pointer !important;
    letter-spacing: .5px !important;
    height: 39px;
  }
  #main-cart-items {
    padding-bottom: unset;
  }
}
@media screen and (max-width:480px) {
  .template-page .policy .section-heading {
    margin-top: 30px;
    font-size: 18px;
  }
  .template-page .policy .para {
    font-size: 14px;
    line-height: 1.78;
  }
     padding: 52px 14px 58px !important;
    font-size: 28px !important;
  }
  .template-page .main-page-title::before {
    font-size: 7px;
    letter-spacing: 1.7px;
  }
  .template-page .policy .section-heading {
    font-size: 17px;
  }
  .template-page .policy .para {
    font-size: 13.5px;
  }
}

 @media screen and (min-width: 1400px) {
   .header__search + * {
    margin-right: -15px !important;
  }
}
@media screen and (max-width: 1400px) {
    nav.header__inline-menu ul.list-menu.list-menu--inline {
        gap: 0px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1333px) {

  header-menu span {
    font-size: 15px;
  }

  nav.header__inline-menu ul.list-menu.list-menu--inline > li > a,
  nav.header__inline-menu ul.list-menu.list-menu--inline > li > header-menu > summary {
    font-size: 15px;
    font-weight:600;
  }

  .header #Details-HeaderMenu-2 summary.list-menu__item {
    padding-right: 5;
  }

  header.header.header--middle-left.header--mobile-center.page-width {
    column-gap: 6rem !important;
  }
.header__icons.header__icons--localization.header-localization {
    gap: 5px;
}
nav.header__inline-menu ul.list-menu.list-menu--inline a {
    font-size: 13px;

}
}
@media screen and (min-width: 990px) and (max-width: 1200px) {

  header-menu span {
    font-size: 12px;
  }

  nav.header__inline-menu ul.list-menu.list-menu--inline > li > a,
  nav.header__inline-menu ul.list-menu.list-menu--inline > li > header-menu > summary {
    font-size: 12px;
  }

  .header #Details-HeaderMenu-2 summary.list-menu__item {
    padding-right: 0;
  }

 header.header.header--middle-left.header--mobile-center.page-width {
    column-gap: 1rem !important;
    padding-right: 20px !important;
    padding-left: 15px !important;
}
.header__icons.header__icons--localization.header-localization {
    gap: 5px;
}
nav.header__inline-menu ul.list-menu.list-menu--inline a {
    font-size: 11px;

}
}
@media screen and (max-width: 990px) {
    .header--has-account.header--has-menu:not(.header--mobile-left):not(.header--has-app) .header__icons>.header__search {
        display: block !important;
    }
    .header__icons.header__icons--localization.header-localization {
    gap: 3px;
}
button.search__button.field__button svg {
    margin-left: -25px !important;
}

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

  /* Prevent horizontal page scrolling */
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .shopify-section-header,
  .header-wrapper,
  .header {
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
  }

  /* Header */
  .header {
    min-height: 58px !important;
    padding: 6px 10px !important;

    display: flex !important;
    align-items: center !important;

    position: relative !important;
  }

  /* =====================================
     MENU
  ===================================== */

  header-drawer {
    display: block !important;
    flex: 0 0 40px !important;
    width: 40px !important;
  }

  .header__icon--menu {
    width: 40px !important;
    height: 40px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center;
    justify-content: center;
  }


  /* =====================================
     LOGO
  ===================================== */

  .header__heading {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 8px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .header__heading-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 150px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header__heading-logo-wrapper {
    display: block !important;
    width: auto !important;
    max-width: 150px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .header__heading-logo-wrapper img,
  .header__heading-logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }
  .header__icons {
    flex: 0 0 auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header__icons .header__icon {
    width: 38px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header__icons .header__icon svg {
    width: 20px !important;
    height: 20px !important;
  }
  .header__search {
    display: block !important;
  }
  .header__search .header__icon {
    display: flex !important;
  }
  .header__inline-menu {
    display: none !important;
  }
  .desktop-localization-wrapper {
    display: none !important;
  }
  .search-modal {
    width: 100% !important;
    max-width: 100% !important;
  }
  .search-modal__content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
  }
  .search-modal__form {
    width: 100% !important;
    max-width: 100% !important;
  }
  .search-modal .field {
    width: 100% !important;
    max-width: 100% !important;
  }
  .menu-drawer {
    width: 85vw !important;
    max-width: 360px !important;

    left: 0 !important;
    right: auto !important;
  }
  body.template-cart  .cart__contents td.cart-item__totals.right.medium-hide.large-up-hide {
    display: none;
  }
  body.template-cart  .cart__contents tr#CartItem-1 {
      grid-template: repeat(2, auto) / repeat(3, 1fr);
  }
  body.template-cart  .cart__contents th.medium-hide.large-up-hide.right.caption-with-letter-spacing {
      display: none;
  }
#menu-drawer .menu-drawer__submenu .menu-drawer__menu-item {
  padding: 9px 20px !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
}

@media screen and (max-width: 991px) {
  .header {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-left:22px !important;
  }
  header.header.header--middle-left.header--mobile-center.page-width {
    padding-block: 12px !important;
}
  header-drawer {
    flex-basis: 36px !important;
    width: 36px !important;
  }

  .header__icon--menu {
    width: 36px !important;
  }
  .header__heading-link,
  .header__heading-logo-wrapper {
    max-width: 125px !important;
  }
  .header__heading-logo-wrapper img,
  .header__heading-logo {
    max-width: 150px !important;
    max-height: 38px !important;
  }
  .header__icons .header__icon {
    width: 22px !important;
  }
  .header__icons .header__icon svg {
    width: 25px !important;
    height: 22px !important;
  }
  header > details-modal.header__search {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
    nav.header__inline-menu ul.list-menu.list-menu--inline {
        gap: 0;
    }
    nav.header__inline-menu ul.list-menu.list-menu--inline > li > a,
    nav.header__inline-menu ul.list-menu.list-menu--inline > li > header-menu > summary {
        font-size: 14px;
    }

    nav.header__inline-menu ul.list-menu.list-menu--inline > li > a::after,
    nav.header__inline-menu ul.list-menu.list-menu--inline > li > header-menu > summary::after {
        display: none;
    }

    nav.header__inline-menu summary .icon-caret {
        width: 6px !important;
        height: 6px !important;
    }

}

.star-wrapper {
    padding-top: 20px;
}
body.three-in-one-magnesium .lab-testing-section .heading-buttons-wrap .lab-btn, .eternal-resveratrol .lab-testing-section .heading-buttons-wrap .lab-btn{
   max-width: 229px !important;

}
.header__menu-item {
    padding: 1.2rem;
    text-decoration: none;
    color: rgba(var(--color-foreground),.75);
}
@media screen and (max-width: 749px) {
   .pf-ann {
    background: #c0392b;
    padding: 12px 24px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-family: sans-serif;
}
    .pf-ann__text {
        color: #fff;
        font-size: 13px;
        letter-spacing: 0.04em;
    }
    .pf-ann__sep {
        color: rgba(255,255,255,0.4);
        font-size: 13px;
    }
    .pf-ann__text {
        color: #fff;
        font-size: 13px;
        letter-spacing: 0.04em;
    }
    .pf-ann__btn {
    display: none;
}

}
.product-grid-container {
  width: 100%;
}
.template-search__results {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.template-search__results > ul.product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  gap: 34px 22px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.template-search__results > ul.product-grid > li.grid__item {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.template-search__results .card-wrapper {
  height: 100%;
}

.template-search__results .card {
  height: 100%;

  display: flex;
  flex-direction: column;

  background: #fff;

  border: 1px solid #e9e9e9;
  border-radius: 12px;

  overflow: hidden;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.template-search__results .card:hover {
  transform: translateY(-4px);

  border-color: #dedede;

  box-shadow: 0 12px 30px rgba(0,0,0,.07);
}


/* =========================================================
   IMAGE
   SAME HEIGHT FOR EVERY PRODUCT
   ========================================================= */

.template-search__results .card__inner {
  position: relative;

  width: 100% !important;

  height: 350px !important;
  min-height: 350px !important;

  aspect-ratio: auto !important;
  --ratio-percent: 0 !important;

  overflow: hidden;

  background: #fafafa;
}

.template-search__results .card__media {
  width: 100% !important;
  height: 100% !important;
}

.template-search__results .card__media .media {
  width: 100% !important;
  height: 100% !important;

  position: relative;
}

.template-search__results .card__media img {
  position: absolute;

  inset: 0;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  display: block;

  transition: transform .45s ease;
}

.template-search__results .card:hover .card__media img {
  transform: scale(1.035);
}


/* =========================================================
   PRODUCT INFORMATION
   ========================================================= */

.template-search__results .card > .card__content {
  display: flex;
  flex-direction: column;

  flex: 1;

  padding: 16px 16px 18px;
}

.template-search__results .card__information {
  padding: 0 !important;
}


/* =========================================================
   PRODUCT TITLE
   MAX 3 LINES
   SAME TITLE HEIGHT
   ========================================================= */

.template-search__results .card__heading {
  margin: 0 0 9px !important;

  min-height: calc(1.4em * 3);

  line-height: 1.4;
}

.template-search__results .card__heading a {
  display: -webkit-box;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;

  overflow: hidden;

  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;

  color: #202020;

  text-decoration: none;
}


/* =========================================================
   PRICE
   ========================================================= */

.template-search__results .card-information {
  margin-top: auto;
}

.template-search__results .price {
  margin-top: 5px;
}

.template-search__results .price-item {
  font-size: 15px;
}

.template-search__results .price-item--sale {
  font-weight: 700;
}

.template-search__results .price-item--regular {
  color: #999;
}


/* =========================================================
   SALE BADGE
   ========================================================= */

.template-search__results .card__badge {
  top: 12px;
  left: 12px;

  bottom: auto !important;
}

.template-search__results .badge {
  padding: 6px 10px;

  border-radius: 5px;

  font-size: 10px;
  line-height: 1;
  font-weight: 600;

  letter-spacing: .3px;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.template-search__results .pagination-wrapper {
  margin-top: 55px;
  margin-bottom: 45px;
}

.template-search__results .pagination__list {
  gap: 7px;
}

.template-search__results .pagination__item {
  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #e5e5e5;
  border-radius: 7px;

  font-size: 14px;
}

.template-search__results .pagination__item--current {
  background: #222;
  color: #fff;

  border-color: #222;
}


/* =========================================================
   TABLET
   ========================================================= */

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

  .template-search__results {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .template-search__results > ul.product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 25px 18px !important;
  }

  .template-search__results .card__inner {
    height: 300px !important;
    min-height: 300px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

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

  .template-search__results {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .template-search__results > ul.product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 18px 12px !important;
  }
  .template-search__results .card {
    border-radius: 9px;
  }
  .template-search__results .card__inner {
    height: 230px !important;
    min-height: 230px !important;
  }
  .template-search__results .card > .card__content {
    padding: 12px 11px 14px;
  }
  .template-search__results .card__heading {
    min-height: calc(1.4em * 3);
    margin-bottom: 7px !important;
  }
  .template-search__results .card__heading a {
    font-size: 13px;
    line-height: 1.4;
  }
  .template-search__results .price-item {
    font-size: 13px;
  }
  .template-search__results .badge {
    padding: 5px 8px;
    font-size: 9px;
  }

}


.template-search__header h1 {
  font-size: 38px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  text-align: center !important;
}
.template-search__search .field {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 50px;
  background: #fff;
  overflow: hidden;
}
.template-search__search .field:focus-within {
  border-color: rgba(0, 0, 0, 0.35);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}
.template-search__search .search__input {
  width: 100%;
  height: 45px;
  padding: 0 100px 0 25px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  font-size: 16px;
  box-shadow: none !important;
}

.template-search__search .field__label {
  display: none !important;
}

.template-search__search .field__button {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.template-search__search .field__button .svg-wrapper {
  background: transparent !important;
  background-color: transparent !important;
}
.template-search__search .reset__button {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.template-search__search .reset__button .icon {
  background: transparent !important;
  fill: none !important;
}
.template-search__search .search__button {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}
.template-search__search .search__button .icon {
  width: 19px;
  height: 19px;
  background: transparent !important;
  fill: none !important;
}
.template-search__search .search__button:hover,
.template-search__search .reset__button:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transform: none;
}

.template-search__search .field:before,
.template-search__search .field:after,
.template-search__search .field__button:before,
.template-search__search .field__button:after {
  display: none !important;
}
@media screen and (max-width: 749px) {
  .template-search__header {
    padding: 0 16px 0 !important;
  }
  .template-search__header h1 {
    font-size: 28px !important;
    margin-bottom: 20px !important;
  }
  .template-search__search {
    max-width: 100%;
  }
  .template-search__search .field {
    min-height: 52px;
  }
  .template-search__search .search__input {
    height: 52px;
    padding-left: 20px !important;
    padding-right: 100px !important;
    font-size: 15px;
  }
  .template-search__search .field__button {
    width: 44px;
    height: 44px;
    top: 4px;
  }
}
#shopify-section-template--23228094611700__main .page-width {
  max-width: 1280px !important;
  margin: 0 auto !important;
}
#shopify-section-template--23228094611700__main .title--primary {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 38px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  margin: 40px 0 40px !important;
}
#shopify-section-template--23228094611700__main ul.collection-list {
  display: grid !important;
  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;
  gap: 24px 17px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#shopify-section-template--23228094611700__main
ul.collection-list > li.collection-list__item {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card:hover {
  transform: translateY(-5px) !important;
  box-shadow:
    0 15px 35px rgba(0, 0, 0, 0.11) !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card__inner {
  width: 100% !important;
}


#shopify-section-template--23228094611700__main
.collection-card-wrapper .card__media {
  width: 100% !important;
  overflow: hidden !important;
}


#shopify-section-template--23228094611700__main
.collection-card-wrapper .card__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.5s ease !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card:hover
.card__media img {
  transform: scale(1.05) !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper
.card__inner > .card__content {
  display: none !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper > .card__content {
  display: block !important;
  width: 100% !important;
  padding: 18px 20px !important;
  background: #fff !important;
}

#shopify-section-template--23228094611700__main
.collection-card-wrapper .card__heading {
  width: 100% !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card__heading a {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 10px !important;
  width: 100% !important;
  text-decoration: none !important;
}

#shopify-section-template--23228094611700__main
.collection-card-wrapper .icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s ease !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .icon-arrow {
  width: 14px !important;
  height: 10px !important;
  transition: transform 0.3s ease !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card:hover .icon-wrap {
  background: #111 !important;
  color: #fff !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card:hover .icon-arrow {
  transform: translateX(2px) !important;
}
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card::before,
#shopify-section-template--23228094611700__main
.collection-card-wrapper .card::after {
  display: none !important;
}
@media screen and (max-width: 989px) {
  #shopify-section-template--23228094611700__main
  ul.collection-list {
    display: grid !important;
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 18px !important;
  }
  #shopify-section-template--23228094611700__main
  ul.collection-list > li.collection-list__item {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }
  #shopify-section-template--23228094611700__main
  .title--primary {
    font-size: 32px !important;
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 749px) {
  #shopify-section-template--23228094611700__main
  .page-width {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #shopify-section-template--23228094611700__main
  ul.collection-list {
    display: grid !important;
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 12px !important;
  }
  #shopify-section-template--23228094611700__main
  .title--primary {
    font-size: 28px !important;
    margin-bottom: 25px !important;
  }
  #shopify-section-template--23228094611700__main
  .collection-card-wrapper .card {
    border-radius: 14px !important;
  }
  #shopify-section-template--23228094611700__main
  .collection-card-wrapper > .card__content {
    padding: 12px 13px !important;
  }
  #shopify-section-template--23228094611700__main
  .collection-card-wrapper .card__heading {
    font-size: 15px !important;
  }
  #shopify-section-template--23228094611700__main
  .collection-card-wrapper .icon-wrap {
    width: 28px !important;
    height: 28px !important;
  }
  #shopify-section-template--23228094611700__main
  .collection-card-wrapper .icon-arrow {
    width: 12px !important;
  }
}
@media screen and (max-width: 480px) {
  #shopify-section-template--23228094611700__main
  ul.collection-list {
    gap: 15px 10px !important;
  }
  #shopify-section-template--23228094611700__main
  .collection-card-wrapper > .card__content {
    padding: 10px 11px !important;
  }
  #shopify-section-template--23228094611700__main
  .collection-card-wrapper .card__heading {
    font-size: 14px !important;
  }
}
.template-404 > p {
  margin: 50px 0 27px !important;
  font-size: 80px;
  line-height: 0.9 !important;
  font-weight: 700 !important;
  opacity: 0.08;
  color: #000;
}
.template-404 .title {
  margin: 0 0 7px !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  letter-spacing: -1px !important;
  text-align: center !important;
}
.template-404 .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px;
  min-height: 54px;
  padding: 14px 28px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    opacity 0.3s ease !important;
    margin-bottom:50px;
}
.template-404 .button:hover {
  transform: translateY(-3px);
  box-shadow:
    0 12px 25px rgba(0, 0, 0, 0.15) !important;
}
@media screen and (max-width: 749px) {
  .template-404 > p {
    font-size: 90px !important;
    letter-spacing: -4px !important;
    margin-bottom: 10px !important;
  }
  .template-404 .title {
    font-size: 30px !important;
    margin-bottom: 25px !important;
  }
  .template-404 .button {
    min-width: 175px;
    min-height: 50px;
    padding: 13px 24px !important;
    font-size: 14px !important;
  }
}
/* =========================================================
   PREMIUM COLLECTION FILTER + SORT BAR
========================================================= */

/* Main form */
#FacetFiltersForm {
  width: 100%;
  /* display: flex; */
  /* align-items: center; */
  gap: 18px;
  px; */
  padding: 16px 0;
  /* border-top: 1px solid rgba(0, 0, 0, 0.08); */
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */
}


/* =========================================================
   FILTER WRAPPER
========================================================= */

#FacetsWrapperDesktop {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

#FacetsWrapperDesktop > .facets__heading {
  margin: 0 8px 0 0 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  color: #222 !important;
  white-space: nowrap;
}
#FacetsWrapperDesktop .facets__disclosure {
  margin: 0 !important;
  width: 100%;
  max-width: 176px;
}
#FacetsWrapperDesktop .facets__summary {
  min-height: 44px !important;
  padding: 0 16px !important;
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50px;
  background: #fff;
  cursor: pointer;
  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
  margin: 0;
}
#FacetsWrapperDesktop .facets__summary > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
#FacetsWrapperDesktop .facets__summary-label,
#FacetsWrapperDesktop .facets__summary span {
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  color: #222 !important;
  white-space: nowrap;
}
#FacetsWrapperDesktop .facets__summary .icon-caret {
  width: 10px !important;
  height: 7px !important;
  transition: transform .25s ease;
  right: 10px;
}
#FacetsWrapperDesktop .facets__disclosure[open] .facets__summary {
  border-color: #222;
  box-shadow:
    0 5px 18px rgba(0, 0, 0, 0.07);
}
#FacetsWrapperDesktop
.facets__disclosure[open]
.facets__summary
.icon-caret {
  transform: rotate(180deg);
}

#FacetsWrapperDesktop .facets__summary:hover {
  border-color: rgba(0, 0, 0, 0.30);
  box-shadow:
    0 5px 18px rgba(0, 0, 0, 0.05);
}

#FacetsWrapperDesktop .facets__display {
  min-width: 270px !important;
  margin-top: 10px;
  padding: 0 !important;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 14px;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 50;
}
#FacetsWrapperDesktop .facets__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#FacetsWrapperDesktop .facets__selected {
  font-size: 12px !important;
  color: #777;
  font-weight: 500;
}
#FacetsWrapperDesktop .facets__reset {
  font-size: 12px !important;
  color: #222 !important;
  font-weight: 600;
  text-decoration: none !important;
}
#FacetsWrapperDesktop .facets__reset:hover {
  opacity: .55;
}
#FacetsWrapperDesktop .facets__list {
  padding: 12px 16px !important;
}
#FacetsWrapperDesktop .facets__item {
  margin: 0 !important;
}
#FacetsWrapperDesktop .facets__label {
  min-height: 42px;
  padding: 9px 4px !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  cursor: pointer;
  transition:
    background .2s ease;
}
#FacetsWrapperDesktop .facets__label:hover {
  background: #f7f7f7;
}
#FacetsWrapperDesktop .facets__label > svg {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 16px;
}
#FacetsWrapperDesktop .facet-checkbox__text {
  font-size: 13px !important;
  color: #333;
  line-height: 1.4;
}
#FacetsWrapperDesktop .facets__label.disabled {
  opacity: .4;
  cursor: not-allowed;
}
#FacetsWrapperDesktop .facets__price {
  padding: 18px !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
#FacetsWrapperDesktop .field-currency {
  font-size: 13px;
  color: #555;
}
#FacetsWrapperDesktop .facets__price .field {
  position: relative;
  flex: 1;
  min-width: 0;
}
#FacetFiltersForm {
    gap: 5px;
}
#FacetsWrapperDesktop .facets__price .field__input {
  width: 100% !important;
  height: 44px !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}
#FacetsWrapperDesktop .facets__price .field__input:focus {
  border-color: #222 !important;
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(0, 0, 0, .05) !important;
}
#FacetsWrapperDesktop .facets__price .field__label {
  font-size: 10px !important;
}

.active-facets-desktop {
  display: flex;
  align-items: center;
  margin: 0 !important;
}
.active-facets__button-wrapper {
  margin: 0 !important;
}
.active-facets__button-remove {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(0, 0, 0, .10);
  border-radius: 50px;
  font-size: 12px !important;
  font-weight: 500;
  color: #555 !important;
  text-decoration: none !important;
  background: #fafafa;
  transition: all .2s ease;
}
.active-facets__button-remove:hover {
  background: #f1f1f1;
  border-color: rgba(0, 0, 0, .2);
}
.facet-filters__field {
  display: flex;
  align-items: center;
  gap: 10px;
}
.facet-filters__label {
  margin: 0 !important;
  padding: 0 !important;
}
.facet-filters__label label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #555 !important;
  white-space: nowrap;
}

.facet-filters__field .select {
  position: relative;
  width: 210px;
  height: 44px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, .13);
  border-radius: 50px;
  background: #fff;
  overflow: hidden;

  transition:
    border-color .25s ease,
    box-shadow .25s ease;
}
.facet-filters__field .select:hover {
  border-color: rgba(0, 0, 0, .30);
  box-shadow:
    0 5px 18px rgba(0, 0, 0, .05);
}
.facet-filters__field .select:focus-within {
  border-color: #222;
  box-shadow:
    0 0 0 3px rgba(0, 0, 0, .05);
}

.facet-filters__sort {
  width: 100% !important;
  height: 44px !important;
  padding: 0 40px 0 16px !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 50px !important;
  background: transparent !important;
  color: #222 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer;
  box-shadow: none !important;
}

.facet-filters__field .svg-wrapper {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 13px;
  height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  pointer-events: none;
}
.facet-filters__field .svg-wrapper .icon {
  width: 10px;
  height: 6px;
  transition: transform .25s ease;
}
.facet-filters__field
.select:focus-within
.svg-wrapper
.icon {
  transform: rotate(180deg);
}
.product-count {
  margin: 0 !important;
  flex: 0 0 auto;
}
.product-count__text {
  margin: 0 !important;
  font-size: 13px !important;
  color: #000 !important;
  white-space: nowrap;
}

@media screen and (min-width: 990px) {

  #FacetFiltersForm {
  }

}


/* =========================================================
   TABLET
========================================================= */

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

  #FacetFiltersForm {
    flex-wrap: wrap;

    gap: 12px;
  }

  #FacetsWrapperDesktop {
    width: 100%;

    flex: 1 1 100%;
  }

  .active-facets-desktop {
    margin-left: auto !important;
  }

}

@media screen and (max-width: 749px) {
  #FacetFiltersForm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px 0;
  }
  #FacetsWrapperDesktop {
    width: auto;
    grid-column: 1 / -1;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  #FacetsWrapperDesktop::-webkit-scrollbar {
    display: none;
  }
  #FacetsWrapperDesktop
  > .facets__heading {
    display: none;
  }
  #FacetsWrapperDesktop .facets__summary {
    min-height: 42px !important;
    padding: 0 14px !important;
  }
  #FacetsWrapperDesktop
  .facets__summary-label,
  #FacetsWrapperDesktop
  .facets__summary span {
    font-size: 12px !important;
  }
  .active-facets-desktop {
    grid-column: 1;
    order: 2;
  }
  .facet-filters.sorting {
    grid-column: 2;
    order: 2;
  }
  .facet-filters__field {
    justify-content: flex-end;
    gap: 0;
  }
  .facet-filters__label {
    display: none;
  }

  .facet-filters__field .select {
    width: 100%;
    height: 42px;
  }
  .facet-filters__sort {
    height: 42px !important;
    padding-left: 14px !important;
    font-size: 12px !important;
  }
  .product-count {
    display: none;
  }
  .active-facets__button-remove {
    min-height: 42px;
    font-size: 11px !important;
    padding: 0 13px;
  }
  #FacetsWrapperDesktop .facets__display {
    min-width: 250px !important;

    max-width: calc(100vw - 30px);
  }

}

@media screen and (max-width: 380px) {
  .facet-filters__field .select {
    width: 100%;
  }
  #FacetsWrapperDesktop .facets__summary {
    padding: 0 11px !important;
  }

}
@media screen and (max-width: 810px) {
  #FacetsWrapperDesktop .facets__disclosure {
    margin: 0 !important;
    width: 100%;
    max-width: 147px;
  }
}

}



/* =========================================
   PREMIUM REMOVE ALL FILTER BUTTON
========================================= */

.active-facets__button-wrapper {
  display: inline-flex !important;
  margin: 0 !important;
}

.active-facets__button-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 42px !important;
  padding: 0 18px !important;

  background: #f7f4ee !important;
  color: #222 !important;

  border: 1px solid #0000000d !important;
  border-radius: 30px !important;

  font-size: 13px !important;
  font-weight: 600 !important;

  text-decoration: none !important;
  line-height: 1 !important;

  transition: 
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease !important;
}
.active-facets__button-remove::after {
  display: none !important;
}

.active-facets__button-remove:hover {
  background: #222 !important;
  color: #fff !important;
  border-color: #222 !important;
  transform: translateY(-1px);
}
.active-facets__button-remove span {
  text-decoration: none !important;
}

.header__icons.header__icons--localization.header-localization {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2px !important;
}
.header__icons > details-modal.header__search,
.header__icons > a.header__icon--account,
.header__icons > a.header__icon--cart {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.header__icons > details-modal.header__search > details > summary {
  width: 30px !important;
  min-width: 30px !important;
  height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header__icons > details-modal.header__search .bs-custom-search-icon,
.header__icons > a.header__icon--account > .svg-wrapper > svg {
  width: 22px !important;
  height: 22px !important;
}
.header__icons > a.header__icon--cart > .svg-wrapper > svg {
  width: 19px !important;
  height: 22px !important;
}
.header__icons > details-modal.header__search .header__icon-close {
  display: none !important;
}
.cart-items thead th {
  color: #29452e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  padding: 16px 22px !important;
}
@media screen and (max-width: 991px) {
  .header__icons.header__icons--localization.header-localization {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
  }
  .desktop-localization-wrapper {
    display: none !important;
  }
  .header__search,
  .header__icon--account,
  .header__icon--cart {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header__search .header__icon--search {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header__search .bs-custom-search-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
  }
  .header__search summary .header__icon-close {
    display: none !important;
  }
  .header__icon--account > .svg-wrapper > svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
  }
  .header__icon--cart > .svg-wrapper > svg {
    width: 18px !important;
    height: 22px !important;
    display: block !important;
  }
  .header__icon--account > .svg-wrapper,
  .header__icon--cart > .svg-wrapper {
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  header.header.header--middle-left.header--mobile-center.page-width {
    padding: 4px 10px !important;
  }

}


/* =========================================================
   BESPECIFIC — FINAL PREMIUM MOBILE MENU
   FULL COMPLETE CSS | 0px–989px
========================================================= */

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

  /* ================================
     1. MAIN DRAWER
  ================================= */

  .menu-drawer {
    width: min(88vw, 380px) !important;
    max-width: 380px !important;
    height: 100dvh !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 18px 18px 0 !important;
    box-shadow: 12px 0 40px rgba(0, 0, 0, 0.14) !important;
    overflow: hidden !important;
  }

  .menu-drawer__inner-container {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
  }

  /* ================================
     2. SCROLL AREA
  ================================= */

  .menu-drawer__navigation-container {
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 14px 14px 24px !important;
    background: #ffffff !important;
    scrollbar-width: thin !important;
  }

  .menu-drawer__navigation-container::-webkit-scrollbar {
    width: 4px !important;
  }

  .menu-drawer__navigation-container::-webkit-scrollbar-track {
    background: transparent !important;
  }

  .menu-drawer__navigation-container::-webkit-scrollbar-thumb {
    background: #d0d0d0 !important;
    border-radius: 10px !important;
  }

  /* ================================
     3. MENU LIST
  ================================= */

  .menu-drawer__menu {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  /* COMPACT GAP BETWEEN MENU ITEMS */

  .menu-drawer__menu > li {
    list-style: none !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    border: none !important;
  }

  .menu-drawer__menu > li:last-child {
    margin-bottom: 0 !important;
  }

  /* ================================
     4. NORMAL MENU LINKS
     NO ARROW
  ================================= */
.menu-drawer__menu > li > a.menu-drawer__menu-item {
    position: relative !important;
    width: 100% !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 13px !important;
    font-size: 15px !important;
    font-weight: 500;
    line-height: 1.35 !important;
    color: #151515 !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: background 0.25s ease, color 0.25s ease !important;
}
.menu-drawer__menu > li > details > summary.menu-drawer__menu-item {
    position: relative !important;
    width: 100% !important;
    min-height: 45px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 52px 10px 16px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #151515 !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: background 0.25s ease, color 0.25s ease !important;
}
  .menu-drawer details > summary .icon-arrow,
  .menu-drawer details > summary .icon-caret,
  .menu-drawer details > summary > .svg-wrapper {
    display: none !important;
  }
  .menu-drawer details > summary.menu-drawer__menu-item::after {
    content: "›" !important;
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    width: 18px !important;
    height: 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    font-family: Arial, sans-serif !important;
    font-size: 27px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #151515 !important;
    pointer-events: none !important;
    transition: transform 0.25s ease !important;
  }
  .menu-drawer details[open] > summary.menu-drawer__menu-item {
    background: #f4f4f2 !important;
    color: #111111 !important;
  }
  .menu-drawer details[open] > summary.menu-drawer__menu-item::after {
    transform: translateY(-50%) rotate(90deg) !important;
  }
  .menu-drawer__menu-item:hover,
  .menu-drawer__menu-item:active {
    background: #f4f4f2 !important;
    color: #111111 !important;
  }
  .menu-drawer__menu-item--active {
    background: #111111 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
  }
  .menu-drawer details > summary.menu-drawer__menu-item--active::after {
    color: #ffffff !important;
  }
  .menu-drawer__submenu {
    margin: 0 !important;
    padding: 2px 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .menu-drawer__inner-submenu {
    padding: 0 !important;
    background: transparent !important;
  }
  .menu-drawer__close-button {
    width: 100% !important;
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 4px !important;
    padding: 9px 16px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    background: #f4f4f2 !important;
    border: none !important;
    border-radius: 10px !important;
    text-decoration: none !important;
  }
  .menu-drawer__close-button .svg-wrapper {
    display: flex !important;
  }
  .menu-drawer__close-button .icon-arrow {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
  }
  .menu-drawer__submenu
  > .menu-drawer__menu
  > li
  > a.menu-drawer__menu-item {
    position: relative !important;

    width: 100% !important;
    min-height: 42px !important;

    display: flex !important;
    align-items: center !important;

    padding: 8px 14px 8px 24px !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    color: #4a4a4a !important;
    background: transparent !important;

    border: none !important;
    border-radius: 8px !important;

    text-decoration: none !important;
    box-sizing: border-box !important;

    transition: background 0.2s ease, color 0.2s ease !important;
  }
  .menu-drawer__submenu
  > .menu-drawer__menu
  > li
  > a.menu-drawer__menu-item:hover {
    background: #f4f4f2 !important;
    color: #111111 !important;
  }
  .menu-drawer__submenu
  details
  > summary.menu-drawer__menu-item {
    position: relative !important;
    min-height: 42px !important;
    padding: 8px 48px 8px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    background: transparent !important;
    border-radius: 8px !important;
    cursor: pointer !important;
  }

  .menu-drawer__submenu
  details
  > summary.menu-drawer__menu-item::after {
    content: "›" !important;

    position: absolute !important;
    right: 16px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    font-family: Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 300 !important;

    color: #151515 !important;

    pointer-events: none !important;
  }

  .menu-drawer__submenu
  details[open]
  > summary.menu-drawer__menu-item::after {
    transform: translateY(-50%) rotate(90deg) !important;
  }

  /* ================================
     14. REMOVE UNWANTED BORDERS
  ================================= */

  .menu-drawer,
  .menu-drawer__inner-container,
  .menu-drawer__navigation-container,
  .menu-drawer__navigation,
  .menu-drawer__menu,
  .menu-drawer__menu li,
  .menu-drawer__submenu,
  .menu-drawer details {
    border-color: transparent !important;
  }

  /* ================================
     15. HAMBURGER ICON
  ================================= */

  .header__icon--menu {
    width: 42px !important;
    height: 42px !important;

    min-width: 42px !important;
    min-height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    background: transparent !important;
    border-radius: 50% !important;
  }

  .header__icon--menu > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header__icon--menu .icon {
    width: 22px !important;
    height: 22px !important;
  }

  .menu-opening .header__icon--menu {
    background: #f2f2f0 !important;
  }

  /* ================================
     16. FOCUS
  ================================= */

  .menu-drawer .focus-inset:focus-visible {
    outline: 2px solid #111111 !important;
    outline-offset: 2px !important;
  }
}


/* =========================================================
   SMALL MOBILE — 480px AND BELOW
========================================================= */

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

  .menu-drawer {
    width: 90vw !important;
    max-width: 350px !important;
    border-radius: 0 16px 16px 0 !important;
  }

  .menu-drawer__navigation-container {
    padding: 12px 12px 22px !important;
  }

  /* MAIN LINKS */

  .menu-drawer__menu > li > a.menu-drawer__menu-item,
  .menu-drawer__menu > li > details > summary.menu-drawer__menu-item {
    min-height: 46px !important;
    font-size: 14px !important;
  }

  .menu-drawer__menu > li > a.menu-drawer__menu-item {
    padding: 9px 14px !important;
  }

  .menu-drawer__menu > li > details > summary.menu-drawer__menu-item {
    padding: 9px 48px 9px 14px !important;
  }

  /* CHEVRON */

  .menu-drawer details > summary.menu-drawer__menu-item::after {
    right: 15px !important;
    font-size: 25px !important;
  }

  /* SUBMENU */

  .menu-drawer__submenu
  > .menu-drawer__menu
  > li
  > a.menu-drawer__menu-item {
    min-height: 40px !important;
    padding: 7px 12px 7px 20px !important;
    font-size: 13px !important;
  }

  .menu-drawer__submenu
  details
  > summary.menu-drawer__menu-item {
    min-height: 40px !important;
    padding: 7px 44px 7px 20px !important;
    font-size: 13px !important;
  }

  .menu-drawer__submenu
  details
  > summary.menu-drawer__menu-item::after {
    right: 14px !important;
    font-size: 22px !important;
  }

  .header__icon--menu {
    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;
    min-height: 40px !important;
  }
}

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

  body.menu-open {
    overflow: hidden !important;
    height: 100vh !important;
  }

}