/** Shopify CDN: Minification failed

Line 2664:0 Unexpected "}"
Line 2799:1 Unexpected "{"

**/
.custom-ig-marquee-feed,
.rounded-bottom,
header {
  overflow: hidden;
}

.header__desktop__bar__c,
.popout-list__item a,
.popout__toggle__text,
a.btn {
  text-transform: uppercase;
  letter-spacing: 0.48px;
}

.custom-gutter,
.rounded-bottom,
.rounded-top {
  margin-inline: var(--gutter-custom);
}

.footer__block .social-link:hover,
.newsletter__submit:hover,
a:hover,
p a:hover,
ul.footer__quicklinks li:hover a,
ul.footer__quicklinks li:hover:after {
  color: var(--color-red-deep);
}

#about-us.header-over-footer .logo__img img,
.product-item__bg:hover .product-item__bg_video,
.product-item__info:hover .product-item__info_overlay {
  opacity: 1;
}
/* new hover */
.product-item__bg .image-wrapper:hover {
  transform: scale(1.05) !important;
}

.cb-heading,
h3.grid__subheading {
  letter-spacing: .5px;
  text-transform: uppercase;
}

:root {
  --gutter-custom: 30px;
  --marquee-gutter: 1rem;
  --cb-padding: 30px;
  --cb-icon: 3rem;
  --ig-icon: 5.5rem;
  --color-white: #fff;
  --color-black: #000;
  --color-red: #c00;
  --color-red-deep: #860019;
  --color-pink: #ffd3d3;
  --color-pink-muted: #e58080;
  --color-blue:#A0C5DF;
  --color-new-black: #1E1E1E;
  --color-beige: #F8F2E3;
  --color-ivory: #F6F8EF;
  --color-purple: #690F45;
  --header-logo-bg: #c00;
  --font-family-editorial: "New Editorial", serif;
  --font-family-editorial-light: "New Editorial UltraLight", serif;
  --font-family-avantt-med: "Avantt-Medium", sans-serif;
  --font-family-avantt-bold: "Avantt-Bold", sans-serif;
  --font-family-avantt-x-bold: "Avantt-ExtraBold", sans-serif;
  --font-family-supreme: "Supreme", sans-serif;
  --font-family-baystar-script-bold: "Baystar Script Bold", sans-serif;
  --border-width: 2px;
  --border-solid: var(--border-width) solid var(--text);
  --border-dash: var(--border-width) dashed var(--text);
  --border-solid-white: var(--border-width) solid var(--color-white);
  --radius-pill: 4rem;
  --radius-rounded: 1.5rem;
  --radius-rounded-left: var(--radius-rounded) 0 0 var(--radius-rounded);
  --radius-rounded-right: 0 var(--radius-rounded) var(--radius-rounded) 0;
  --ease-quad-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --custom-arrow-offset: 19vw;
}

#about-us, #why-protein, .template-collection, #faqs {
   --header-logo-bg: #690F45 !important;
}

#why-protein .header__desktop__bar__c ,
.template-collection .header__desktop__bar__c,
#faqs .header__desktop__bar__c {
  background: var(--color-red) !important;
  --link: var(--color-beige);
}

#why-protein .header__desktop__bar__c .menu__item.grandparent .navlink--toplevel .navtext::after,
#faqs .header__desktop__bar__c .menu__item.grandparent .navlink--toplevel .navtext::after,
.template-collection .header__desktop__bar__c .menu__item.grandparent .navlink--toplevel .navtext::after {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H4.8L7.808 6.976L10.88 0H15.52L9.984 12.64H5.568L0 0Z' fill='%23F8F2E3'/%3E%3C/svg%3E") !important;
}

#why-protein .header__desktop__bar__c .menu__item:hover .navlink--toplevel .navtext::after,
#faqs .header__desktop__bar__c .menu__item:hover .navlink--toplevel .navtext::after,
.template-collection .header__desktop__bar__c .menu__item:hover .navlink--toplevel .navtext::after,
#all a.navlink-active .navtext::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H4.8L7.808 6.976L10.88 0H15.52L9.984 12.64H5.568L0 0Z' fill='%231E1E1E'/%3E%3C/svg%3E") !important;
}

#why-protein .header__desktop__bar__c .slider-nav .menu__item:hover .navtext, 
#why-protein .menu__item:hover .navlink--toplevel .navtext,
#why-protein  a.navlink-active .navtext,
.template-collection .header__desktop__bar__c .slider-nav .menu__item:hover .navtext, 
.template-collection .menu__item:hover .navlink--toplevel .navtext,
.template-collection a.navlink-active .navtext,
#faqs .header__desktop__bar__c .slider-nav .menu__item:hover .navtext, 
#faqs .menu__item:hover .navlink--toplevel .navtext,
#faqs a.navlink-active .navtext {
  color: var(--color-new-black);
}



@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - (var(--marquee-gutter) / 2))); }
}

html {
  padding-bottom: 0 !important;
}

.js__header__stuck,
.theme__header {
  z-index: 500;
  overflow: visible;
}

hr.divider {
  border-width: var(--border-width);
}

.custom-gutter {
  padding-inline: 0;
}

.custom-padding {
  padding-inline: var(--gutter-custom);
}

.rounded-section {
  margin: var(--gutter-custom);
  border-radius: var(--radius-rounded);
  overflow: hidden;
}

.border {
  border: 3px solid;
}

.rounded-top {
  margin-top: var(--gutter-custom);
  border-radius: var(--radius-rounded) var(--radius-rounded) 0 0;
}

.rounded-bottom {
  margin-bottom: var(--gutter-custom);
  border-radius: 0 0 var(--radius-rounded) var(--radius-rounded);
}

.header__desktop__bar__c {
   background: var(--color-beige);
   backdrop-filter: blur(2.013303279876709px);
   width: 100%;
   height: fit-content;
   align-self: center;
}

.not-visible {
  visibility: hidden;
}
.centered {
  justify-content: center;
  display: flex;
}

@media screen and (min-width: 600px) {
  .show-mobile { display: none; }
}

.footer__block--menu .footer__block__title,
footer.drawer__foot p {
  font-family: var(--font-family-avantt-bold);
  text-transform: capitalize;
}

a.btn > span {
  display: flex !important;
  align-items: center;
  gap: 5px;
}

.btn--solid.btn--primary {
  --btn-bg-hover: var(--color-blue);
  --btn-border-hover: var(--color-blue);
  --btn-text-hover: var(--color-new-black);
}

.footer__quicklinks li::after {
  content: "+";
  position: relative;
  background: 0 0;
  margin-left: .25rem;
  bottom: 0;
}

.header__desktop__bar__c .menu__item.grandparent .navlink--toplevel .navtext::after {
  content: "";
  margin-left: .25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H4.8L7.808 6.976L10.88 0H15.52L9.984 12.64H5.568L0 0Z' fill='%231E1E1E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
  height: 1rem;
  width: .65rem;
  position: absolute;
  bottom: 0;
  left: unset;
  right: unset;
  transform: none;
}

.header__desktop__bar__c .menu__item:hover .navlink--toplevel .navtext::after,
a.navlink-active .navtext::after  {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H4.8L7.808 6.976L10.88 0H15.52L9.984 12.64H5.568L0 0Z' fill='%23c00'/%3E%3C/svg%3E");
}

.menu__item.child .navlink--toplevel .navtext:after {
      display: none;
}

.header__wrapper,
.popout-list__option:hover {
  --bg: transparent;
}

.custom_animated_header_logo,
.header__wrapper .logo__img {
  transition: filter .25s var(--ease-quad-out);
}

.custom_animated_header_logo:hover,
.drawer__logo:hover,
.header__wrapper .logo__img:hover {
  filter: blur(3px);
}

.header_hover__bg {
  position: absolute;
  top: 0;
  z-index: 0;
  background: var(--color-red);
  transition-property: top, left, width, height;
  transition: .25s var(--ease-quad-out);
  opacity: 0;
}

.header__menu .menu__item {
  padding-inline: 0.5rem;
}

.header__menu .menu__item:first-child,
.nutrition-facts-table td.sugar {
  padding-left: 1rem;
}

.header__menu .menu__item:last-child {
  padding-right: 1rem;
}

.header__desktop__bar__c .slider-nav .menu__item:hover .navtext,
.menu__item:hover .navlink--toplevel .navtext,
a.navlink-active .navtext  {
  color: var(--color-red);
}

.grandparent.kids-3 .header__grandparent__links {
  border-top: 2px solid black;
  border-right: 2px solid black;
  border-left: 2px solid black;
}
.navlink--child .navtext  {
  font-family: var(--font-family-editorial);
  text-transform: capitalize;
  font-weight: normal;
  font-size: var(--FONT-SIZE-NAV);
  letter-spacing: -0.05rem;
  --link-hover: var(--color-purple)
}

.menu__item.grandparent .navlink--grandchild .navtext {
  font-family: var(--font-family-avantt-med);
  text-transform: capitalize;
  font-weight: normal;
  --link-hover: var(--color-purple)
}

.menu__item.grandparent .navlink--grandchild {
  padding-top: 0;
}

.menu__item.grandparent .navlink.navlink--grandchild:last-child {
  padding-bottom: 15px;
}

.header__mobile {
  background: var(--color-beige);
  backdrop-filter: blur(2.000396728515625px);
  margin-inline: 1rem;
  padding: 0;
  align-items: center;
}

.template-index .header__mobile .header__logo__link svg {
 margin: -1rem 0;
 height: fit-content;
}

.header__mobile .header__logo__link svg {
 margin: -.5rem;
 height: fit-content;
}

@media only screen and (max-width: 749px) {
  .custom_animated_header_logo {
      margin: -.5rem;
  }
  .header__logo.header__logo--image {
      margin: -1rem;
  }
    .section-padding:has(.header__mobile) {
      padding-top: 20px !important;
    }
    .collection__products .grid {
      gap: 16px !important;
    }
    :root {
      --gutter-custom: 16px !important;
    }

    #why-protein .image-tabs .hero__content {
  width: 100% !important;
  padding: 0;
  }
  }
#unwell-hydration .header__mobile {
  background: 0 0;
  backdrop-filter: blur(0px);
} 

.header__mobile .custom_animated_header_logo {
  order: -1;
}

.header__mobile__left {
  order: 2;
  justify-content: flex-end;
  margin-right: .5rem;
}

.drawer--header .drawer__close {
  left: 0;
  height: 100%;
  margin-right:  .5rem;
  color: var(--color-new-black);
  padding-bottom: 10px;
}

.drawer__inner {
  background: transparent;
}
.drawer__logo {
  visibility: hidden;
}

.drawer__logo .header__logo__link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

header.drawer__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: var(--inner) !important;
}

header.drawer__head svg {
  height: auto !important;
}
.header__wrapper:has(.drawer.is-open) .header__mobile__left {
  display: none;
}
.drawer__body{
  margin: var(--inner) var(--inner) 0;
  width: auto;
  background: var(--color-blue);
}

footer.drawer__foot {
   margin: 0 var(--inner) var(--inner);
  width: auto;
  background: var(--color-blue);
}
.sliderow {
  background: var(--color-blue);
}

.sliderow__title {
  border-bottom: var(--border-dash);
  font-family: var(--font-family-editorial);
  font-size: 2rem;
  margin-top: 1rem;
  padding-bottom: 1rem;
  margin-inline: var(--inner);
  color: var(--color-new-black);
  border-color:  var(--color-new-black);
}

footer.drawer__foot {
  padding-block: var(--inner) calc(var(--inner) * 1.5);
  display: flex;
  height: max-content;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}

footer.drawer__foot p {
  margin: 0;
  font-size: var(--font-body-large);
}

.sliderow__title,
footer.drawer__foot,
header.drawer__head {
  padding-inline: calc(var(--inner) * 1.5);
}

.divider-holder.wrapper--full-padded,
.site-footer.wrapper--full-padded {
  padding-inline: 0;
  margin-inline: var(--gutter-custom);
}

.footer__quicklinks li {
  margin: 0 0 .25em;
  position: relative;
}

.footer_button {
  font-size: var(--font-body-medium);
  margin-top: 1rem;
  text-wrap: nowrap;
}

.footer__quicklinks li[name=your-privacy-choices]::after {
  content: "";
  background: url("/cdn/shop/files/privacyoptions.svg?v=1735343321") center / contain no-repeat;
  height: 1rem;
  width: 1.5rem;
  position: absolute;
  bottom: 0;
}

.legal_footer {
  font-size: .7rem;
}

.footer__newsletter__wrapper {
  max-width: 600px;
}

.footer__newsletter__wrapper .footer__block__title,
.socials li,
.widget__links li {
  margin: 0;
}

#unwell-hydration .grid-container.wrapper,
.newsletter-form,
.product__wrapper__inner {
  max-width: none;
}

.shopify-section-group-group-footer .field {
  border: none;
  padding: .9rem;
  margin-bottom: .5rem;
}

.input-row.email_submit .field {
  margin: 0;
  padding-inline: 0;
}

.footer__newsletter__wrapper .input-row {
  display: grid;
  gap: .5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

label.form__legal {
  font-size: var(--font-body-small);
}

.input-row.legal {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
}

.input-row.email_submit,
.input-row.names > *,
.newsletter-form .input-group {
  border: var(--border-dash);
  border-radius: var(--radius-pill);
  padding-inline: 1.5rem;
}

.input-row input.field,
.newsletter-form .input-group__field,
.newsletter-form .input-group__field::placeholder,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  font-family: var(--font-family-avantt-bold);
  -webkit-text-fill-color: var(--text) !important;
  text-transform: uppercase;
}

.input-row.names {
  grid-template-columns: repeat(2, 1fr);
}

.input-row.email_submit {
  grid-template-columns: 75% 1fr;
}

.newsletter-form .input-group__btn {
  text-transform: lowercase;
  font-size: var(--font-body-medium);
}

.newsletter__submit {
  background: 0 0;
  color: var(--color-red);
  text-transform: lowercase;
  padding: 0;
  border: none;
  overflow: visible;
  justify-content: flex-end;
}

.accordion,
.cb-heading-container,
.cb-wrapper:not(:last-child) {
  border-bottom: var(--border-dash);
}

.section-sidebar__content .accordion {
  border: 2px solid var(--color-new-black);
  border-radius: 49px;
  padding: 0 30px;
  margin-bottom: 18px;
}

