/** Shopify CDN: Minification failed

Line 2479:0 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: lowercase;
}

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

.footer__block .social-link:hover,
.menu__item:hover .navtext,
.newsletter__submit:hover,
a.navlink-active .navtext,
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;
}

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

:root {
  --gutter-custom: 1rem;
  --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;
  --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;
  --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;
}

@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;
}

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;
}

.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,
.header__mobile,
.header_hover__bg {
  border-radius: var(--radius-pill);
}

.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: uppercase;
}

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

.btn--solid.btn--primary {
  --btn-bg-hover: var(--color-red-deep);
  --btn-border-hover: var(--color-red-deep);
}

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

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

.header__desktop__bar__c {
  background: rgba(255, 255, 255, .3);
  backdrop-filter: blur(10px);
}

.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 {
  color: var(--color-white);
}

.header__mobile {
  background: rgba(255, 255, 255, .3);
  backdrop-filter: blur(10px);
  margin-inline: 1rem;
  padding: .75rem 1rem;
  align-items: center;
}

#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;
}

.drawer--header .drawer__close {
  left: 0;
  width: 35px;
  height: 100%;
}

.drawer__logo {
  height: 100%;
  display: flex;
}

.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;
}

.sliderow__title {
  border-bottom: var(--border-dash);
  font-family: var(--font-family-editorial);
  font-size: 2.5rem;
  margin-top: 2rem;
  margin-inline: var(--inner);
}

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

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__block--social .socials,
.footer__blocks {
  justify-content: flex-end;
}

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

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

.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);
}

.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);
}

#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: 100%;
  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.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__info {
  position: relative;
  border: var(--border-dash);
  border-radius: var(--radius-pill);
  padding-block: 0.75rem;
  margin-top: 1rem;
}

.product-item__info_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #860019;
  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,
.product-item__info_overlay p {
  color: var(--color-white);
}

.product-item__bg {
  background: var(--bg-item);
  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 {
  font-size: .6rem;
}
.uw-mega__grid .grid {
  gap: 5px;
}
.custom-badge:nth-child(2) {
  height: calc(var(--badge) * 2);
}
.index-products .custom-badge:nth-child(2) {
  display: none;
}

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

.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;
}

.index-hero .hero__content__wrapper {
  padding-top: 0 !important;
}

.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 {
  border-top: none;
}

.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;
}

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

.accordion__num {
  font-family: var(--font-family-avantt-bold);
  margin-right: .5rem;
}

.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: uppercase;
  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-marquee-slide-wrapper.icon-added::before {
  content: "";
  background: url("/cdn/shop/files/Frame_6.png?v=1735321985") center / contain no-repeat;
  height: var(--ig-icon);
  width: var(--ig-icon);
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  transform: translate(-1rem, -2rem) rotate(-10deg);
}

.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 .header__mobile__hamburger,
#about-us .navtext {
  --link: var(--color-white);
}

#about-us .rounded-left .brick__block__image {
  border-radius: var(--radius-rounded-left);
}

#about-us .rounded-right .brick__block__image {
  border-radius: var(--radius-rounded-right);
  margin-right: var(--gutter-custom);
}

#about-us .logo__img:before {
  content: "";
  background: url("/cdn/shop/files/Logo_White.svg?v=1734663633") center / contain no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
}

#about-us .logo__img img {
  opacity: 0;
}

#about-us .header_hover__bg {
  background: var(--color-white);
}

#about-us .slider-nav .menu__item:hover .navtext {
  color: var(--color-red);
}

#about-us.header-over-footer .header__mobile__hamburger,
#about-us.header-over-footer .navtext {
  --link: var(--color-red);
}

#about-us.header-over-footer .icon-custom-plus path {
  fill: var(--color-red);
}

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: 7rem;
}

.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;
}

.accordion__title.subheading {
  text-transform: 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 */
.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;
}

@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: 40%; }
  .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);
}

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

.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;
}

.ps-widget.ps-enabled:hover,
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: 100%; justify-content: center; } /*width before 30% */
}

@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;}
}

.collection-the-unwell-hydration-shop,
.collection-the-unwell-hydration-shop-1, .collection-the-unwell-hydration-shop-2, .collection-all, .collection-protein, .collection-focus  {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    "hero"
    "nav"
    "grid";
  padding-inline: var(--gutter-custom);
  column-gap: var(--gutter-custom);
}

.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);
}

.collection-hero-content {
  background: var(--color-red);
  color: var(--color-white);
  border-radius: var(--radius-rounded);
  padding: 1.5rem 2rem 2.5rem;
}

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

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

.collection-hero-content span {
  font-size: var(--font-body-medium);
  font-style: italic;
}

.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) {
  .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 { border-bottom: var(--border-solid-white); 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: 1000px) {
  .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); }
}

.ps-widget.ps-enabled {
  text-transform: lowercase;
  font-family: var(--font-family-avantt-med) !important;
  font-size: var(--BTN-FONT-SIZE) !important;
  margin: auto !important;
  float: none !important;
  width: fit-content;
  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;
  border: none !important;
}

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

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

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

.gigya-screen * {
  color: var(--color-red) !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: var(--color-white) !important;
  background: var(--color-red) !important;
}

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

input.gigya-input-text {
  border: var(--border-dash) !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-bold) !important;
  -webkit-text-fill-color: var(--text) !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;
}

@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; }
  .section-sidebar__body { margin-top: 7rem; }
  .swiper.swiper-product-gallery { position: sticky; top: calc(var(--header-height) + var(--PT)); aspect-ratio: 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-focus { grid-template-columns: 0.5fr 1fr; grid-template-areas: "hero nav" "hero  grid"; }
  .collection-hero-content { position: sticky; top: calc(var(--header-height) + var(--PT)); margin-bottom: var(--gutter); }
  h1.collection-hero-heading { margin-block: 0 6rem; }
  .collection-hero-content p { border-bottom: var(--border-solid-white); 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; }
}

