/** Shopify CDN: Minification failed

Line 2551:0 Unexpected "}"
Line 2691: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,
.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;
}
/* 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: 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;
  --color-blue:#A0C5DF;
  --color-new-black: #1E1E1E;
  --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;
}

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

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

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

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

p.product-item__title__new {
  font-family: var(--font-family-editorial);
  color: var(--text);
  text-transform: capitalize;
  margin-bottom: 0 !important;
  font-size: var(--font-body-large);
  margin-top: 0 !important;
}
.product-item__collection {
  font-family: var(--font-family-avantt-bold);
  color: var(--text);
  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: 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);
  border: 3px solid var(--text);
}

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

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

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

.collection-the-unwell-hydration-shop,
.collection-the-unwell-hydration-shop-1, .collection-the-unwell-hydration-shop-2, .collection-all, .collection-energy, .collection-protein, .collection-focus,  .collection-powdered  {
  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-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; }
  .section-sidebar__body { margin-top: 7rem; }
  .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"; }
  .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: 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) {
  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:70%}
.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;
      }
}
/* === 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%;
}


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

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


body:not(.template-index):not(.template-product)
  .shopify-section-group-group-pre-footer .color-scheme-10 {
  background: #fff !important;
}

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

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

body:not(.template-index):not(.template-product)
.pre-footer-logo {
  background: #fff !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, #F6F8EF 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);
}
.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;
}
 /* --------------------------------------------------------------------------
    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;
   }
   
   
  body:not(#faqs) .subheading {
    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;      
  }

  body:not(#faqs) .subheading::before {
    content: "";
    width: 13px;
    height: 13px;
    margin-right: 10px;
    display: inline-block;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'><circle cx='6.5' cy='6.5' r='6.5' fill='%231E1E1E'/></svg>") no-repeat center / contain;
  }
  .rtp .subheading {
         color: #F6F8EF;
         margin-bottom: 0 !important;
    }

  .rtp .subheading::before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'><circle cx='6.5' cy='6.5' r='6.5' fill='%23F6F8EF'/></svg>") no-repeat center / contain !important;
  }

    .rtp .supreme-heading {
      color: var(--accent);
    }
  .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, 13vw, 12rem); 
  letter-spacing: -10.512px;
  line-height: 0.9;
  text-align: left;
}

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

@media (min-width: 1512px) {
  .prefooter-text p {
    font-size: 12.5vw;
  }
}

@media (min-width: 2000px) {
  .prefooter-text p {
    font-size: 12.4vw;
  }
}

@media (min-width: 2415px) {
  .prefooter-text p {
    font-size: 12.2vw;
  }
}



.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 {
    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;
  row-gap: 0.4rem;
  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: 100px;      
}

.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: #F6F8EF;
   margin: 0;
}

.slideshow .product-info-slideshow__text {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  line-height: 1.4;
  color: #F6F8EF;
  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 #F6F8EF;
}
.slideshow__slider .flickity-page-dot::before {
  counter-increment: slide;
  content: counter(slide);
  display: block;
  font-size: 20px;
  color: #F6F8EF;
  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(--color-blue);
  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(--color-blue);
}

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

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

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

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

/* --------------------------------------------------------------------------
   <= 989px (tablet & down)
   -------------------------------------------------------------------------- */
@media screen and (max-width: 989px) {
  .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;
}
.template-index .footer-sections {
  background: var(--color-blue) !important;
}

body:not(.template-index):not(.template-product) .footer-sections {
  background: var(--color-white) !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);
  }
}