.section-sidebar__group .accordion__content {
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center;
}
.section-sidebar__group .accordion__content p {
  margin: 0;
}
.section-sidebar__group .accordion__content .icon-custom-arrow-new {
  width: 40px;
}

.section-sidebar__group .accordion__content .icon-custom-arrow-new path {
  stroke: var(--text);
}



.section-sidebar__group [data-collapsible][open=true] {
  background: var(--color-blue);
}

.newsletter-form .input-group__btn::after,
.newsletter__submit span::after {
  content: "+";
  position: relative;
  background: 0 0;
  margin-left: .25rem;
}

#about-us.header-over-footer .header_hover__bg,
.sticky_footer_img_wrapper,
.swiper-product-gallery .swiper-scrollbar-drag {
  background: var(--color-red) !important;
}

#about-us .header-sections {
  background: var(--color-red);
}

#find-unwell-beverages  .header-sections {
  background: #690F45;
}


#about-us.header-over-footer .logo__img:before,
.newsletter__submit::after,
.product-item__price__holder {
  display: none;
}

.socials {
  gap: 5px;
}

.icon-custom-instagram,
.icon-custom-tiktok {
  stroke-width: 0;
  fill: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  transition: all .25s var(--ease-out-quad);
}

.icon-custom-tiktok #inner {
  stroke-width: .7px;
}

.footer__block .social-link:hover .icon-custom-tiktok #inner {
  fill: var(--color-red-deep);
  stroke: var(--color-red-deep);
}

@media screen and (min-width: 350px) and (max-width: 999px) {
  .footer__blocks { display: grid; grid-template-columns: repeat(2, 1fr); }
  .footer__block--social,
  .footer__block.footer__block--newsletter { grid-column: span 2; }
}

.sticky_footer_img_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  padding: 2rem 1rem;
  border-radius: var(--radius-rounded);
}

.gigya-composite-control.newsletter-form__input-text,
.gigya-screen.portrait,
.product__content .hero__button .btn,
.sticky_footer_img_wrapper img,
label.gigya-composite-control.gigya-composite-control-label.upper-error-label,
video.hero__video {
  width: 100%;
}

.custom_sticky_footer .legal_footer {
  padding-block: 1rem;
}

.video-hero .hero__logo {
  margin-inline: auto;
  margin-bottom: 1rem;
  width: var(--logo-width);
}

.video-hero .hero__logo img,
img.drag-image,
img.float-image,
img.static-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 599px) {
  .show-desktop { display: none; }
  .video-hero .hero__logo { width: 70vw; }
  .video-hero .frame__item { padding-bottom: 3rem; }
}

.custom-badge img,
.custom_animated_header_logo .header__logo__link img {
  height: 100%;
  width: fit-content;
  object-fit: contain;
}
/*
.custom_animated_header_logo {
  opacity: 0;
  visibility: hidden;
}*/

.external-video-wrapper {
  --video-width: 100vw;
  --video-height: 100vh;
  width: var(--video-width);
  height: var(--video-height);
}

.external-video-wrapper iframe {
  width: var(--video-width, 100%);
  height: var(--video-height, 100%);
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
}

@media (max-aspect-ratio: 16 / 9) {
  .external-video-wrapper iframe {
    --video-width: 177.78vh;
    height: calc(var(--video-height) + 200px);
  }
}

@media (min-aspect-ratio: 16 / 9) {
  .external-video-wrapper iframe {
    --video-width: 100vw;
    height: calc(var(--video-height) + 200px);
  }
}

.hero_video_banner img.hero_badge {
  height: auto;
  position: absolute;
}

.hero_video_banner img.hero_badge {
  width: clamp(100px, 100px + 12vw, 200px);
}

.badge-float__image-wrapper:not(:first-of-type):not(:last-of-type) img.hero_badge {
  width: 8rem;
}

h2.grid__heading {
  margin-bottom: 1rem;
  /*font-size: var(--font-heading-x-large);*/
}

h3 strong,
h4 strong,
.grid__description h2 strong {
  font-family: var(--font-family-avantt-bold);
  text-transform: uppercase;
}

h3.grid__subheading {
  font-family: var(--font-family-avantt-x-bold);
  font-size: var(--font-body-medium);
}

.grid__heading-text:not(:last-child) {
  margin-bottom: 3rem;
}

.grid__heading-actions {
  margin-top: 1rem;
}

.gigya-screen .gigya-composite-control.gigya-composite-control-checkbox,
.grid__heading-actions .btn {
  margin-top: 1rem;
}

.disclaimer {
  display: block;
}

#unwell-hydration .grid-container.wrapper .grid {
  --gap: 20px;
}
p.product-item__title {
  font-family: var(--font-family-avantt-bold);
  color: var(--text);
  text-transform: uppercase
  margin-bottom: 0 !important;
  font-size: var(--font-body-large);
}

.product-item__collection {
  font-family: var(--font-family-avantt-bold);
  color: var(--border);
  text-transform: capitalize;
  margin-bottom: 0 !important;
  font-size: var(--font-body-large);
  margin-right: 10px;
}
.product-item__info {
  position: relative;
  border: var(--border-dash);
  border-radius: var(--radius-pill);
  padding-block: 0.5rem;
  margin-top: .5rem;
}

.collection-item-info {
  border-color: var(--color-beige);
}

.product-item__info_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-blue);
  border-radius: var(--radius-pill);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .25s var(--ease-quad-out);
}

#about-us.header-over-footer .menu__item:hover .navtext,
#about-us.header-over-footer .slider-nav .menu__item:hover .navtext
 {
  color: var(--color-white);
}
.product-item__info_overlay p {
  color: var(--color-new-black);
}

.product-item__bg {
  background: var(--bg-item);
  border-radius: var(--radius-rounded);
  border: 3px solid var(--text);
}
.product-item__image {
  border-radius: var(--radius-rounded);
}

.product-item__bg_video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .35s var(--ease-quad-out);
}

.product-item__bg .image-wrapper {
  z-index: 3;
}

.custom-badges {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 1rem;
  gap: .5rem;
}

.custom-badge {
  --badge: 1.5rem;
  height: var(--badge);
}
.uw-mega__grid .custom-badge {
  --badge: 1rem;
  height: var(--badge);
}
.uw-mega__grid p.product-item__title,
 .uw-mega__grid p.product-item__title__new {
  font-size: .6rem;
}
.uw-mega__grid .grid {
  gap: 5px;
}
.custom-badge:nth-child(2) {
  height: calc(var(--badge) * 2);
}
/*hide categories */
.index-products .custom-badge:nth-child(1) {
  display: none;
}
.template-collection .custom-badge:nth-child(1) {
  display: none;
}

svg.icon-custom-new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  max-width: 8rem;
  height: auto;
}
.template-product svg.icon-custom-new {
  max-width: 10rem;
}

.text-float__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 3rem;
}

.text-float__heading {
  font-family: var(--font-family-editorial-light);
  font-size: clamp(3rem, 3rem + 8vw, 10rem);
  line-height: 1;
  text-align: center;
}

.text-float__img-container {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}

.drag-image-wrapper,
.float-image-wrapper,
.static-image-wrapper {
  position: absolute;
  width: clamp(20px, 5vw + (var(--width) / 2), var(--width));
  top: var(--pos-y);
  left: var(--pos-x);
  rotate: var(--rotate);
  z-index: var(--pos-z);
}

.text-float__bottle {
  z-index: 3;
  /*height: 100vh;*/
}

.text-float__bottle img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.index-hero .custom-gutter {
  border-radius: var(--radius-rounded);
  overflow: hidden;
  position: relative;
}

.image-border .custom-gutter {
  border: 3px solid var(--border);
}

.index-hero .hero__content__wrapper {
  padding-top: 0 !important;
}
.index-hero .hero__content__wrapper .supreme-heading {
  padding-bottom: 1rem;
}

.custom-group .wrapper {
  padding: 0;
  margin-inline: 1rem;
  max-width: none;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.custom-group .accordion__section-heading-container {
  display: flex;
  align-items: flex-end;
}

.custom-group .accordion__section-heading {
  font-size: var(--font-heading-x-large);
  margin: 0;
}

.accordion__title {
  font-family: var(--font-family-avantt-med);
  font-size: calc(var(--font-body-medium) * 1.25);
  padding-block: 1.25rem 0.5rem;
  align-items: flex-start;
}


.section-sidebar__content .accordion__title {
  font-family: var(--font-family-supreme);
  font-size: calc(var(--font-body-medium) * 1.25);
  padding-block: 1rem;
  align-items: flex-start;
}
.section-sidebar__group [data-collapsible][open=true] .accordion__title { 
  padding-bottom: 12px !important;
}

.accordion {
  border-top: none;
}


.cb-img-wrapper .icon-custom-minus,
.cb-img-wrapper .icon-custom-plus,
.accordion__title .icon {
  --ICON-STROKE-WIDTH: 4px;
}

.section-sidebar__content .accordion__title .icon {
  --ICON-STROKE-WIDTH: 4px;
  --icon-size: 11px;
}

.accordion__num {
  display: none;
}

.cb-heading,
.unwell_header .hero__title {
  font-family: var(--font-family-avantt-x-bold);
}

.custom-group .accordion-group__items {
  overflow: scroll;
  scrollbar-color: var(--color-red) transparent;
}

.custom-group .accordion-group__items::-webkit-scrollbar-thumb {
  background-color: var(--color-red);
}

.custom-group .accordion-group__items::-webkit-scrollbar-track {
  background-color: transparent;
}


section.good-bad-section {
  position: relative;
}

.good-bad_section-wrapper > * {
  display: grid;
  grid-template-columns: 1fr;
  background: var(--color-pink);
}
.pdp > * {
  background: var(--color-white) !important;
}

.ig-marquee-slide img,
.ig-marquee-slide video,
section.good-bad-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 999px) {
  .footer-sections,
  .main-content { background: var(--bg); position: relative; z-index: 2; }
  .custom_sticky_footer { position: sticky !important; bottom: 0; z-index: 0 !important; }
  body .custom_sticky_footer { opacity: 1; }
  body.header-over-footer .custom_sticky_footer { opacity: 1; }
 /* .good-bad_section-wrapper { position: sticky; top: 1rem; height: 100vh; padding-block: 1rem; display: flex; align-items: center; justify-content: center; } */
  .good-bad_section-wrapper > * { min-height: 80vh; }
}

.bad-stuff .cb-wrapper:not(:last-child),
.cb-heading-container {
  padding-block: var(--cb-padding);
}

.cb-heading {
  font-size: var(--font-body-large);
  text-align: center;
}

.cb-group {
  display: grid;
  grid-auto-rows: 1fr;
}

.cb-wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: calc(var(--cb-padding) / 2) var(--cb-padding);
}

.cb-wrapper:hover:not(.no-hover) {
  background: var(--color-red);
  color: var(--color-white);
}

.cb-wrapper:last-child {
  padding-bottom: var(--cb-padding);
}

.cb-img-wrapper .icon-custom-plus {
  width: var(--cb-icon);
  height: var(--cb-icon);
}

.cb-img-wrapper .icon-custom-minus {
  width: calc(var(--cb-icon) / 1.5);
  height: calc(var(--cb-icon) / 1.5);
}

#about-us .icon-custom-plus path,
.cb-wrapper:hover .icon-custom-minus path,
.cb-wrapper:hover .icon-custom-plus path {
  fill: var(--color-white);
}
.cb-wrapper:hover .icon-custom-arrow-new path {
stroke: var(--color-white) !important;
}

.cb-title {
  font-size: var(--font-heading-medium);
  text-transform: lowercase;
  margin: 0;
}

 .pdp .cb-wrapper.is-active {
  background: var(--color-red);
  color: var(--color-white);
}
.pdp .cb-wrapper.is-active .icon-custom-arrow-new path {
    stroke: var(--color-white) !important;
}
 .pdp  .cb-wrapper .cb-img-wrapper,
.pdp .cb-wrapper .cb-title,
 .pdp  .cb-wrapper .cb-content {
  transition: opacity .2s ease;
}

 .pdp .cb-wrapper:not(.is-active) .cb-img-wrapper,
.pdp .cb-wrapper:not(.is-active) .cb-title,
.pdp .cb-wrapper:not(.is-active) .cb-content {
  opacity: 0.6;
}

.cb-content,
.custom-swatch-label,
.product-accordion .accordion__title,
.product__form__holder .radio__legend__option-name {
  font-size: var(--font-body-medium);
}
.product-accordion .accordion__content p strong {
  font-family: var(--font-family-avantt-bold);
}
@media only screen and (min-width: 750px) {
  .cb-section { height: 100%; }
}

@media only screen and (max-width: 999px) {
  .cb-img-wrapper .icon-custom-minus,
  .cb-img-wrapper .icon-custom-plus { --cb-icon: 1.5rem; }
  .cb-wrapper { padding: calc(var(--cb-padding) / 2); }
  .cb-heading-container { padding-block: calc(var(--cb-padding) / 2); }
}

@media only screen and (max-width: 349px) {
  .cb-wrapper { flex-direction: column; align-items: flex-start; }
}

@media screen and (min-width: 1000px) {
  .icon-section .wrapper { max-width: 1000px; }
  .icon-section .grid { gap: 0; }
  .icon-section .grid-item .column__inner { max-width: 150px; margin: auto; }
  #about-us .sticky-50-50 .hero__content { padding-top: 40vh; }
  #about-us .sticky-50-50 .brick__block__image { height: 85vh; position: sticky; top: 6rem; }
}

@media only screen and (min-width: 349px) and (max-width: 989px) {
  .icon-section .wrapper { max-width: 90vw; }
  .icon-section .grid { --columns: 4; }
}

.custom-ig-marquee-feed .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
}

.ig-feed-handle {
  font-family: var(--font-family-avantt-bold);
  text-transform: capitalize;
  font-size: var(--font-body-large);
}

.ig-marquee {
  display: flex;
}

.ig-marquee-wrapper {
  display: flex;
  align-items: flex-start;
  gap: var(--marquee-gutter);
  animation: 30s linear infinite marquee;
}

.ig-marquee-wrapper:hover {
  animation-play-state: paused;
}

.ig-marquee-slide-wrapper {
  width: 250px;
  position: relative;
}