.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: 100vh;          
  margin-bottom: -100vh;  
  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) {
  background: transparent !important;
}



/* megamenu */
  /* Blur underlay, anchored below the header */
.uw-mega-underlay{
  position: fixed; left: 0; right: 0; top: 0 !important; height: 100% !important;
  background: rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0; pointer-events: none;
  transition: opacity .18s ease;
  z-index: 20; 
}
.uw-mega-underlay.is-visible{ opacity:1; pointer-events:auto; }

/* The megamenu panel — JS positions/widths it to match the center bar */
.uw-mega{
  position: fixed;
  top: 0; left: 0; width: auto;  /* JS overrides */
  transform: translateY(8px);
  opacity: 0; pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 9990;
  background: var(--bg, #fff);
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,.15);
}
.uw-mega[aria-expanded="true"]{ opacity:1; pointer-events:auto; transform: translateY(0); }

.uw-mega__inner{display:grid;grid-template-columns:.4fr 1fr;}
.uw-mega__left{padding:24px}
.uw-mega__label{text-transform:lowercase;margin:0 0 12px}
.uw-mega__chips{display:flex;flex-wrap:wrap;gap:5px}
.uw-mega__chip{border:2px dashed #CC0000;background:transparent;border-radius:999px;padding:10px 16px;font:inherit;cursor:pointer}
.uw-mega__chip[aria-selected="true"], .uw-mega__chip:hover{background:#CC0000;color:#fff;border-style:solid}
.uw-mega__shopall{display:inline-block;margin-top:16px}
.uw-mega__links{display:flex;flex-direction:column;gap:10px;margin-top:95%}
.uw-mega__right{padding:24px 24px 28px}
.uw-mega__grid{display:grid;gap:18px}
.uw-card{display:block;border:2px dotted #CC0000;border-radius:20px;overflow:hidden;text-decoration:none}
.uw-card__img{position:relative}
.uw-card__badge{position:absolute;top:10px;left:10px;background:#CC0000;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}
.uw-card__meta{padding:10px 12px;text-align:center}
.uw-card__title{font-size:12px;letter-spacing:.02em;text-transform:uppercase}
.uw-mega__links a:first-of-type {
border-top: 2px solid var(--color-red);
padding-top: .5rem;
}
body.uw-mega-open{ overflow:hidden; }


/* 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-left:1rem; margin-right:1rem; }
  .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-inner{ position:relative; min-height: 520px; }
    .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:16px 0px 0px 16px; overflow:hidden; }
    .image-tabs__img-wrap img, .image-tabs__img-wrap svg{ width:fit-content; height:100%; object-fit:contain; display:block; }
    .image-tabs__img-wrap.is-active{ opacity:1; visibility:visible; }
    .image-tabs__media{ }

    .image-tabs__header{ margin-bottom:16px; }
    .image-tabs__subheading{ font-size:14px; letter-spacing:.06em; text-transform:uppercase; opacity:.8; margin:0 0 8px; }
    .image-tabs__heading{ font-size: clamp(24px, 3vw, 40px); line-height:1.1; margin:0; }

    .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:1px solid currentColor; border-radius:999px; background:transparent; cursor:pointer; font: inherit; }
    .image-tabs__tab.is-active{ background: currentColor; color: var(--bg, #fff); }
    
    .image-tabs__panel{ display:none; }
    .image-tabs__panel.is-active{ display:block; }

    .image-tabs__panel-heading{font-family: var(--font-family-avantt-bold);  font-size: calc(var(--font-body-medium) * 1.25); margin:.15em 0 .5em; text-transform: uppercase;   border-bottom: var(--border-solid); padding-bottom: 1rem;}
    .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:10px; }
    .image-tabs__bullets li{ display:flex; gap:10px; align-items:center; font-size: var(--font-body-large) }
    .image-tabs__bullet-icon svg{ width: auto; height: 1.5rem; }
    .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-color:  #860019;
      color: var(--bg, #fff);
}

      .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__bullet-text {
        font-size:  var(--FONT-HEADING-MEDIUM-MOBILE);
      }
      .image-tabs__bullet-icon {
      height: 1.5rem;
      }

/* === 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: 18px;
      }
}

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

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


  /* --------------------------------------------------------------------------
   Sticky Text & Image
   -------------------------------------------------------------------------- */
@media screen and (min-width: 750px) {
  .section-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    align-items: center;
  }

  .feature-image {
    position: sticky;
    top: 6rem;
    align-self: start;
    z-index: 1;
    height: 100vh;
    display: flex;
    align-items: center;
    margin-left: 1rem;
  }

  .feature-image .feature-image__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .feature-image img, .feature-image__inner .image__hero__frame {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: var(--radius-rounded) 0 0 var(--radius-rounded);
  }

  .section-text h1 {
    padding: 0 4rem;
    text-align: center;
  }

  .page-description {
    grid-column-start: 2;
    padding: 0 4rem;
  }

  .background-image.medium-hide.large-hide {
    display: none !important;
  }

  /* scroll styles */
  .section-text {
    position: relative;
    transform: none;
    top: auto;
    margin: 0 auto;
  }

  .section-scroll-wrapper {
    position: relative;
    height: 100vh; 
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-description {
           padding-bottom: 50%;
        margin-top: 40%;
  }
  .feature-image--mobile {
    display: none;
  }
}

/* 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;
  }
  }
}