.ig-marquee-slide {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  border: var(--border-solid);
  overflow: hidden;
  position: relative;
}

.ig-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: backdrop-filter .25s var(--ease-quad-out);
}

.ig-marquee-slide:hover .ig-image-overlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

#about-us .column__image {
  border-radius: var(--radius-rounded);
  border: 3px solid var(--color-red);
}

#about-us .column__inner:has(.column__image) .column__content:has(.column__text) {
  position: absolute;
  top: 65%;
  left: -30%;
  border-radius: 23px 0 23px 23px;
  border: 3px solid var(--color-red);
  background: var(--color-ivory);
}

#about-us .column__inner:has(.column__image) .column__text {
  margin: .75rem 1rem;
}
#about-us .column__inner:has(.column__image) .column__text h4 {
  font-size: 22px;
}

img.signature_image {
  margin-top: 2rem;
  max-width: 200px;
  height: auto;
}

.unwell_header .hero__title {
  text-transform: uppercase;
  font-size: calc(var(--font-heading-small) * 1.25);
  display: flex;
  justify-content: center;
  align-items: center;
}

.unwell_header .hero__title svg {
  margin-inline: 1.25rem;
}

.section-sidebar__aside,
.section-sidebar__widget {
  padding: 0;
}

.section-sidebar__body {
  flex-direction: column;
  gap: 2rem;
}

.section-sidebar__aside .widget__links {
  display: flex;
  font-size: 3rem;
  height: fit-content;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 3.5rem;
}

.widget__link {
  font-family: var(--font-family-editorial-light);
  font-size: calc(var(--font-heading-x-large) + 2vw);
  text-transform: lowercase;
  padding: 0;
  height: 100%;
}

.widget__links li:not(:first-child) .widget__link::before {
  content: "/";
  margin-inline: 1rem;
}

.section-sidebar__title,
.widget__link.is-selected:after {
  display: none;
}


.hidden-accordion {
  display: none;
  opacity: 0;
}

.visible-accordion {
  display: block;
  opacity: 1;
}

@media only screen and (max-width: 749px) {
  .cb-group { display: block; }
  .section-sidebar { min-height: 70vh; }
  .section-sidebar__aside { display: block; padding-bottom: 3rem; }
  .section-sidebar__aside .widget__links { row-gap: 2rem; }
  .widget__link { font-size: var(--font-heading-x-large); }
 .widget__links li:not(:first-child) {line-height: 90%;}
}

label.ot-switch {
  color: var(--color-white);
}

.template-product h1.product__title {
  font-size: calc(var(--font-heading-large) * 1.05);
}

.template-product h1.product__title::after {
  content: "";
  background: url("/cdn/shop/files/Focus_Icon_0969148a-f825-4c52-8099-e13cf221d3c0.svg?v=1735339597") center / contain no-repeat;
  height: calc(var(--font-heading-large) * 1.05);
  width: clamp(3rem, 1rem + 5vw, 5rem);
  display: inline-block;
  position: relative;
  margin-left: .25rem;
}

/*for protein */
.template-product .has-pdp-gradient h1.product__title::after   {
  content: "";
  background: url("/cdn/shop/files/protein.svg?v=1756835691") center / contain no-repeat;
  height: calc(var(--font-heading-large) * 1.05);
  width: clamp(3rem, 1rem + 5vw, 5rem);
  display: inline-block;
  position: relative;
  margin-left: .25rem;
}

/* for energy */
body[id*="energy"].template-product.has-pdp-gradient h1.product__title::after {
  content: "";
  background: url("/cdn/shop/files/energy.svg?v=1766596834") center / contain no-repeat;
  height: calc(var(--font-heading-large) * 1.05);
  width: clamp(3rem, 1rem + 5vw, 5rem);
  display: inline-block;
  position: relative;
  margin-left: .25rem;
  
}
@media only screen and (max-width: 768px) {
.custom-ig-marquee-feed {
  background: var(--bg);
}}

@media only screen and (min-width: 1000px) {
  .product__page .product__content { padding-inline: calc(var(--outer) * 1); }
}

@media only screen and (min-width: 990px) {
  .video-hero .hero__content__wrapper .hero__content { width: auto; max-width: none; }
  .hero__aside__wrapper.frame__item,
  .index-hero .hero__content { width: 50%; }
  .index-hero .hero__button { margin-inline: auto; }
  .product__page .form__width { max-width: none; }
}

.custom-swatch-label,
.product-accordion .accordion__title,
.product__block.product__size,
.product__form__holder .radio__legend__option-name {
  font-family: var(--font-family-avantt-x-bold);
  text-transform: uppercase;
}

.product__form__holder {
  border: none;
  padding-block: 0.5rem;
}

.product__form__holder .radio__fieldset {
  display: flex;
  flex-direction: column;
}

.custom-swatches,
.product__form__holder .radio__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.custom-swatch,
.product__form__holder .radio__fieldset .radio__button label {
  border: var(--border-dash);
  border-radius: var(--radius-pill);
}

.product__content .hero__button .btn {
  text-transform: lowercase;
  font-size: var(--font-body-large);
}

.custom-swatch,
.product__form__holder .radio__fieldset .option-title {
  text-transform: lowercase;
  font-size: var(--font-body-medium);
}

@media screen and (min-width: 389px) and (max-width: 429px) {
.product__form__holder .radio__fieldset .option-title, 
.custom-swatch {
  text-transform: lowercase;
  font-size: var(--font-body-small);
}
}

.custom-swatch--active,
.custom-swatch:hover,
.product__form__holder .radio__fieldset .radio__button input:checked ~ label,
.product__form__holder .radio__fieldset .radio__button label:hover {
  border-color: inherit;
  background: var(--pdp-color-second);
  color: var(--color-red);
}

.product__form__holder .option-title {
  font-size: var(--font-body-medium);
}

.custom-swatches {
  gap: 8px;
}

.custom-swatch {
  padding: var(--btn-top);
  text-align: center;
  transition: background .25s var(--ease-quad-out);
}

.custom-swatch-label {
  margin-bottom: 10px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-product-gallery {
  border-radius: var(--radius-rounded-left);
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.swiper-product-gallery .swiper-scrollbar {
  background: rgb(134 0 25 / 50%);
  height: 7px;
  bottom: 0;
  left: 3%;
}

.product__photo {
  position: static;
}

.form__wrapper a.btn {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  gap: .5rem;
}

.custom-gallery {
  padding-block: 4rem 5rem;
}

.custom-gallery-heading h3 {
  font-family: var(--font-family-avantt-x-bold);
  text-transform: uppercase;
  text-align: center;
  font-size: calc(var(--font-body-x-large) * 1.25);
  margin-bottom: 2rem;
  padding-inline: 1rem;
}

.swiper-custom-gallery .swiper-slide {
  aspect-ratio: 1.25 / 1;
  border-radius: 20px;
  border: var(--border-solid);
  overflow: hidden;
}

.icon-custom-arrow {
  height: 7rem;
  width: auto;
  top: var(--swiper-navigation-top-offset, 45%);
}

.swiper-button-next {
  right: var(--custom-arrow-offset);
}

.swiper-button-prev {
  left: var(--custom-arrow-offset);
}

@media screen and (max-width: 749px) {
  .footer__block--social { margin-top: 4rem; }
  .footer__block--newsletter { margin-bottom: calc(var(--gutter) + 2rem); }
  .footer__block--menu .footer__block__title { font-size: var(--FONT-SIZE-BASE); }
  .grid__heading-actions { margin-top: 1rem; }
  .disclaimer { margin-bottom: 3rem; }
  .unwell_header .hero__title svg { margin-inline: 1rem; width: 100px; }
  .product__title__wrapper { padding-right: 0; }
  .custom-gallery { padding-block: 1rem 2rem; }
  .custom-gallery-heading h3 { font-size: var(--font-body-large); }
  .swiper-custom-gallery .swiper-slide { aspect-ratio: 1.15 / 1; }
  .icon-custom-arrow { height: 4rem; }
}

@media screen and (max-width: 449px) {
  .icon-custom-arrow { height: 3rem; }
}

.video__hero__frame {
  aspect-ratio: var(--aspect-ratio);
}

.custom_video_banner .hero__content {
  align-items: flex-start;
}

.custom_video_banner .hero__title {
  color: #fff;
  line-height: 1;
}

.custom_video_banner .hero__button {
  margin-inline: 0;
}

.custom_video_banner .hero__button a {
  color: #fff;
  background:  var(--color-red);
  border: none;
}

.custom_video_banner .btn--solid:after {
  background-color: #ff9255;
}


input.gigya-input-submit:hover {
  background: var(--color-red-deep) !important;
}


.hero_badge_overlay {
  height: 100%;
  width: 100%;
  position: absolute;
}

img.hero_bottle {
  height: 80%;
  width: auto;
  position: absolute;
}

img.hero_bottle:first-child {
  bottom: 10%;
  right: 10%;
  transform: rotate(-4deg);
}

img.hero_bottle:nth-child(2) {
  bottom: 10%;
  right: 40%;
  transform: rotate(-2deg);
}

img.hero_bottle:nth-child(3) {
  bottom: 10%;
  right: 25%;
  transform: rotate(3deg);
}

.custom_video_banner img.hero_badge {
  width: clamp(100px, 100px + 12vw, 350px);
  height: auto;
  position: absolute;
}

.custom_video_banner img.hero_badge:first-child {
  top: -2%;
  right: 0;
  transform: rotate(46deg);
}

.custom_video_banner img.hero_badge:nth-child(2) {
  bottom: 7%;
  right: 20%;
  transform: rotate(-18deg);
  z-index: 1;
}

.custom_video_banner img.hero_badge:nth-child(3) {
  bottom: -10%;
  right: 10%;
  transform: rotate(7deg);
}

.custom_video_banner img.hero_badge:nth-child(4) {
    top: 26%;
    right: -3%;
    transform: rotate(2deg);
}

.custom_video_banner img.hero_badge:nth-child(5) {
  bottom: 9%;
  right: 41%;
  transform: rotate(-2deg);
}

@media screen and (max-width: 999px) {
  .footer__newsletter__wrapper { max-width: 100%; }
  .custom_video_banner .hero__content { max-width: 30%; justify-content: center; } 
  .has-pdp-gradient .custom_video_banner .hero__content { max-width: 100%; justify-content: center; } /*width for protein */
}

@media screen and (max-width: 549px) {
  .custom_video_banner img.hero_badge,
  .hero_video_banner img.hero_badge { min-width: 100px; width: 30vw; }
  .hero_badge_overlay  .float-image-wrapper:nth-of-type(5) img.hero_badge  { right: 30% !important; }
  .hero_badge_overlay .float-image-wrapper:nth-of-type(4) img.hero_badge  { left: 5% !important; }
  .hero_badge_overlay .float-image-wrapper:nth-of-type(1) { left: -5% !important; top:55% !important; }
  .hero_badge_overlay  .float-image-wrapper:nth-of-type(2) {top: 27% !important; left: 70% !important;}
  .hero_badge_overlay .float-image-wrapper:nth-of-type(4) {top: 10% !important; left: 70% !important;}
  .hero_badge_overlay  .float-image-wrapper:nth-of-type(5) {top: 20% !important; }
  .text-float__heading { font-size: clamp(3rem, 3rem + 4vw, 10rem); }
  .float-image-wrapper { width: clamp(20px, 5vw + (var(--width) / 3), var(--width)); }
  .custom_video_banner img.hero_badge:nth-child(2) { display: none; }
  .custom_video_banner img.hero_badge:nth-child(3) { display: none; }
  .custom_video_banner img.hero_badge:nth-child(4)  { top: 40%; }
  .badge-float__image-wrapper:not(:first-of-type):not(:last-of-type) img.hero_badge {width: 4rem;}
}

.custom_collection-hero { grid-area: hero; }

nav.collection__nav.collection__nav--sort { grid-area: nav; }

.collection__products { grid-area: grid; }

.collection__nav {
  position: static;
  align-items: flex-end;
  justify-content: space-between;
}

.collection__products .grid-outer {
  padding-top: calc(var(--gutter) / 2);
  padding-inline: 0;
}

.collection__nav,
.popout--sort .popout__toggle {
  font-size: var(--BTN-FONT-SIZE);
  border: none;
}

.collection_count {
  color: var(--color-pink-muted);
}

.popout__toggle__text {
  vertical-align: baseline;
}

.popout__toggle__text[data-sort-button-text] {
  color: var(--color-red-deep);
  margin-left: .5rem;
}

.popout--sort .popout.is-active .popout__toggle__text:first-child,
.popout--sort .popout__toggle__text:nth-child(2) {
  display: inline-flex;
}

.popout--sort .popout-list--visible {
  width: 100%;
  border-radius: 0 0 var(--radius-rounded) var(--radius-rounded);
  border: var(--border-solid);
  border-top: none;
}

.popout--sort .popout__toggle {
  padding-inline: calc(var(--outer) / 2) 0;
  padding-bottom: 0;
}

.popout-list__item {
  padding-inline: calc(var(--outer) / 4);
}

.collection__products .grid {
  column-gap: var(--gutter-custom);
}

h1.collection-hero-heading {
  line-height: 1.15;
  font-size: calc(var(--font-heading-x-large) * .9);
}

.collection-hero-content p:not(.subheading) {
  font-size: calc(var(--font-body-x-large) * 1.05);
}

.find-us-hero .hero__wrapper {
  border: var(--border-solid);
}

.find-us-standard .hero__content {
  width: 100%;
  max-width: 100%;
}

.find-us-standard .hero__title.heading-small {
  font-family: var(--font-family-avantt-x-bold);
  text-transform: uppercase;
  font-size: calc(var(--font-heading-small) * 1.15);
}

.find-us-standard .hero__title.heading-x-large {
  font-size: calc(var(--font-heading-x-large) * 1.75);
  line-height: 1;
}

@media screen and (max-width: 749px) {
  #about-us .column__inner:has(.column__image) .column__content:has(.column__text) {
    top: 90%;
    left: 5%;
  }
  #about-us .text-left {
    text-align: center !important;
  }
  .video__hero__frame { aspect-ratio: var(--aspect-ratio-mobile); }
  .custom_video_banner.find-us .hero__title { width: 60vw; }
  img.hero_bottle:first-child,
  img.hero_bottle:nth-child(2) { display: none; }
  img.hero_bottle:nth-child(3) { right: 10%; }
  .collection-hero-content { height: 100%; }
  h1.collection-hero-heading { font-size: calc(var(--font-heading-x-large)); max-width: 80%; }
  .collection-hero-content p { padding-bottom: 1rem; font-size: calc(var(--font-body-large) * 1.05); }
  .collection__nav { background: var(--color-red); padding: 0 2rem 1.5rem; margin-bottom: .5rem; border-bottom-left-radius: var(--radius-rounded); border-bottom-right-radius: var(--radius-rounded); border-radius: var(--radius-rounded); }
  .custom_collection-hero { padding-bottom: 1rem; }
  .collection__nav,
  .popout--sort .popout__toggle { font-size: calc(var(--BTN-FONT-SIZE) * .75); border: none; }
  .popout__toggle__text,
  .popout__toggle__text[data-sort-button-text] { color: var(--color-white); }
  .popout__toggle__text[data-sort-button-text] { opacity: .75; }
  .popout-list__item a { padding-inline: 0.25rem; }
  .find-us-standard .hero__title.heading-small { font-size: var(--font-heading-small); }
}

.custom_video_banner.find-us-video .hero__button a {
  background: var(--color-red);
  border: none;
}

.custom_video_banner.find-us-video .btn--solid:after {
  background-color: #ffd3d3;
}

.custom_video_banner.find-us-video .hero__content {
  width: 70%;
}

.custom_video_banner.find-us-video .text-logo svg {
  fill: #f8ee99;
  transform-origin: top left;
  transform: rotate(45deg) scale(1);
  margin-left: 20px;
}

.custom_video_banner.find-us-video span.text-logo {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (min-width: 1300px) {
  .custom-swatch,
  .product__content .hero__button .btn,
  .product__form__holder .radio__fieldset .option-title { font-size: var(--font-body-x-large); }
  .custom_video_banner.find-us-video .text-logo svg { transform: rotate(45deg) scale(1.5); margin-left: 30px; margin-top: -30px; }
}

@media screen and (max-width: 499px) {
  .input-row.names { grid-template-columns: 1fr; }
  .input-row.email_submit { grid-template-columns: 60% 1fr; }
  .shopify-section-group-group-footer .field:first-child { margin-bottom: 0; }
  .shopify-section-group-group-footer .field:nth-child(2) { margin-top: 0; }
  svg.icon-custom-new { width: 6rem; }
  .custom_video_banner.find-us-video .hero__content__wrapper { align-items: start; }
  .custom_video_banner.find-us-video .hero_bottle:nth-child(3) { right: 10%; bottom: -20%; transform: rotate(10deg); }
}

.gigya-screen.portrait {
  width: 100% !important;
  padding: 0 !important;
}

.gigya-screen * {
  color: var(--color-new-black) !important;
}
.gigya-composite-control-header  {
  color: var(--color-red) !important;
  text-transform: capitalize !important;
}

.gigya-layout-row.with-two-inputs {
  display: grid !important;
  gap: .5rem;
}

.gigya-screen input {
  margin-bottom: 0 !important;
}

h2.gigya-header.newsletter-form__heading {
  font-weight: 400 !important;
  font-size: var(--font-heading-large) !important;
}

input.gigya-input-submit {
  color: #F8F2E3 !important;
}

input.gigya-input-submit,
input.gigya-input-text {
  border-radius: var(--radius-pill) !important;
}

input.gigya-input-text {
  border: var(--border-dash)  !important;
  border-color:  color: var(--color-new-black) !important;
}

input.gigya-input-text,
input.gigya-input-text:-webkit-autofill,
input.gigya-input-text:-webkit-autofill:focus,
input.gigya-input-text:-webkit-autofill:hover,
input.gigya-input-text::placeholder {
  font-family: var(--font-family-avantt-med) !important;
  -webkit-text-fill-color: var(--color-new-black) !important;
  text-transform: uppercase !important;
  padding-inline: 1rem;
}

.gigya-screen .gigya-checkbox-text a {
  text-decoration: underline !important;
}

.gigya-screen .gigya-label {
  width: fit-content !important;
}
.gigya-screen input[type=submit] {
  background: var(--color-black) !important;
  text-transform: uppercase !important;
}
.gigya-screen input[type=submit]:hover {
  background: var(--color-red) !important;
}
@media screen and (min-width: 750px) {
  .custom-group .wrapper { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
  .custom-group .accordion__section-heading-container { padding-right: 2rem; }
  .custom-group .accordion-group__items { max-height: 50vh; overflow: scroll; }
  .custom-group .accordion { margin-right: 1.5rem; }
  .good-bad_section-wrapper > * { grid-template-columns: repeat(2, 50%); }
  .bad-section .image-container { order: 2; }
  .swiper.swiper-product-gallery { position: sticky; top: calc(var(--header-height) + var(--PT)); aspect-ratio: 1.08 / 1; } /*before 1.08 / 1*/
 .collection-the-unwell-hydration-shop,
.collection-the-unwell-hydration-shop-1, .collection-the-unwell-hydration-shop-2, .collection-all, .collection-protein, .collection-energy, .collection-focus, .collection-powdered { grid-template-columns: 0.5fr 1fr; grid-template-areas: "hero nav" "hero  grid"; }
  h1.collection-hero-heading { margin-block: 0 6rem; }
  .collection-hero-content p { padding-bottom: 1rem; }
  .custom_video_banner.find-us-video .hero__content { gap: 4rem; }
  .custom_video_banner.find-us-video span.text-logo { gap: 30px; }
  .gigya-layout-row.with-two-inputs { grid-template-columns: repeat(2, 1fr) !important; }
}

.collection-hero-desc strong {
  font-family: var(--font-family-avantt-bold);
  text-transform: uppercase;
}

.nutrition-facts-table {
  border-collapse: collapse;
  border: var(--border-solid);
}

.nutrition-facts-table * {
  border: none;
}

.nutrition-facts-table thead tr.heading:first-child th {
  font-size: 2rem;
  font-weight: 600;
}

.nutrition-facts-table thead tr.heading:nth-child(2) {
  font-size: 1.25rem;
}

.nutrition-facts-table tbody tr {
  border-top: var(--border-solid);
  font-size: 1rem;
}

.nutrition-facts-table tr.thick-border {
  border-top: 5px solid var(--color-red);
}

.nutrition-facts-table tr.col {
  float: none;
}

.nutrition-facts-table tr.col.left {
  text-align: left;
}

.nutrition-facts-table .col.right {
  text-align: right;
}

.nutrition-facts-table tbody tr.heading {
  font-size: 2rem;
}

.nutrition-facts-table tr > td {
  font-weight: 600;
  padding: .25rem;
}

.nutrition-facts-table tr.disclaimer > td,
.nutrition-facts-table tr.vitamins > td,
.nutrition-facts-table tr > td span {
  font-weight: 300;
}

.nutrition-facts-table tr.small-heading,
.nutrition-facts-table tr.vitamins {
  font-size: .9rem;
}

.nutrition-facts-table tr.detail td {
  font-size: .75rem;
  font-weight: 300;
}

.nutrition-facts-table tr.no-top-border {
  border-top: none;
}

.nutrition-facts-table thead tr:nth-child(2) th.col,
.nutrition-facts-table tr.no-top-border > td {
  padding-top: 0;
}

.nutrition-facts-table thead tr:first-child th.col {
  padding-bottom: 0;
}

@media screen and (max-width: 1099px) {
  .nutrition-facts tr.heading > td,
  .nutrition-facts tr.heading > th { font-size: 1.5rem; }
  .nutrition-facts tr { font-size: 1rem; }
}

@media screen and (min-width: 1099px) {
.rounded-section .grid {
  gap: 150px;
}
}
.column__heading {
font-family:  var(--font-family-avantt-med);
}

.uw-mega__grid svg.icon-custom-new {
  display: none;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner {
  animation: spin 15s linear infinite;
}



body.template-product {
  position: relative;      
  isolation: isolate;     
}

/* pdp sticky gradient background */
body.template-product.has-pdp-gradient #MainContent {
  position: relative;
  isolation: isolate;
  background: transparent !important;

}

body.template-product.has-pdp-gradient #MainContent::before {
content: "";
  display: block;
  position: sticky;       
  top: 0;                 
  height: 110vh;          
  margin-top: -110vh;  
  z-index: -1;          
  pointer-events: none;

  background:
    linear-gradient(180deg, #FFFFFF 0%, var(--pdp-color) 100%, rgba(255,255,255,0.5) 106.71%),
    linear-gradient(0deg, rgba(255,253,245,0.7), rgba(255,253,245,0.7));
  background-repeat: no-repeat;
  background-size: cover;
}

body.template-product.has-pdp-gradient :is(#MainContent, .content-for-layout, .accordion-group, .custom-code, .custom-column, .slideshow) {
  background: transparent !important;
}

/*Protein grid */

   .cmig__grid-protein {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(7, 1fr);
  }
  /* Responsive: 2 cols tablet, 1 col mobile */
  @media (max-width: 989px){
        .cmig__grid-protein { grid-template-columns: repeat(2, 1fr); }
  }

/*PDP grid */
  .cmig { margin-top: 1rem; }

   .cmig__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
  }

   .cmig__item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
  }

  /* Responsive: 2 cols tablet, 1 col mobile */
  @media (max-width: 989px){
     .cmig__grid { grid-template-columns: repeat(2, 1fr); }
  }
 
/* Make sure the figure can position the tooltip */
 .cmig__item--info {
  position: relative;
}

/* Tooltip box */
 .cmig__info {
  position: absolute;
  right: -50%;
  top: 25%;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 160ms ease, transform 160ms ease;
}

 .cmig__info-inner {
  padding: 2px 10px;
  border-radius: 12px;
  background: var(--color-red-deep);
  color: var(--color-white);
}


/* Show state (only when JS adds it on ENERGY pages) */
body[id*="energy"]  .cmig__item--info.is-open .cmig__info,
body[id*="unwell-beverages"]  .cmig__item--info.is-open .cmig__info {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* Desktop hover behavior (energy pages only) */
@media (hover: hover) {
  body[id*="energy"]  .cmig__item--info:hover .cmig__info,
  body[id*="unwell-beverages"]  .cmig__item--info:hover .cmig__info {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  body[id*="energy"]  .cmig__item--info {
  cursor: pointer;
}
}


/* custom tabs section */
  .image-tabs{ display:grid; gap:32px; align-items:stretch; }
  .image-tabs--narrow{ margin-left:1rem; margin-right:1rem; }
  .image-tabs--wide{ margin: 0 var(--gutter-custom); }
  .image-tabs__desktop{ display:grid; grid-template-columns: 1fr 1fr; gap:40px; align-items: start; }
  .image-tabs--reversed .image-tabs__desktop{ direction: rtl; }
  .image-tabs--reversed .image-tabs__media, 
  .image-tabs--reversed .image-tabs__content{ direction: ltr; }

    .image-tabs__media {height: 100%;}
    .image-tabs__media-inner{ position:relative; min-height: 520px; height: 100%; }
    .image-tabs__img-wrap{ position:absolute; inset:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:opacity .35s ease, visibility .35s ease; border-radius:var(--radius-rounded); overflow:hidden; border: 3px solid var(--border);}
    .image-tabs__img-wrap img, .image-tabs__img-wrap svg{ width:100%; height:100%; object-fit:cover; display:block; }
    .image-tabs__img-wrap.is-active{ opacity:1; visibility:visible; }

    .image-tabs__tabs{ display:flex; flex-wrap:wrap; gap:10px; margin: 18px 0 20px; }
    .image-tabs__tab{ position:relative; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:1.6px dashed var(--color-red); border-radius:999px; background:transparent; cursor:pointer; font: inherit; }
    
    .image-tabs__panel{ display:none; }
    .image-tabs__panel.is-active{ display:block; }
    .image-tabs__tab-label{font-family: var(--font-family-supreme);  font-size: calc(var(--font-body-medium) * 1.25);text-transform: uppercase;  }
    .image-tabs__panel-subheading{ font-size:14px; text-transform:uppercase; letter-spacing:.06em; opacity:.8; margin:0 0 6px; }
    .image-tabs__bullets{ list-style:none; padding:0; margin:14px 0; display:grid; gap:20px; }
    .image-tabs__bullets li{ display:flex; gap:30px; align-items:center; border-bottom: 2px dashed var(--color-red); padding-bottom: 30px; }
    .image-tabs__bullet-icon svg{ width: auto; height: 1.75rem; }
    .image-tabs__actions{ margin-top:18px; }


    .image-tabs__mobile{ display:none; }
    .image-tabs__slide{ border-radius:16px; overflow:hidden; border:1px solid var(--border, rgba(0,0,0,.1)); background: var(--card, rgba(255,255,255,.6)); }
    .image-tabs__slide-media img, .image-tabs__slide-media svg{ width:100%; height:auto; display:block; }
    .image-tabs__slide-body{ padding:16px; }
    .image-tabs__slide-tabs{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
    .image-tabs__tab.is-active,
    .image-tabs__tab[aria-selected="true"],
    .image-tabs__tab:hover { background: var(--color-blue); color: var(--color-red); }

      .image-tabs__badges{
        display:flex;
        align-items:center;
        position: relative;
        top: -3rem;
        left: 7rem;
        height: 5rem;
        width: fit-content;
      }
      .image-tabs__badge-wrap{ display:none; }
      .image-tabs__badge-wrap.is-active{ display:inline-flex; }

      .image-tabs__badge-wrap img{
        display:block;
        height:5rem;            
        width:auto;
        object-fit:contain;
      }
      .image-tabs__panel-text {
        padding: 5px 0;
      }
      
      .image-tabs__bullet-text {
        font-size:  calc(var(--FONT-HEADING-LARGE-MOBILE) - 4px);
        font-family: var(--font-family-editorial);
        line-height: 110%; 
        letter-spacing: -0.93px;
      }

/* === MOBILE TABS + TRACK === */
@media (max-width: 749px) {
 .image-tabs__desktop{ display:none; }
 .image-tabs__mobile{ display:block; }
 .image-tabs__badges{
        position: absolute;
        top: 1rem;
        left: 1rem;
        height: 2rem;
      }
      .image-tabs__tabs {
        justify-content: center;
      }
  .image-tabs__badges img{
        width: 4rem;
      }
  .image-tabs__tabs--mobile .image-tabs__tab.is-active,
  .image-tabs__tabs--mobile .image-tabs__tab[aria-selected="true"] {
    opacity: 1;
  }

  .image-tabs__viewport {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  .image-tabs__track--mobile {
    display: flex;
    width: 100%;
    transform: translate3d(calc(var(--index, 0) * -100%), 0, 0);
    transition: transform 400ms cubic-bezier(.22,.61,.36,1);
    will-change: transform;
  }
  .image-tabs__slide {
    min-width: 100%;
    box-sizing: border-box;
  }
  .image-tabs__slide-media {
    position: relative;
  }
  .image-tabs__bullet-text {
        font-size: 20px;
        letter-spacing: 0;
      }
}
/* === MOBILE OVERFLOW FIX === */
@media (max-width: 749px) {
  .image-tabs__mobile { overflow: hidden; }
  .image-tabs__viewport { overflow-x: clip; position: relative; }

  .image-tabs__track--mobile {
    display: flex;
    width: 100%;
    transform: translate3d(calc(var(--index, 0) * -100%), 0, 0);
  }
  .image-tabs__slide {
    flex: 0 0 100%;
    min-width: 0;         
    box-sizing: border-box;
  }

  .image-tabs__tabs--mobile {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .image-tabs__tab {
    max-width: 100%;
    overflow-wrap: anywhere; 
  }
}


.good-section.rounded-section {
    margin-top: 0!important;
}
.bad-section.rounded-section {
    margin-bottom: 0!important;
}

.product-item__badge {
  position: absolute;
  top: 2%;
  left: 2%;
}


/* Image overlay */
.image-overlay-custom {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  padding: 2rem;
  text-align: center;
}
.image-overlay-custom .overlay-inner {
  max-width: min(90%, 48rem);
  color: var(--color-white);
}
  .mobile-rotator  {
      display: none;
  }
/* Mobile styles */
@media screen and (max-width: 749px) {
  .section-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .feature-image {
    position: relative;
    height: auto;
  }

  .feature-image img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
    border-radius: var(--radius-rounded);
  }

  .section-text, .page-description {
   display: none;
  }
  .page-description p { margin: 0; }
  .page-title p{ margin-bottom: 0; }

  .mobile-rotator {
    display: block;
    position: relative;
    overflow: hidden;
    height: 6rem; 
  }

  .mobile-rotator .rotator-item {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    animation: rotateText 4s infinite;
  }

  .mobile-rotator .rotator-item:nth-child(1) {
    animation-delay: 0s;
  }
  .mobile-rotator .rotator-item:nth-child(2) {
    animation-delay: 2s;
  }

  @keyframes rotateText {
    0%   { opacity: 0; transform: translateY(100%); }
    5%   { opacity: 1; transform: translateY(0); }
    45%  { opacity: 1; transform: translateY(0); }
    50%  { opacity: 0; transform: translateY(-100%); }
    100% { opacity: 0; transform: translateY(-100%); }
  }
}

  /* --------------------------------------------------------------------------
   klaviyo form 
   -------------------------------------------------------------------------- */
.klaviyo-form-SAx2vx  input{
  border-radius:var(--radius-pill) !important;
  border: 2px dashed #CC0000 !important;
  background: transparent !important;
  height: auto !important;
  padding: .75rem .75rem .75rem 1.5rem !important;
}

.klaviyo-form-SAx2vx input::placeholder {
  color: #CC0000 !important;
  font-family: var(--font-family-avantt-bold) !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
}
.klaviyo-form-SAx2vx input:focus {
   box-shadow: 1.863px 1.863px 7.546px 0.932px #CC0000 !important;
  border: none !important;
}


.klaviyo-form-SAx2vx  button:last-of-type {
  border-radius: 6.25rem !important;
  background: #CC0000 !important;
  padding: 0 1rem !important;
  color: #fff !important;
  font-size: 1.125rem !important;
  text-transform: lowercase !important;
  padding-top: 0 !important;
  padding-bottom: 0.1em !important;
  line-height: 0.9 !important;
  font-family: var(--font-family-avantt-med) !important;
}

.go3176171171 span {
     font-family: var(--FONT-STACK-HEADING) !important;
     font-weight: 400 !important;
    font-size: var(--font-heading-large) !important;
}

  /* --------------------------------------------------------------------------
   Girl Math/Text Slider section
   -------------------------------------------------------------------------- */

/* Spacing */
.index-image-text {
  padding-top: var(--PT);
  padding-bottom: var(--PB);
}

/* Section grid */
.index-image-text .brick__section {
  display: grid !important;
  grid-template-columns: 1fr minmax(56px, 12vw) 1fr;
  align-items: center;
  gap: clamp(10px, 2.2vw, 28px);
  padding: clamp(12px, 1.5vw, 28px) !important;
  box-sizing: border-box;
  background: var(--bg);
  border-radius: var(--radius-rounded);
  border: 1px solid var(--color-red);
}

/* Columns */
.index-image-text .brick__block--images { grid-column: 1; min-width: 0; display: flex; flex-direction: column; }
.index-image-text .brick__block--middle-image { grid-column: 2; min-width: 0; }
.index-image-text .brick__block--text { grid-column: 3; min-width: 0; }
.index-image-text .brick__block__text { flex-basis: 100% !important; }

/* Resets */
.index-image-text .brick__section,
.index-image-text .brick__block,
.index-image-text .brick__block__text,
.index-image-text .hero__content {
  min-width: 0;
  padding: 0;
  margin: 0;
}

/* Images */
.index-image-text .brick__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: clamp(220px, 45vh, 420px);
  object-fit: contain;
  margin: 0 auto;
}

.index-image-text .brick__block--middle-image { display: grid; place-items: center; }
.index-image-text .brick__block__image--middle { width: 100%; max-width: clamp(64px, 12vw, 160px); margin: 0 auto; }
.index-image-text .brick__img--middle { display: block; width: 100%; height: auto; object-fit: contain; }

/* Heading */
.index-image-text .brick__block--text .hero__title,
.index-image-text .brick__block--text .hero__rte h1 {
  font-size: clamp(32px, 12vw, 130px);
  line-height: 0.9;
  letter-spacing: -0.02em;
  margin: 0.1em 0 0.3em;
  text-align: center;
}

/* Overline */
.index-image-text .hero__overline {
  margin: 1rem;
  text-align: center;
  font-size: clamp(32px, 12vw, 60px);
}

/* Mobile pagination dots (hidden by default) */
.index-image-text .mobile-dots { display: none; }

/* Mobile */
@media (max-width: 749px) {
  .index-image-text .brick__section {
    grid-template-columns: 1fr minmax(48px, 16vw) 1fr;
    gap: clamp(8px, 2.5vw, 14px);
  }

  .index-image-text .brick__img { max-height: clamp(150px, 30vh, 260px); }
  .index-image-text .brick__block__image--middle { max-width: clamp(48px, 12vw, 110px); }

  .index-image-text .brick__block--text .hero__title,
  .index-image-text .brick__block--text .hero__rte h1 {
    font-size: 28px;
    line-height: 0.9;
  }

  .index-image-text .grid--mobile-slider .grid-item { width: 100%; padding: 0; }

  .index-image-text .hero__overline {
    margin: 0;
    text-align: center;
    font-size: var(--font-heading-medium);
  }

  .index-image-text .hero__content { align-items: center; }
  .index-image-text .brick__block__text { padding: 0 !important; }

  .index-image-text .mobile-dots {
    position: relative;
    grid-column: 3;
    padding: 0;
    margin-top: -40%;
    list-style: none;
    line-height: 1;
    justify-content: center;
    display: flex;
  }

  .index-image-text .mobile-dots .dot {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 2px;
    border: 1px solid var(--text);
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    text-indent: -100%;
    font-style: normal;
    overflow: hidden;
    cursor: pointer;
  }

  .index-image-text .mobile-dots .dot.is-selected {
    background: var(--text);
  }
}


 /* --------------------------------------------------------------------------
   Good-Bad Section - Protein PDP 
   -------------------------------------------------------------------------- */
 .good-bad-section-new .cb-wrapper { cursor: pointer; }
 .good-bad-section-new .cb-wrapper.no-hover { cursor: default; }

 @media screen and (max-width: 749px){
    .good-bad-section-new { margin-block: -1rem; padding-top: 30px; }

   .good-bad-section-new .pt-progress{
      display:block;
      margin:12px auto 0;
      width:min(560px,92%);
      height:6px;
      background:rgba(0,0,0,.08);
      border-radius:999px;
      overflow:hidden;
    }
    .good-bad-section-new .pt-progress__bar{
      width:5%;
      height:100%;
      background:var(--color-red);
      transform-origin:left center;
      transform:translateZ(0);
    }
    .pdp .rounded-section {
    margin: 0;
    }
   .good-bad-section-new .image-container { display: none !important; }

    .good-bad-section-new .cb-section { padding: 1rem 0 1.25rem; }
    .good-bad-section-new .cb-group {
      display: flex !important;
      overflow-x: auto;
      gap: 12px;
      padding: 0 16px 2px;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .good-bad-section-new .cb-group::-webkit-scrollbar { display: none; }


   .good-bad-section-new .cb-wrapper {
      flex: 0 0 90%;
      max-width: 90%;
      display: flex;
      flex-direction: column;
      gap: 1px;
      padding: 0;
      border-radius: var(--radius-rounded);
      scroll-snap-align: center;
       background-color: var(--color-red);
      pointer-events: none;
    }

    .good-bad-section-new .cb-img-wrapper { display: none !important; }

    .good-bad-section-new .cb-card-image { display: block;border-radius: var(--radius-rounded) var(--radius-rounded) 0 0; overflow: hidden; }
    .good-bad-section-new .cb-card-image img { display: block; width: 100%; height: auto; }
    .good-bad-section-new .cb-content-wrapper { padding: 1rem;}
    .good-bad-section-new .cb-title { font-size: calc(var(--font-body-medium) * 1.25); line-height: 1.3; margin: 0; text-align: center; opacity: 1 !important; color: white;}
    .good-bad-section-new .cb-content { font-size: 13px; margin: 0; opacity: 1 !important; }
    .cb-heading-container, .cb-wrapper:not(:last-child) {
        border: none; 
        padding-block: 0 !important;
      }
  .pdp > *  {
    background: none !important;
  }
  }
}

/* CUSTOM PRODUCT BUTTON ACCORDION */
.shop-accordion { 
  width: 100%; 
  border: 0; 
}
.shop-accordion .accordion-trigger {
  width: 100%; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center;
  gap:.5rem; cursor:pointer; 
  list-style:none; 
  border-radius:9999px;
}
.shop-accordion summary::-webkit-details-marker { 
  display:none; 
}
.shop-accordion .accordion-panel { 
  overflow:hidden; 
  max-height:0;
  transition:max-height .34s cubic-bezier(0.215,0.61,0.355,1); 
  margin-top: -1.5rem;
}
.shop-accordion[open] .accordion-panel { 
  max-height: 999px; 
}
.accordion-list {
   margin:0; 
   display:grid; 
   background:#fff; 
   border-radius: 0 0 24px 24px;
   padding-top: 1.5rem;
  }
.accordion-list li { 
  list-style:none; 
  margin:0; 
}
.accordion-item {
  display:flex; align-items:center; justify-content:center; width:100%;
  border-radius:9999px; text-decoration:none; background:#fff; color:var(--link);
  padding:12px 16px; border:1px solid transparent;
  transition: background .26s cubic-bezier(0.215,0.61,0.355,1),
             color .26s cubic-bezier(0.215,0.61,0.355,1),
             border-color .26s cubic-bezier(0.215,0.61,0.355,1),
             transform .26s cubic-bezier(0.215,0.61,0.355,1);
  will-change: transform, background, color;
}
.accordion-item svg { 
  height:40px; 
}
.accordion-item svg *, .accordion-item svg path {
   fill: var(--link) !important;
  transition: fill .26s cubic-bezier(0.215,0.61,0.355,1); 
}
.accordion-item:hover { 
  background:var(--link); 
  color:#fff; 
  border-color:var(--link); 
  transform: translateY(-2px); }
.accordion-item:hover svg *, 
.accordion-item:hover svg path { 
  fill:#fff !important; 
}
@media (max-width:480px){ 
  .accordion-item{
    padding:11px 14px;
  } 
}

 /* --------------------------------------------------------------------------
    --------------------------------------------------------------------------
    ENERGY NEW CSS STYLING
    -------------------------------------------------------------------------- 
    -------------------------------------------------------------------------- */

    /* --------------------------------------------------------------------------
   misc
    -------------------------------------------------------------------------- */

    @media (min-width:990px){ 
    .custom-gap .grid {
      gap: 8rem !important;
    }
    .custom-gap-pdp .grid {
      gap: 15rem !important;
    }
  }
  @media (min-width:1389px){ 
    .custom-gap .grid {
      gap: 20rem !important;
    }
    .custom-gap-pdp .grid {
      gap: 15rem !important;
    }
  }
    
  /* OVERFLOW FIX */
  body {
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
}

html:not(:has(.template-product)):not(:has(.template-collection)):not(:has(#faqs)):not(:has(#why-protein)):not(:has(#about-us)) {
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden;
}


@media screen and (max-width: 989px) {
.footer-sections, .product-benefits {
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
}
}


.template-product .rtp-section,   /* example carousel/section */
.template-product .product-main { /* whatever is overflowing */
  overflow-x: hidden;
}

/*hiding the collection in product buttons */
.uw-mega .product-item__collection,
.template-product .grid-outer:not(:has(.marquee-wrapper)) .product-item__collection,
#why-protein .product-item__collection {
  display: none !important;
}
 {
  background: linear-gradient(179deg, var(--color-ivory) 23.47%, var(--bg) 99.41%);
}

.template-product .pre-footer-logo {
    background: var(--pdp-color) !important;
}

/* noise just on homepage */
.template-index .noise {
  position: relative;
  isolation: isolate; 
}


.template-index .noise > * {
  position: relative;
  z-index: 1;
}

.template-index .noise::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 96px 96px;
  opacity: 0.45;
  mix-blend-mode: multiply;
}


.template-product .product-item__image svg,
.template-product .custom-badges {
  display: none;
}

/* svg in collections */
@media (max-width: 990px) {
.index-products .grid__heading svg{
      width: 25% !important;
      transform: translateY(20%) !important;
}
}
 /* --------------------------------------------------------------------------
    homepage video hero 
    -------------------------------------------------------------------------- */
  .hero-expand-on-scroll .image__hero__frame, 
  .hero-expand-on-scroll .video__player {
    border-radius: var(--radius-rounded);
  }
  
  .index-hero.wide-image.hero-expand-on-scroll {
    background: black;
  }

  .index-hero.wide-image.hero-expand-on-scroll .hero__content {
    align-items: center;
   }

   @media (min-width: 990px) {
 .index-hero.wide-image.hero-expand-on-scroll .hero__content .hero__title {
   width: 60%;
  }
}

/* --------------------------------------------------------------------------
    find a store near you
    -------------------------------------------------------------------------- */
.custom-column  {
  background: linear-gradient(360deg, var(--color-ivory) 23.47%, #A0C5DF 99.41%);

}
.custom-column .hero__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  position: relative;
}

.custom-column .hero__content .supreme-heading {
  opacity: .9 !important;
}
.custom-column .hero__rte {
  width: 100%;
}

@media (min-width: 990px) {
.custom-column .hero__button {
  position: absolute;
  right: 0;
  bottom: 10%;
}
}
@media (max-width: 990px) {
.pre-footer-logo .hero__rte.body-medium {
  padding-left: var(--outer);
  padding-right: var(--outer);
}
}

 /* --------------------------------------------------------------------------
    featured collection section (drinks that do the work) 
    -------------------------------------------------------------------------- */
.index-collections-list .grid {
  gap: 20px !important;
}

.grid-item.collection-item {
  border-radius: var(--radius-rounded);
}

.grid-item .collection-item__content {
  border-right: 3px solid var(--color-red);
  border-left: 3px solid var(--color-red);
  border-bottom: 3px solid var(--color-red);
  border-top: 3px solid var(--color-red);
  background: var(--bg-accent);
  border-radius: var(--radius-rounded);
}
.template-index .collection-item__image {
 border-radius: 1.3rem 1.3em 0 0;
}

.collection-item__bottom {
  display: grid;
  grid-template-columns: auto auto; 
  align-items: center;   
}


.collection-item__actions {
  text-align: center;
}

.collection-item__button-image {
  width: 5rem;              
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 990px) and (max-width: 1339px) {
  .collection-item__button-image {
    bottom: 20% !important;
  }
}


.collection-item__info {
  text-align: left !important;
  padding-right: 0;
  padding-bottom: 10px;
}
.collection-item__title {
  font-family: var(--font-family-avantt-bold);
  padding-bottom: 0;
}

.collection-item__text {
  font-family: var(--font-family-editorial);
  color: var(--color-new-black);
  letter-spacing: -1.08px;
}
.collection-item__actions {
  padding-left: 0 !important;
}
.collection-item__actions .btn {
  background: none;
  border: none;
  text-transform: capitalize;
  font-family: var(--font-family-baystar-script-bold);
  color: var(--color-red);
  transition: color .25s ease;
}
.collection-item__actions .btn:hover {
  color: var(--color-blue);
}

/* Make the collection card a containing block */
.collection-item {
  position: relative;
}

.collection-item__button-image {
  position: absolute;
  bottom: 12%;   
  right: 10%;
  transform: translateX(-10%);
  z-index: 5;   
  pointer-events: none; 
}

@media (max-width: 749px) {
  .collection-item__bottom {
    row-gap: 1rem;
  }

  .collection-item__actions {
    text-align: right !important;
    margin-top: 2rem;
      overflow: visible;
  }
    .collection-item__actions span {
      padding: 0 10px !important;
    }

  .collection-item__button-image {
    margin-left: 0;
  }
  .index-collections-list .grid--mobile-slider .grid-item {
  width: 80% !important;
}
.index-collections-list .grid {
  gap: 0 !important;
}
}

.sup {
  display: none;
}

.product-item__bg .image-wrapper {
  --aspect-ratio: 0.66 !important;
}

.wrapper--full-padded .grid__items-holder:not(:has(.marquee-wrapper)) {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 990px) {
  .index-products .wrapper .grid__items-holder:not(:has(.marquee-wrapper)) {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .index-products .custom-gutter {
    margin-inline: auto !important;
  }
}
@media (max-width: 990px) {
.index-products .grid-outer {
  padding: 0 !important;
}
.grid-outer.collection-list-outer {
  padding-right: 0 !important;
}
}
/*change for certain sections */
p.product-item__title__new {
  font-family: var(--font-family-supreme);
  color: var(--border);
  letter-spacing: -0.668px;
  text-transform: uppercase;
  margin-bottom: 0 !important;
  font-size: var(--font-body-large);
  margin-top: 0 !important;
}

.index-products:has(.marquee-wrapper) p.product-item__title__new,
.template-collection p.product-item__title__new {
    font-family: var(--font-family-editorial) !important;
    text-transform: capitalize !important;
}

.index-products:not(:has(.marquee-wrapper)) h2, 
.index-products:not(:has(.marquee-wrapper)) h3 {
  color: var(--color-new-black);
}
.index-products h3 {
  font-family: var(--font-family-avantt);
}
.index-products .grid {
  gap: 20px;
}
.index-products .product-item__bg {
  border: 3px solid var(--color-red);
}

 /* --------------------------------------------------------------------------
    new text styles
    -------------------------------------------------------------------------- */
   .supreme-heading {
      font-family: var(--font-family-supreme);
      text-transform: uppercase;
      letter-spacing: -3.643px;
      font-size: calc(1.4*var(--font-heading-x-large));
      line-height: 92%;
      transform: rotate(-1.036deg) !important;
      margin: 0;
   }
   
   
.subheading:not(.accordion__title) {
    font-feature-settings: 'liga' off, 'clig' off;
    line-height: normal;
    letter-spacing: 0.54px;
    text-transform: uppercase;
    display: inline-flex;       
    align-items: center;    
    padding-bottom: 20px;      
  }

.subheading:not(.accordion__title):before {
    content: "●";
    margin-right: 10px;
    display: inline-block;
  }

  .rtp .subheading {
         color: var(--text);
         margin-bottom: 0 !important;
    }

    .rtp .supreme-heading {
      color: var(--accent);
    }
    .rtp .supreme-heading .icon-custom-new {
      display: flex;
      right: 0;
    left: unset;
    }
    .supreme-heading p {
      margin: 0;
    }
.rtp--bg {
  position: relative;
  overflow: hidden;
}

.rtp--bg > *:not(.bg-floater) {
  position: relative;
  z-index: 1;
}
.bg-floater {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.85;
  will-change: transform;
}
.bg-floater--1 {
  width: 10rem; height: 10rem;
  left: 45%; bottom: 0;
  background-image: url("peach.png");
  animation: float1 9s ease-in-out infinite;
}

.bg-floater--2 {
   width: 10rem; height: 10rem;
  left: 10%; top: 0%;
  background-image: url("peach2.png");
  animation: float2 6.5s ease-in-out infinite;
}

.bg-floater--3 {
   width: 10rem; height: 10rem;
  left: 45%; top: 28%;
  background-image: url("peach3.png");
  animation: float3 11s ease-in-out infinite;
}

.bg-floater--4 {
  width: 10rem; height: 10rem;
  left: -3%; top: 58%;
  background-image: url("peach4.png");
  animation: float4 7.5s ease-in-out infinite;
}

.bg-floater--5 {
  width: 15rem; height: 15rem;
  right: 0%; top: 0%;
 background-image: url("peach5.png");
  animation: float5 5.5s ease-in-out infinite;
}

.bg-floater--6 {
   width: 10rem; height: 10rem;
  right: 35%; top: 78%;
  background-image: url("peach6.png");
  animation: float6 13s ease-in-out infinite;
}

@keyframes float1 {
  0%,100% { transform: translate(0,0); }
  50% { transform: translate(6px, 22px); }
}

@keyframes float2 {
  0%,100% { transform: translate(0,0); }
  50% { transform: translate(-8px, -18px); }
}

@keyframes float3 {
  0%,100% { transform: translate(0,0); }
  50% { transform: translate(10px, 14px); }
}

@keyframes float4 {
  0%,100% { transform: translate(0,0); }
  50% { transform: translate(-6px, 20px); }
}

@keyframes float5 {
  0%,100% { transform: translate(0,0); }
  50% { transform: translate(4px, -16px); }
}

@keyframes float6 {
  0%,100% { transform: translate(0,0); }
  50% { transform: translate(-10px, 26px); }
}


  .supreme-heading.break {
    width: 85%;
  }
    .custom-column .subheading {
      display: flex; 
      justify-content: center;
    }

  .tr-mark {
    font-family: var(--font-family-editorial);
  }

.prefooter-text p {
  font-family: var(--font-family-avantt-x-bold);
  font-size: clamp(1.8rem, 12vw, 12rem); 
  letter-spacing: -10.512px;
  line-height: 0.9;
  text-align: center;
}

@media (max-width: 768px) {
  .prefooter-text p {
    letter-spacing: -4px;
  }

  .bg-floater--2 {
    left: -11%;
  }
  .bg-floater--5 {
    right: -30%;
  }
}
@media (min-width: 1017px) {
  .prefooter-text p {
    font-size: clamp(1.8rem, calc(0.6rem + 10.5vw), 11rem);
    letter-spacing: -3.512px;
    text-align: center;
  }
}

@media (min-width: 1502px) {
  .prefooter-text p {
    font-size: clamp(1.8rem, calc(0.6rem + 11vw), 11rem);
    letter-spacing: -3.512px;
    text-align: center;
  }
}

@media (min-width: 1535px) {
  .prefooter-text p {
    font-size: calc(0.6rem + 11.25vw);
     text-align: center;
  }
}

@media (min-width: 2000px) {
  .prefooter-text p {
    font-size: calc(0.6rem + 11.25vw);
     text-align: center;
  }
}



.pre-footer-logo .wrapper {
  padding-left: calc(.2 * var(--outer));
  padding-right: calc(.2 * var(--outer));
}

  .pre-footer-logo .text-center {
    margin: 0 !important;
  }
  .pre-footer-logo .wrapper {
    max-width: unset !important;
  }

  .black {
    color: var(--color-new-black) !important;
  }

  .index-collections-list .grid__heading-holder {
    color: var(--accent) !important;
  }

  .custom-ig-marquee-feed h3,
  .drawer__foot h3 {
    font-family: var(--font-family-baystar-script-bold);
    font-size: var(--font-heading-small);
  }

 /* energy product titles in supreme */
  .rtp-section p.product-item__title__new {
  font-family: var(--font-family-supreme);
  color: var(--text);
  letter-spacing: -0.668px; 
  text-transform: uppercase;
  margin-bottom: 0 !important;
  font-size: var(--font-body-large);
  margin-top: 0 !important;
}


.announcement__slide h3 {
  font-size: var(--font-heading-large);
  margin: 0 !important;
  letter-spacing: -3px;
}

.footer__quicklinks a {
  text-transform: uppercase !important;
}
 /* --------------------------------------------------------------------------
    energy slideshow
    -------------------------------------------------------------------------- */
.slideshow .hero__content {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-auto-rows: auto;
  align-items: end;      
  justify-items: start;
  column-gap: 0.8rem;
  text-align: left;
}

/* Can: left column, spanning 2 rows, smaller */
.slideshow .product-info-slideshow__can {
  grid-column: 1;
  grid-row: 2 / span 2;
  align-self: end;
  max-width: 70px;      
}

.slideshow .product-info-slideshow__can-image {
  display: block;
  width: 100%;
  height: auto;
}

.slideshow .product-info-slideshow__title {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
   color: var(--color-ivory);
   margin: 0;
}

.slideshow .product-info-slideshow__text {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  line-height: 1.4;
  color: var(--color-ivory);
  letter-spacing: -0.8px;
}

.slideshow .hero__content__wrapper {
  align-items: flex-end;     
  justify-content: flex-start; 
}



.slideshow__slider .flickity-page-dots {
  counter-reset: slide;
  justify-content: end;
  transform: translateY(-30px) !important;
}


.slideshow__slider .flickity-page-dot {
  text-indent: 0 !important;
  width: 30px;
  height: 30px;
  background: none !important;
  border: 1px solid var(--color-ivory);
}
.slideshow__slider .flickity-page-dot::before {
  counter-increment: slide;
  content: counter(slide);
  display: block;
  font-size: 20px;
  color: var(--color-ivory);
  opacity: 0.5;
  transition: opacity 0.2s ease;
  font-family: var(--font-family-editorial);
}

.slideshow__slider .flickity-page-dot.is-selected::before {
  opacity: 1;
}

/* gradient */

.energy-slideshow .slideshow__slide::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    180deg,
    rgba(248, 242, 227, 0.20) 30.77%,
    #C00 84.62%
  );

  opacity: 0.4;
  filter: blur(2px);

  z-index: 2; 
  pointer-events: none;
}
.energy-slideshow .slideshow__slide .hero__content__wrapper {
  position: relative;
  z-index: 3;
}

@media (max-width: 749px) {
  .slideshow .hero__content {
    row-gap: 0.3rem;
    column-gap: 0.6rem;
  }

  .slideshow .product-info-slideshow__can {
    max-width: 48px;
  }

  .slideshow .product-info-slideshow__title {
    font-size: 1.3rem;
  }

  .slideshow .product-info-slideshow__text {
    font-size: 1rem;
  }

   .template-product .index-hero  {
    padding-bottom: 2.5rem;
  }
  .slideshow .flickity-page-dots {
    display: none !important;
  }
}



/* --------------------------------------------------------------------------
  PRODUCT BENEFITS CUSTOM PDP energy 
   -------------------------------------------------------------------------- */
.product-benefits__heading-wrapper {
      margin: 0 auto 2rem;
    }

.product-benefits__inner {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
      gap: 3rem;
      align-items: center;
    }

    @media screen and (max-width: 990px) {
  .product-benefits__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
      }
      .supreme-heading.break {
    width: 100%;
    text-align: center;
      }
      .product-benefits__image {
      max-width: 45vw !important;
    }
    .product-benefits__left {
            width: auto !important;
        }
        .product-benefits__right {
            margin-top: 0 !important;
        }
    }

.product-benefits__image {
      display: block;
      max-width: 20vw;
      height: auto;
    }
     .product-benefits__left {
            transform: rotate(11.469deg) translateX(20%);
            width: fit-content;
        align-self: start;
        }
    @media screen and (min-width: 749px) {
        .product-benefits__left {
            position: sticky;
            top: var(--header-height);
            margin-top: -8vh;
        }
    }
.product-benefits__right {
      align-self: stretch;
      margin-top: 20rem;
    }

.product-benefits__list {
      list-style: none;
      margin: 0;
      padding: 0;
    }

.product-benefits__item {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      column-gap: 1rem;
      padding: 0.75rem 0 0.9rem;
      border-bottom: 2px dashed var(--pb-border-color);
    }

.product-benefits__icon {
      display: inline-flex;
      margin-top: 0.1rem;
    }

.product-benefits__icon-svg {
      width: 18px;
      height: 18px;
    }

.product-benefits__text {
       text-transform: lowercase;
    }
/* --------------------------------------------------------------------------
   SIP SMARTER NOT SWEERER 
   -------------------------------------------------------------------------- */
    /* Base layout */
    .sip-smarter {
      position: relative;
      overflow: hidden;
    }

    .sip-smarter__inner {
      max-width: 1260px;
      margin: 0 auto;
    }

    .sip-smarter__eyebrow {
      text-align: center;
      color: var(--accent);
      display: flex !important;
      justify-content: center;
      position: relative;
    }

    .sip-smarter__heading {
      text-align: center;
      transform-origin: center;
    }

    .sip-smarter__visual {
      position: relative;
      max-width: 860px;
      margin: 0 auto;
      padding: 0 0 3.5rem;
    }

    /* Circle wrapper around image-hero */
    .sip-smarter__image-circle {
      width: min(72vw, 640px);
      margin: 0 auto;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid var(--color-red);
      position: relative;
      z-index: 0;
    }

    /* Make the image-hero content fill our circle */
    .sip-smarter__image-circle .image__hero__frame {
      width: 100%;
      height: 100%;
    }

    .sip-smarter__image-circle .image__hero__pane,
    .sip-smarter__image-circle .image__hero__scale {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .sip-smarter__image-circle .image__hero__scale img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Bubbles container */
    .sip-smarter__bubbles {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .sip-smarter__bubble {
      position: absolute;
      max-width: 320px;
      padding: 1.25rem 1.75rem;
      border-radius: 22px;
      background: var(--bg-accent);
      color: var(--accent);
      pointer-events: auto;
      line-height: 1.6;
    }
    .sip-smarter__bubble h5 {
      font-size: var(--font-heading-small);
    }
    .sip-smarter__bubble-text p {
      margin: 0;
    }
    .sip-smarter__bubble-text strong {
      font-family: var(--font-family-avantt-bold);
      text-transform: uppercase;
    }

    /* Desktop bubble positions */
    .sip-smarter__bubble--1 {
      top: 20%;
      left: -10%;
      transform: translateY(-50%);
      border-radius: 30px 0 30px 30px;
      border: 3px solid var(--color-red);
    }

    .sip-smarter__bubble--2 {
      bottom: 8%;
      left: 0%;
      border-radius: 30px 0 30px 30px;
      border: 3px solid var(--color-red);
    }

    .sip-smarter__bubble--3 {
      top: 40%;
      right: -15%;
      transform: translateY(-50%);
      border-radius: 0 30px 30px 30px;
      border: 3px solid var(--color-red);
    }

    /* Responsive tweaks */
    @media (max-width: 900px) {
      .sip-smarter__visual {
        max-width: 100%;
        padding-bottom: 2.5rem;
        padding-bottom: 0;
      }

      .sip-smarter__image-circle {
        width: min(80vw, 520px);
      }

      .sip-smarter__bubble {
        padding: 1.1rem 1.6rem;
      }

      .sip-smarter__bubble--1 {
        top: 16%;
        left: 0;
        border-radius: 0 30px 30px 30px;
      }

      .sip-smarter__bubble--2 {
        bottom: 4%;
        left: 5%;
            border-radius: 0 30px 30px 30px;
      }

      .sip-smarter__bubble--3 {
        top: 42%;
        right: 0;
            border-radius: 0 30px 30px 30px;
      }
      .sip-smarter {
        padding-bottom: 0 !important;
      }
    }

    @media (max-width: 640px) {
      .sip-smarter__heading {
        margin-bottom: 1.75rem;
        padding: 0 16px;
      }

      .sip-smarter__image-circle {
        width: 88vw;
      }

      .sip-smarter__bubbles {
        position: static;
        transform: translateY(-7%);
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .sip-smarter__bubble {
        position: relative;
        width: 100%;
        margin: .25rem;
        box-shadow: none;
        justify-self: center;
        top: unset;
        left: unset;
        right: unset;
        transform: none;
    }
      }

/* --------------------------------------------------------------------------
   ENERGY CAROUSEL
   -------------------------------------------------------------------------- */

/* Base layout */
.rtp {
  padding-right: 0 !important;
}

.rtp-section .rtp__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 3rem;
  align-items: stretch;
}

.rtp-section .rtp__col--text {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

.rtp-section .rtp__heading--mobile {
  display: none;
}

.rtp-section .rtp__intro {
  margin-bottom: 0.5rem;
}

.rtp-section .rtp__section-cta {
  margin-top: 1rem;
}

/* Text blocks */
.rtp-section .rtp-text-block__subheading {
  margin: 0 0 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.8;
}

.rtp-text-block {
  margin-left: 3rem;
}

.rtp-section .rtp-text-block__title {
  margin: 0 0 0.35rem;
}

.rtp-section .rtp-text-block__text {
  margin-bottom: 2rem;
  line-height: 140%;
  width: 75%;
}

.rtp-text-block__bullet-text {
  font-family: var(--font-family-avantt-x-bold);
  text-transform: capitalize;
}

.rtp-section .rtp-text-block__bullets {
  margin: 0 0 2rem 0.75rem;
  padding: 0;
  list-style: none;
}

.rtp-section .rtp-text-block__bullet {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.rtp-text-block__bullet-icon svg {
  width: 20px;
}

.rtp-section .rtp-text-block__actions .btn {
  margin-top: 0.25rem;
}

/* Carousel layout */
.rtp-section .rtp__col--carousel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rtp-section .rtp-carousel {
  position: relative;
  width: 100%;
}

.rtp-section .rtp-carousel__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  gap: 0.75rem;
}

.rtp-section .rtp-carousel__label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  margin: 0;
  opacity: 0.75;
}

.rtp-section .rtp-carousel__viewport {
  overflow: hidden;
  padding: 1rem 0 0.5rem;
}

.rtp-section .rtp-carousel__track {
  display: flex;
  align-items: stretch;
  gap: 5px;
  transition: transform 280ms ease;
  will-change: transform;
}

/* Product cards: desktop line with active card popped */
.rtp-section .rtp-card {
  flex: 0 0 54%;
  transform: translateY(18px) scale(0.9);
  opacity: 0.5;
  filter: blur(0.2px);
  transition:
    transform 260ms ease,
    opacity 260ms ease,
    filter 260ms ease;
  position: relative;
  z-index: 1;
}

.rtp-section .rtp-card.is-active {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: none;
  z-index: 3;
}

/* Dots nav */
.rtp-section .rtp-carousel__dots {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.rtp-section .rtp-carousel__dot {
  color: var(--accent);
  background: transparent;
  font-size: 3.25rem;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  opacity: 0.6;
  transition:
    opacity 150ms ease,
    transform 120ms ease;
  font-family: var(--font-family-editorial);
}

.rtp-section .rtp-carousel__dot:hover {
  opacity: 1;
}

.rtp-section .rtp-carousel__dot.is-active {
  opacity: 1;
}

.rtp-section .rtp-carousel__empty {
  margin: 0;
  font-size: 0.9rem;
  opacity: 0.7;
}

/* Product tile styling */
.rtp .product-item__bg {
  border: 3px solid var(--accent);
}

.rtp .product-item__info {
  border-color: var(--accent);
}

.rtp .product-item__info_overlay {
  background: var(--accent) !important;
}

.rtp-section p.product-item__title__new,
.rtp-section .product-item__collection {
  color: var(--accent) !important;
}

.rtp .icon-custom-new,
.rtp .custom-badges {
  display: none;
}

/* --------------------------------------------------------------------------
   <= 989px (tablet & down)
   -------------------------------------------------------------------------- */
@media screen and (max-width: 989px) {
  .rtp .supreme-heading .icon-custom-new {
    display: flex;
    right: -23%;
    left: unset;
    bottom: -3%;
    top: unset;
  }
  
  .cmig__heading-info {
    top: 10% !important;
    right: 10%;
    left: unset !important;
  }
  .cmig__info[aria-hidden="true"] {
  display: none;
}

.cmig__info[aria-hidden="false"] {
  display: block;
  opacity: 1;
}
.cmig__item--info  .cmig__info {
    left: unset !important;
    right: 0 !important;
}
  body[id*="energy"] .cmig__heading-info {
           position: relative;
        transform: none;
        right: unset;
  }
  .product-benefits__text .cmig__item--info .cmig__info {
    position: relative;
  }
  .rtp {
    padding-right: var(--outer) !important;
  }

  .rtp-section .rtp__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }

  /* Carousel column first on mobile/tablet */
  .rtp-section .rtp__col--carousel {
    order: -1;
  }

  /* Swap headings: show mobile version, hide desktop one */
  .rtp-section .rtp__heading--desktop {
    display: none;
  }

  .rtp-section .rtp__heading--mobile {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    align-items: center;
    gap: 1rem;
  }

  .rtp .supreme-heading {
    width: 70%;
    text-align: center;
  }

  .rtp-section .rtp-card {
    flex: 0 0 70%;
    max-width: 100%;
    padding-left: 2rem;
  }

  .rtp-section .rtp-carousel__dots {
    justify-content: center;
  }

  .rtp-text-block {
    text-align: center;
    margin-left: 0;
    padding: 0 1rem;
  }

  .rtp-section .rtp-text-block__text {
    width: 100%;
  }

  .rtp-section .rtp-text-block__bullet {
    justify-content: center;
  }
}

/* --------------------------------------------------------------------------
   <= 749px (true mobile) – swipeable + no active-card visual
   -------------------------------------------------------------------------- */
@media screen and (max-width: 749px) {
  .rtp-section .rtp__col--carousel {
    overflow: visible;
  }

  .rtp-section .rtp-carousel__viewport {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 0;
    scrollbar-width: none; /* Firefox */
  }

  .rtp-section .rtp-carousel__viewport::-webkit-scrollbar {
    display: none; 
  }


  .rtp-section .rtp-carousel__track {
    display: flex;
    transform: none !important;   
    transition: none !important;
    will-change: auto;
  }

  .rtp-section .rtp-card {
    flex: 0 0 60%;                
    max-width: 100%;
    padding-left: 0;
    scroll-snap-align: start;
  }

  .rtp-section .rtp-carousel {

  }
  .rtp-carousel__viewport {
    margin-left: var(--outer-offset);
    margin-right: var(--outer-offset);
  }

  .rtp-section .rtp-card,
  .rtp-section .rtp-card.is-active {
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    z-index: 1 !important;
    transition: none !important;
    padding-left: var(--outer);
  }
}

/* --------------------------------------------------------------------------
   footer
   -------------------------------------------------------------------------- */
@media (min-width: 990px) {
  .index-newsletter .brick__section {
    width: 50%;
    justify-self: end;
  }
}

.footer-sections .site-footer-wrapper {
  position: relative;
  overflow: visible;
  background: none;
}

.footer-sections .site-footer-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bg-accent);
  clip-path: polygon(
    0% 34%,  
    100% 0%,
    100% 100%,
    0% 100%
  );
  -webkit-clip-path: polygon(
    0% 34%,
    100% 0%,
    100% 100%,
    0% 100%
  );
  z-index: 0;
}

.footer-sections .site-footer,
.footer-sections .site-footer__banner,
.footer-sections .footer__blocks,
.footer-sections .footer__credits-row {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

.footer-sections .site-footer__banner-inner {
  display: flex;
  justify-content: flex-start;
}

.footer-sections .footer__block--image-banner {
  position: relative;
  z-index: 2;
  margin-top: -15% !important;
  margin-bottom: var(--gutter);
}

.footer__block.footer__block--menu {
  align-self: end;
}

.footer__block--image-banner {
  margin-bottom: 0;
}

.footer__block--menu:nth-of-type(2) .footer_button {
  visibility: hidden !important;
}

.shopify-section-group-group-footer .announcement__wrapper {
  position: relative;
  overflow: visible;
  transform-origin: top center;
  transform: rotate(-5.9deg) translateY(4.6rem) translateX(-2rem);
  width: 105%;
}


.footer-sections {
  padding-bottom: 0 !important;
  background: transparent !important;
}

.template-product .footer-sections {
  background: var(--pdp-color) !important;
}
body:not(.template-product) .footer-sections {
  background: var(--color-blue) !important;
}

/* ---------------- MOBILE TWEAKS ---------------- */
@media (max-width: 749px) {
  .footer-sections .footer__block--image-banner {
    display: none !important;
  }
  .footer-sections .footer__blocks {
    margin-top: 5rem;
  }
.footer__block.footer__block--menu {
    align-self: start;
}
  .footer-sections .site-footer-wrapper::before {
    clip-path: polygon(
      0% 18%,   
      100% 0%,
      100% 100%,
      0% 100%
    );
    -webkit-clip-path: polygon(
      0% 18%,
      100% 0%,
      100% 100%,
      0% 100%
    );
  }
   .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-10deg) translateY(2.15rem) translateX(-1rem);
    width: 105%;
   }
      .shopify-section-group-group-footer .announcement__wrapper .announcement__slide .image-wrapper {
        width: 80%;
      }
}

/*  iPhone Pro */
@media screen and (min-width: 389px) and (max-width: 429px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-10.5deg) translateY(2.25rem) translateX(-1.5rem);
    width: 105%;
  }
}

/* iPhone Max */
@media screen and (min-width: 430px) and (max-width: 480px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-10deg) translateY(2.15rem) translateX(-1rem);
    width: 105%;
  }
}

.site-footer__banner {
    position: relative;
    margin-bottom: 3rem;
    overflow: visible;
  }

  .site-footer__banner-inner {
    position: relative;
    width: 100%;
  }

  .footer-banner__image {
    width: 100%;
    max-width: var(--footer-banner-image-max-width, 1200px);
    margin-inline: auto;
  }

  .footer-banner__image img {
    width: 100%;
    height: auto;
    display: block;
  }

  @media (max-width: 749px) {
    .site-footer__banner {
      margin-bottom: 2rem;
    }
  }

  /* FOOTER CREDITS ROW */
.footer__credits-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 1.5rem;
  font-size: var(--font-body-x-small);
}

/* Center the text in its column */
.footer__credits-text {
  text-align: center;
  justify-self: center;
  max-width: 100%;
  margin-inline: auto;
}
.footer__credits-logo {
  justify-self: end;
  width: 100px;
}

.footer__credits-logo img {
  display: block;
  max-height: 48px;
  width: auto;
}

/* Mobile: stack and center everything */
@media (max-width: 749px) {
  .footer__credits-row {
    grid-template-columns: auto auto;
    row-gap: 1rem;
  }

  .footer__credits-text {
    max-width: 100%;
    text-align: left;
  }

  .footer__credits-logo {
    justify-self: center;
  }
}


/* --------------------------------------------------------------------------
   NEW PDP THUMBNAILS
   -------------------------------------------------------------------------- */
.product-gallery--custom {
  position: relative;
}

.product-gallery--custom .product-item__badge {
  position: absolute;
  z-index: 3;
  left: 1rem;
  top: 1rem;
}

.product-gallery__thumbs {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 3;
  display: flex;
  gap: 0.4rem;
  padding: 0.4rem;
}

.product-gallery__thumb {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  width: 4rem;
  height: auto;
  border-radius: 20.9px;
  border: 1.393px solid var(--color-red);
  overflow: hidden;
  transition: opacity 0.15s ease, transform 0.15s ease;
}


.swiper-product-gallery {
  border-radius: var(--radius-rounded-left);
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

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


  .swiper-product-gallery {
    aspect-ratio: auto;     
    height: auto;
    border-radius: var(--radius-rounded-left);
    overflow: hidden;   
    width: calc(100% + var(--gutter-custom));
  }


  .swiper-product-gallery.product-gallery--custom {
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .swiper-product-gallery.product-gallery--custom .swiper-wrapper {
    order: 1;               
    width: 100%;
  }

  /* 3. Thumbnails in normal flow, BELOW the image */
  .swiper-product-gallery.product-gallery--custom .product-gallery__thumbs {
    order: 2;
    position: static !important;   
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: 1rem;
    width: 100%;
    display: flex;
    justify-content: start;
    gap: 0.5rem;
    z-index: 5;
  }

  .swiper-product-gallery.product-gallery--custom .product-gallery__thumb {
    flex: 0 0 auto;
    width: 3rem;
    height: auto;
    border-radius: 0.53375rem;
  }

  /* 4. Give space before the next section so it doesn't sit on the thumbs */
  .template-product .index-product.section-padding {
    padding-bottom: 4rem;
    position: relative;
    z-index: 1;
  }

  .swiper-slide-active, 
  .swiper-slide-active img,
  .swiper-slide-active .product__photo {
  border-radius: var(--radius-rounded-left);
}
}



/* --------------------------------------------------------------------------
   MEDIA QUERY FIXES
   -------------------------------------------------------------------------- */

@media screen and (min-width: 1340px) {
  .collection-item__actions {
    margin-top: 2rem;
  }
}


@media screen 
  and (width: 1340px) 
  and (height: 840px) {

  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-7deg) translateY(5rem) translateX(-2rem);
  }
}

/* 820px */
@media (min-width: 820px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-14.5deg) translateY(6rem) translateX(-3rem);
  }
}
/* 900px */
@media (min-width: 900px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-13.5deg) translateY(7.1rem) translateX(-4rem);
  }
}

/* 1000px */
@media (min-width: 1000px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-7.5deg) translateY(4.1rem) translateX(-2rem);
  }
}

/* 1100px */
@media (min-width: 1100px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-7.65deg) translateY(4.6rem) translateX(-2rem);
  }
}

/* 1200px */
@media (min-width: 1200px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-7.5deg) translateY(4.9rem) translateX(-2rem);
  }
}

/* 1300px */
@media (min-width: 1300px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-7.25deg) translateY(4.9rem) translateX(-2rem);
  }
}

/* 1350px */
@media (min-width: 1350px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-6.55deg) translateY(5rem) translateX(-2rem);
  }
}


/* 1400px */
@media (min-width: 1400px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-6.45deg) translateY(4.7rem) translateX(-2rem);
  }
}

/* 1450px */
@media (min-width: 1450px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-6.25deg) translateY(4.7rem) translateX(-2rem);
  }
}


/* 1480px */
@media (min-width: 1480px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5.95deg) translateY(4.7rem) translateX(-2rem);
  }
}


/* 1522px */
@media (min-width: 1522px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5.75deg) translateY(4.7rem) translateX(-2rem);
  }
}

/* 1536px */
@media (min-width: 1536px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5.75deg) translateY(4.6rem) translateX(-2rem);
  }
}

/* 1556px */
@media (min-width: 1556px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5.55deg) translateY(4.6rem) translateX(-2rem);
  }
}

/* 1576px */
@media (min-width: 1576px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5.35deg) translateY(4.6rem) translateX(-2rem);
  }
}

/* 1596px */
@media (min-width: 1596px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5.25deg) translateY(4.6rem) translateX(-2rem);
  }
}

/* 1636px */
@media (min-width: 1636px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5.25deg) translateY(4.4rem) translateX(-2rem);
  }
}


/* 1656px */
@media (min-width: 1656px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5.15deg) translateY(4.4rem) translateX(-2rem);
  }
}

/* 1676px */
@media (min-width: 1676px) {
  .shopify-section-group-group-footer .announcement__wrapper {
    transform: rotate(-5deg) translateY(4.4rem) translateX(-2rem);
  }
}

/* 1716px */
@media (min-width: 1716px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-4.75deg) translateY(4.4rem) translateX(-2rem);
  }
}

/* 1800px */
@media (min-width: 1800px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-4.5deg) translateY(4.4rem) translateX(-2rem);
  }
}


/* 1850px */
@media (min-width: 1850px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-4.25deg) translateY(4.2rem) translateX(-2rem);
  }
}

/* 1900px */
@media (min-width: 1900px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-4deg) translateY(4.2rem) translateX(-2rem);
  }
}


/* 2000px */
@media (min-width: 2000px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-3.5deg) translateY(3.8rem) translateX(-2rem);
  }
}

/* 2100px */
@media (min-width: 2100px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-3.2deg) translateY(3.8rem) translateX(-2rem);
  }
  .footer__block--menu {
    margin-top: 1.5rem;
  }
}

/* 2200px */
@media (min-width: 2200px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-3deg) translateY(3.8rem) translateX(-2rem);
  }
    .footer__block--menu {
    margin-top: 2rem;
  }
}


/* 2400px */
@media (min-width: 2400px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-3.5deg) translateY(4.7rem) translateX(-2rem);
  }
  .footer-sections .footer__block--image-banner {
    margin-top: -10% !important;
}
}


/* 2600px */
@media (min-width: 2600px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-3.2deg) translateY(4.3rem) translateX(-2rem);
  }
   .footer__block--menu {
    margin-top: 4rem;
  }
}

/* 2700px */
@media (min-width: 2700px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-3deg) translateY(4.2rem) translateX(-2rem);
  }
}

/* 2750px */
@media (min-width: 2750px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-2.9deg) translateY(4.2rem) translateX(-2rem);
  }
}

/* 2800px */
@media (min-width: 2800px) {
  .shopify-section-group-group-footer .announcement__wrapper {
   transform: rotate(-2.75deg) translateY(4.1rem) translateX(-2rem);
  }
}
/* --------------------------------------------------------------------------
   new protein
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 998px) {
#why-protein .image-tabs .hero__content {
  width: 80% !important;
}
}

#why-protein .content-bg .hero__content {
  width: 80% !important;
  border-radius: 0 0 var(--radius-rounded) var(--radius-rounded);
  border-bottom: 3px solid var(--border);
  padding-top: 0;
  position: relative;
}
#why-protein .content-bg .hero__content::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 47px; 
  border-left: 3px solid var(--border);
  border-right: 3px solid var(--border);
  border-radius: 0 0 20px 20px;

  pointer-events: none;
}

#why-protein .subheading {
  justify-content: center;
  margin-bottom: 0;
}

#why-protein .supreme-heading p {
  margin: 0;
}

.content-bg .hero__wrapper {
  transform: translateY(-50px);
}

#why-protein .cmig {
  margin-top: -2rem;
}

/* ==========================
   Shop-by toggle dropdown
   ========================== */

.collection-hero-content .subheading,
.collection-hero-content .supreme-heading {
    color: var(--color-new-black);
}

.collection-shopby{
  display: flex;
  justify-content: center;
  margin: 2.25rem 0;
}

.shopby-toggle{
  position: relative;
  width: min(600px, 92vw);
}

/* Button */
.shopby-toggle__btn{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 3px dashed var(--color-red);
  border-radius: var(--radius-pill);
  padding: calc(var(--inner) / 2) var(--inner);
  background: transparent;
  color: inherit;
  cursor: pointer;
  user-select: none;
  transition: transform .15s ease, background-color .15s ease, opacity .15s ease;
}

@media (hover:hover){
  .shopby-toggle__btn:hover{
    transform: translateY(-1px);
  }
}


.shopby-toggle__btn-label,
.shopby-toggle__btn-current {
    font-family: var(--font-family-supreme);
    color: var(--border);
    text-transform: uppercase;
    font-size: var(--font-body-large);
}

.shopby-toggle__chev{
  width: 16px;
  height: 13px;
  flex: 0 0 16px;

  border: 0 !important;       
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 13px;

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H4.8L7.808 6.976L10.88 0H15.52L9.984 12.64H5.568L0 0Z' fill='%23c00'/%3E%3C/svg%3E") !important;
  transition: transform .2s ease;
}


/* Menu panel */
.shopby-toggle__menu{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + .6rem);
  z-index: 60;
  border-radius: var(--radius-rounded);
  border: 2px solid var(--color-new-black);
  background: var(--color-blue);
  max-height: min(360px, 55vh);
  overflow: auto;

  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  pointer-events: none;

  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.shopby-toggle.is-open .shopby-toggle__menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* Menu items */
.shopby-toggle__item {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;

  text-decoration: none;
  color: var(--color-new-black);
  line-height: 1.1;
  text-transform: capitalize;
  font-family: var(--font-family-editorial);
  font-weight: normal;
  font-size: var(--FONT-SIZE-NAV);
  letter-spacing: -0.05rem;
 

  transition: transform .12s ease, background-color .12s ease, opacity .12s ease;
}

.shopby-toggle__item:hover {
  color: var(--color-purple);
}

.shopby-toggle__item:not(:last-of-type){
  border-bottom: 2px dashed var(--color-new-black);

}

.shopby-toggle__item + .shopby-toggle__item{
  margin-top: .25rem;
}
 
/* --------------------------------------------------------------------------
   TEMP COOKIES FIX (onetrust)
   -------------------------------------------------------------------------- */

h4#ot-header-id-OSSTA_BG::after {
    content: 'To opt out, slide to "OFF"';
    display: block;
}

/* --------------------------------------------------------------------------
   PRICE SPIDER CUSTOM CSS
   -------------------------------------------------------------------------- */

.ps-678faf1ed155422df98b05d7.ps-widget[data-ps-sku], 
.ps-678faf1ed155422df98b05d7.ps-widget[ps-sku] {
  border: 3px dashed var(--color-new-black) !important;
  background: var(--color-beige) !important;
  color: var(--color-new-black) !important;
}


.ps-widget.ps-enabled {
  text-transform: uppercase;
  font-family: var(--font-family-supreme) !important;
  font-size: var(--BTN-FONT-SIZE) !important;
  margin: auto !important;
  float: none !important;
  width: 50%;
  border-radius: var(--radius-pill) !important;
  padding: calc(var(--btn-top) / 2) var(--btn-left) !important;
  border: none !important;
}

.ps-widget.ps-enabled:hover {
  color: var(--color-white) !important;

  background: var(--color-blue) !important;
}

.template-product .ps-widget {
  width: 100% !important;
  margin-top: 1rem !important;
}

.template-page .ps-678faf1ed155422df98b05d7.ps-lightbox {
  z-index: 3000 !important;
}

/* NEW MOBILE MENU DROPDOWN*/
.sliderow__panel > .sliderow__links[data-links]{
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px 12px 12px 0;
}


.sliderow__panel > .sliderow__links[data-links] > .sliderule__wrapper{
  flex: 0 0 auto;
  width: fit-content;
}

.sliderow__panel > .sliderow__links[data-links] .sliderow[role="button"]{
  display: block;
}

.sliderow__panel > .sliderow__links[data-links] a.sliderow__title{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  width: fit-content;
  padding: 0;
  margin-right: 0;
}

.sliderow__panel > .sliderow__links[data-links] a.sliderow__title sup{
  display: none;
}

.sliderow__thumb{
  width: 10rem;
  height: 15rem;
  border-radius: var(--radius-rounded);
  overflow: hidden;
  flex: 0 0 auto;
  border: 2px solid var(--color-red);
}

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

.sliderow__panel .sliderow__label {
  font-family: var(--font-family-supreme);
  font-size: var(--font-body-small);
  text-transform: uppercase;
}


/* new tooltips */
.cmig__i{
  appearance:none;
  border:1px solid currentColor;
  background:  var(--color-beige);
  border-radius:999px;
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:600;
  line-height:1;
  padding:0;
  cursor:pointer;
  color: var(--accent);
}

.cmig__item--info  .cmig__info {
  left: 15%;
  right: unset;
}

.cmig__heading-info{
  position: absolute;
  display:inline-flex;
  align-items:center;
  transform: translateX(-20px);
}

.cmig__info-body {
    font-family: var(--font-family-avantt-med) !important;
    font-size: var(--font-body-small);
    width: max-content;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
}

body[id*="energy"] .cmig__heading-info {
  --accent: var(--color-red);
}

.product-benefits__text .cmig__item--info .cmig__info {
  left: unset;
  right: 0;
}