/** Shopify CDN: Minification failed

Line 1487:0 Unexpected "}"

**/
/* custom.css */
:root {
  /* Primary Colors */
  --color-athletic-navy: #003A5D;
  --color-athletic-navy-rgb: 0, 58, 93;
  --color-run-wild-blue: #41C3D6;
  --color-background-blue: #F7FBFC;
  --color-background-blue-rgb: 247, 251, 252;
  --color-athletic-cloud: #F7F6F4;

  /* Shades */
  --color-grey-1: #414042;
  --color-grey-2: #8D9091;
  --color-grey-3: #CCCCCC;
  --color-grey-4: #EFEFEF;
  --color-grey-5: #FAFAFA;

  /* Secondary Colors */
  --color-run-wild-yellow: #EBD923;
  --color-run-wild-yellow-rgb: 235, 217, 35;
  --color-upside-dawn-yellow: #FFC629;
  --color-upside-dawn-orange: #EE7623;
  --color-downwinder-teal: #00AFAA;
  --color-downwinder-teal-rgb: 0, 175, 170;
  --color-free-wave-salmon: #EA6852;
  --color-free-wave-orange: #FEAA61;

  --color-all-out-navy: #005677;
  --color-all-out-light-blue: #A2D9E7;
  --color-all-out-peach: #FFB06B;

  --color-club-blue: #06324C;
  --color-club-tan: #FBF3E8;
  --color-club-light-blue: #A8DCDA;
  --color-club-orange: #E26450;

  --color-athletic-lite-gold: #D0B368;
  --color-cerveza-gold: #EBA900;
  --color-cerveza-canvas: #F2DAB2;

  /* Common Colors */
  --color-white: #FFFFFF;
  --color-white-rgb: 255, 255, 255;
  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;

  /* Additional Colors */
  --color-dark-blue: #003366;


  --color-button: 235, 217, 35;
  --color-button-text: 0, 58, 93;
  --color-secondary-button: 0, 58, 93;
  --color-secondary-button-text: 255, 255, 255;
}



body {
  color: var(--color-athletic-navy);
}

/*-----------------------------------*/
/* Typography Styles */
/*-----------------------------------*/

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-transform: uppercase;
  letter-spacing: initial;
  line-height: 1;
  margin: 0;
}

/* Heading Sizes */

.hxxxl {
  font-size: calc(var(--font-heading-scale) * 5.4rem);
}

.hxxl {
  font-size: calc(var(--font-heading-scale) * 4.8rem);
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 4.4rem);
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 4.2rem);
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 3.8rem);
}

h4,
.h4 {
  font-size: calc(var(--font-heading-scale) * 3.6rem);
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 3.4rem);
}

h6,
.h6 {
  font-size: calc(var(--font-heading-scale) * 3rem);
  color: rgba(var(--color-foreground), 1);
}

@media only screen and (min-width: 750px) {
  .hxxxl {
    font-size: calc(var(--font-heading-scale) * 11.2rem);
  }

  .hxxl {
    font-size: calc(var(--font-heading-scale) * 9.6rem);
  }

  .hxl {
    font-size: calc(var(--font-heading-scale) * 7.2rem);
  }

  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 6.6rem);
  }

  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 6rem);
  }

  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 5.4rem);
  }

  h4,
  .h4 {
    font-size: calc(var(--font-heading-scale) * 4.8rem);
  }

  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 3.9rem);
  }
}

/* Paragraphs */
p,
.p10,
.p12,
.p14,
.p16,
.p18,
.p20,
.p22 {
  font-family: var(--font-body-family);
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: normal;
  letter-spacing: initial;
}

.p10 {
  font-size: 1rem;
}

.p12 {
  font-size: 1.2rem;
}

.p14 {
  font-size: 1.4rem;
}

.p16 {
  font-size: 1.6rem;
}

.p18 {
  font-size: 1.8rem;
}

.p20 {
  font-size: 2rem;
}

.p22 {
  font-size: 2.2rem;
}

p {
  margin: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;

  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  clip-path: none;
  overflow: visible;
  white-space: normal;
}



.button {
  border-radius: 10000px;
  text-transform: uppercase;
  padding: 1.4rem 6rem;
  font-family: var(--font-heading-family);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .2rem;
}


.button:hover {
  background-color: #DC2;
}

.button.button--primary.solid {
  background-color: var(--button-color, #ebd923);
  color: var(--button-text-color, #003a5d);
}

.button--primary.solid:hover {
  background-color: var(--button-color, #635b09);
}

.button.button--secondary.solid {
  background-color: var(--button-secondary-color, #003a5d);
  color: var(--button-secondary-text-color, #ffffff);
}

.button--secondary.solid:hover {
  background-color: var(--button-secondary-color, #001725);
}

.button.button--secondary:hover {
  /*background-color: #0B3046;*/
}



.button.outline {
  background-color: transparent;
  color: var(--color-athletic-navy);
  box-shadow: 0 0 0 1px var(--color-athletic-navy);
}

.button.outline:hover {
  background-color: var(--color-athletic-navy);
  color: var(--color-white);
}

.button.outline-white {
  background-color: transparent;
  color: var(--color-white);
  box-shadow: 0 0 0 1px var(--color-white);
}

.button.button--secondary.outline-white:hover,
.button.outline-white:hover {
  color: var(--button-secondary-text-color);
  background-color: var(--color-white);
}

.button.button--primary.outline {
  box-shadow: 0 0 0 1px var(--button-border-color, --color-athletic-navy);
  color: var(--button-text-color, #fff);
}

.button.button--primary.outline:hover {
  background-color: var(--button-border-color, --color-athletic-navy);
  color: #fff;
}

.button.button--secondary.outline {
  box-shadow: 0 0 0 1px var(--button-secondary-border-color, --color-athletic-navy);
  color: var(--button-secondary-text-color, #fff);
}

.button.button--secondary.outline:hover {
  background-color: var(--button-secondary-border-color, --color-athletic-navy);
  color: #fff;
}

.rte a:hover,
.rte a {
  color: inherit;
}

.link {
  color: var(--color-all-out-navy);
  font-family: var(--font-heading-family);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.link .icon.icon-caret {
  width: 2.5rem;
  height: 2.5rem;
}

/*
.button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
min-height: 4.8rem;
padding: 1.2rem 3.2rem;
margin: 0;
overflow: hidden;
font-family: var(--font-heading-family);
font-style: normal;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
border: none;
border: 1px solid transparent;
border-radius: var(--buttons-radius);
cursor: pointer;
font-size: calc(1.4rem * 1.3);
line-height: 1.5;
font-weight: 900;
}
*/
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.btn[disabled]:active {
  pointer-events: none;
}

.w-100 {
  width: 100%;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.space-between {
  justify-content: space-between;
}

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

.page-width-full {
  width: 100%;
  max-width: 3000px;
  margin: 0 auto;
  /*padding: 0 2rem;*/
}

.page-width-wide {
  width: 100%;
  max-width: 3000px;
  margin: 0 auto;
  padding: 0 2rem;
}

.page-width {
  padding: 0 2rem;
}

.page-width-product {
  max-width: 1000px;
}

@media only screen and (min-width: 990px) {
  .page-width-product {
    padding: 0;
  }
}

.page-width-medium {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 2rem;
}

.page-width-narrow {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 2rem;
}

.page-width-extra-narrow {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 2rem;
}

.page-width .page-width-inner,
.page-width-medium .page-width-inner,
.page-width-narrow .page-width-inner,
.page-width-extra-narrow .page-width-inner,
.page-width-wide .page-width-inner {
  border-radius: 16px;
}

/*-----------------------------------*/
/* Color and Text Styles */
/*-----------------------------------*/

.bgcolor-secondary-downwinder-teal {
  color: var(--color-downwinder-teal);
}

.text-white {
  color: var(--color-white);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: none;
}


/* Base Styles for the Link */
.footer-block .link,
.underline_text {
  position: relative;
  cursor: pointer;
}

/* Styles for the Underline */
.underline_text::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 0;
  background-color: #000;
  transition: width 0.3s ease;
}

/* Hover Effect */
.underline_text:hover::after {
  width: 100%;
}


/*-----------------------------------*/
/* Header Styles */
/*-----------------------------------*/

/* Header Menu Items */
.header-wrapper .header__menu-item,
.header_location_link,
.header-top__right a,
.tftt_header_btn {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.256rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: var(--color-athletic-navy);
}

.header_location_link,
.tftt_header_btn {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-family: var(--font-body-family);
}

.tftt_header_btn {
  text-transform: none;
  letter-spacing: normal;
}

.header_location_link {
  gap: 7px;
  margin-right: 12px;
  flex-shrink: 0;
}

.tftt_header_btn {
  margin-right: 18px;
}

.header_location_link .icon,
.header__icon .icon,
.tftt_header_btn .icon.icon-tftt-simple {
  width: 2.4rem;
  height: 2.4rem;
}

.tftt_header_btn .icon.icon-tftt-simple {
  margin-right: 8px;
}

.tftt_header_btn .icon.icon-caret {
  width: 1.2rem;
  margin-left: 5px;
  transform: rotate(-90deg);
}

/* Announcement Bar */
.announcement-bar__message {
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.6rem;
}

.announcement-bar__message span {
  display: flex;
  align-items: center;
  gap: 6px;
}

.announcement-bar__message span img {
  max-width: 24px;
  height: auto;
}

/* Header Top Right */
.header-top__right {
  grid-area: language-currency;
  align-self: center;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header-top__help {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-top__help img {
  max-width: 24px;
  width: 100%;
  height: auto;
}

.header-top__help a {
  font-weight: 700;
  color: var(--color-athletic-navy);
  text-transform: none;
  text-decoration: none;
}

/*-----------------------------------*/
/* Slider Component Styles */
/*-----------------------------------*/

.slider-component-abc .slideshow__autoplay.slider-button {
  padding: 0;
}

.slider-component-abc .slideshow_nav_btn_wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.multicolumn_slider.slider-component-abc .slideshow_nav_btn_wrapper {
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 9;
  padding: 0 15px;
  /* Only the two circular buttons should be clickable — without this, the
     full-width strip between them blocks clicks/hover on the card underneath. */
  pointer-events: none;
}

.slider-component-abc .slider-button {
  display: flex;
  width: 56px;
  height: 56px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  background: rgba(var(--color-white-rgb), 0.7);
  box-shadow: 0px 4px 16px rgba(var(--color-black-rgb), 0.08);
  transition: background 0.3s;
  pointer-events: auto;
}

.slider-component-abc .slider-button:hover {
  background: rgba(var(--color-white-rgb), 1);
}

.slider-component-abc .slider-counter__link .dot {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  border-radius: 50px;
  border: 3px solid rgba(var(--color-black-rgb), 0.3);
  background: transparent;
  box-shadow: inset 0 0 0 6px var(--color-white);
}

.slider-component-abc .slider-counter__link--active.slider-counter__link--dots .dot {
  width: 24px;
  height: 24px;
  background-color: var(--color-white);
  border: none;
  box-shadow:
    inset 0 0 0 3px rgba(var(--color-black-rgb), 0.3),
    inset 0 0 0 6px var(--color-white),
    inset 0 0 0 9px rgba(var(--color-black-rgb), 0.3),
    inset 0 0 0 12px var(--color-white);
}

.slider-component-abc .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgba(var(--color-black-rgb), 1);
}

.slider-button:disabled {
  visibility: hidden;
}

@media only screen and (min-width: 750px) {
  .slider-component-abc .slideshow__controls {
    bottom: 82px;
    border: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: end;
    padding: 0 24px;
  }

  .slider-component-abc .slider-counter--dots {
    grid-column-start: 2;
  }
}

/*-----------------------------------*/
/* Cart Drawer Styles */
/*-----------------------------------*/

.drawer {
  padding: 0;
  visibility: hidden;
}

.drawer .drawer__inner {
  border-radius: 0;
  padding: 0;
  /*max-width: 100%;*/
  max-width: 100vw;
  width: 100%;
}

@media (min-width: 768px) {
  .drawer .drawer__inner {
    border-radius: 16px;
    width: 48rem;
    max-width: calc(100vw - 3rem);
  }

  .drawer {
    padding: 20px;
  }
}


.drawer_close {

  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.875rem;
  gap: 6px;
  cursor: pointer;
}

.drawer_close_new {
  background-color: none;
  border: none;
  background-color: #fff;
}

.subscription_builder_close {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  border: none;
  background: none;

}

.subscription_builder_close .svg-wrapper {
  width: 13px;
  height: 13px;
  display: flex;
}

/*

*/
.drawer_close .svg-wrapper {
  width: 14px;
  height: auto;
  display: flex;
  color: var(--color-run-wild-blue);
}

.drawer .inner-padding,
.drawer .search-padding,
.drawer .cart-padding {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

cart-drawer.drawer .cart_product_count {
  color: var(--color-athletic-navy);
}

cart-drawer.drawer {
  /*z-index: 90001;*/
  /* added so it is above the klaviyo popups */
}

.drawer__inner-empty {
  width: 100%;
  overflow: scroll;
}

cart-drawer .drawer__inner-empty_heading {
  text-align: center;
}

cart-drawer .drawer__inner-empty_heading h4 {
  color: var(--color-athletic-navy);
}

cart-drawer .drawer__inner-empty_heading p {
  color: var(--color-grey-1);
  margin-top: 4px;
}

.drawer__inner-empty_cta {
  --tw-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.02);
  --tw-shadow-colored: 0px 2px 10px 5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  padding: 0 16px;
  margin-top: 8px;
  text-decoration: none;
}

.drawer__inner-empty_cta h4 {
  font-size: 2.4rem;
  letter-spacing: 1px;
  line-height: 1;
  font-family: var(--font-body-family);
  color: var(--color-athletic-navy);
  text-transform: uppercase;
}

.drawer__inner-empty_cta img {
  height: auto;
  max-width: 100%;
}

.drawer__inner-empty_cta_shop_all {
  display: flex;
  flex-direction: row;
  margin-top: 32px;
  justify-content: center;
}

.drawer__inner-empty_cta_shop_all a {
  color: var(--color-run-wild-blue);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.8rem;
  justify-content: center;
  text-transform: uppercase;
  text-decoration: none;
}

/*
@media (min-width: 768px) {
.cart-drawer .drawer_header  {
padding: 2.5rem 0 2.5rem 2.4rem;
}
}
*/

.drawer__cart-items-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cart-drawer .cart-item {
  display: block;
  padding: 0;
  overflow: hidden;
  transition: max-height 0.25s linear;
}

.cart-item__grid {
  position: relative;
  display: flex;
  align-items: flex-start;
  column-gap: 1.6rem;
}

.cart-item__pay-info {
  width: 100%;
}

.cart-item-lower-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-drawer .drawer__header {
  padding-bottom: 0;
}

.cart-drawer .discounts__discount {
  justify-content: flex-end;
}

.cart-drawer .cart-item__details {
  width: auto;
}

.cart-item-bundle-products,
.cart-item-subscription-products {
  display: flex;
  flex-direction: row;
  gap: 2px;
  flex-wrap: wrap;
}

.cart-item-bundle-products img,
.cart-item-subscription-products img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-item-subscriptions-action-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.cart-item__link {
  position: relative;
  flex-shrink: 0;
  width: 10.8rem;
}

.cart-item__image-wrapper {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-item__link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-item__remove-button {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.cart-item__grid .icon.icon-remove-abc {
  width: 2.4rem;
  height: 2.4rem;
  opacity: 0.35;
  transition: opacity 0.3s;
}

.cart-item__grid .icon.icon-remove-abc:hover {
  opacity: 1;
}

.cart-item__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.2rem;
  padding-right: 2.4rem;
  row-gap: 0.4rem;
}

.cart-item__option {
  display: flex;
  flex-wrap: wrap;
  color: rgba(var(--color-athletic-navy-rgb), 0.8);
  font-size: 1.4rem;
  line-height: 1.5;
}

.cart-item__name {
  color: var(--color-athletic-navy);
  font-weight: 900;
  font-size: 1.6rem;
  font-family: var(--font-body-family);
  text-transform: uppercase;
  line-height: 1.5;
  text-decoration: none;
}

.cart-item__price-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
}

.cart-item__price-wrapper .price {
  font-size: 1.4rem;
}

.cart-drawer .cart-item .cart-item__quantity {
  padding-left: 0;
}

cart-drawer .quantity {
  display: flex;
  align-items: center;
}

cart-drawer .quantity:after {
  border: none;
  box-shadow: none;
}

.cart-drawer .quantity__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.4rem;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  appearance: none;
  color: var(--color-athletic-navy);
  background-color: transparent;
}

cart-drawer quantity-popover .quantity__button:not(:focus-visible):not(.focused) {
  background-color: var(--color-background-blue);
}


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

}

.cart-remove-button,
.cart-item cart-remove-button .button {
  min-width: auto;
  min-height: auto;
  color: var(--color-athletic-navy);
  opacity: 1;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.cart-remove-button:hover,
.cart-item cart-remove-button .button:hover {
  background-color: transparent;
}

.cart-item.cart-item--subscription .cart-item__grid {
  width: 100%;
}

.cart-item.cart-item--subscription .cart-item__grid .cart-item__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.cart-item__frequency_details {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
}

.cart-item__frequency_details p {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.4rem;
  margin: 0;
  line-height: 1;

}

.cart-item__frequency_details .svg-wrapper {
  width: 1.4rem;
  color: var(--color-run-wild-blue);
}

.cart-item__frequency_details button {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 768px) {



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

  .cart-item cart-remove-button {
    width: auto !important;
    height: auto !important;
    margin: 0;
  }
}

.drawer__footer summary .summary__title {
  font-size: 1.4rem;
  font-weight: 900;
  font-family: var(--font-body-family);
  color: var(--color-athletic-navy);
}

.cart__note:after,
.cart__note:hover.cart__note:after,
.cart__note:before,
.cart__note:hover.cart__note:before,
.cart__note .field__input:focus,
.cart__note .field__input {
  border-radius: 16px;
}

.totals>h2 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

.totals__total-value {
  color: var(--color-athletic-navy);
  font-family: var(--font-heading-family);
  letter-spacing: 2px;
}

.cart__checkout-button {
  color: var(--color-athletic-navy);
  background: var(--color-run-wild-yellow);
  text-transform: uppercase;
  border: 1px solid transparent;
  font-family: var(--font-heading-family);
  font-weight: 700;
  border-radius: 9999999px !important;
  width: 100%;
  padding: 1.3rem;
}

cart-drawer .cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices {
  flex-direction: row;
}

.progress-bar-container {
  margin: 5px 0 10px 0;
  text-align: center;
}

.progress-bar {
  width: 100%;
  height: 12px;
  background-color: #f1f7f8;
  /*border-radius: 1000px !important;*/
  overflow: hidden;
}

div.progress-bar-fill {
  height: 100%;
  width: 0;
  background-color: var(--color-run-wild-blue);
  transition: width 0.4s ease;
  display: block;
}

.progress-text {
  margin-top: 5px;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--color-athletic-navy);
  font-weight: 900;
  font-style: normal;
  letter-spacing: 2px;
  font-family: var(--font-body-family);
  text-transform: uppercase;
  word-spacing: 0rem;
  font-size: 1.4rem;
}

.price__club_member {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.price__club_member .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.3rem;
}

.price__club_member .icon.icon-club-badge {
  width: 2rem;
  height: 2rem;
  margin: 0 .3rem 0 0;
}

.club_discount_eligible_product.price .price__badge-sale {
  display: inline-block;
}

.card-information .badge.price__badge-sale.price__badge-discount-amount {
  background: var(--color-run-wild-blue);
}

.club_discount_eligible_product .price__sale {
  display: flex;
}

.card-information .price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/*-----------------------------------*/
/* cart drawer club membership upsell */
/*-----------------------------------*/

.club-banner-wrapper {
  background-color: #EBD923;
  border-top: 1px solid #EBD923;
  border-bottom: 1px solid var(#EBD923);
  margin-bottom: 16px;
  border-radius: 16px;
}

.club-banner-wrapper.club-banner-wrapper-v3 {
  background-color: #EBD923;
  border-color: #EBD923;
  margin: 0 16px 16px 16px;
}

.club-banner-wrapper.club-banner-wrapper-v2 {
  background-color: var(--color-run-wild-blue);
  border-color: var(--color-run-wild-blue);
}

.club-banner-wrapper.club-banner-wrapper-v2 .club-banner {
  gap: 18px;
}

.club-banner {

  display: flex;
  flex-direction: row;
  gap: 2rem;
  padding: 0.75rem 0.5rem;
}

.club-banner-logo {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.club-banner-wrapper.club-banner-wrapper-v3 .club-banner-logo {
  width: 100%;
  max-width: 80px;
  height: 100%;
}

.club-banner-wrapper.club-banner-wrapper-v2 .club-banner-logo {
  width: 60px;
  height: 60px;
}

.club-banner-logo img {
  height: auto;
  max-width: 100%;
}

.club-banner-content {
  flex: 1;
}

.club-banner-glass-promo {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-athletic-navy);
  margin-top: 4px;

}

.club-banner-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.club-banner-title {
  font-family: var(--font-heading-family);
  color: var(--color-club-blue);
  font-size: 3rem;
  font-weight: bold;
  margin: 0;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.club-banner-wrapper.club-banner-wrapper-v2 .club-banner-title {
  font-size: 3.4rem;
  text-transform: uppercase;
}

.club-banner-subtitle {
  font-family: var(--font-body-family);
  color: var(--color-athletic-navy);
  font-size: 1.2rem;
  margin: 0;
  text-transform: initial;
  font-weight: normal;
}

.club-banner-features {
  margin-top: 0.5rem;
}

.club-banner-list {
  font-family: var(--font-body-family);
  font-size: 1.2rem;
  color: var(--color-grey-1);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px 8px;
  /* Column gap, Row gap */
  line-height: 1.25;
  list-style: none;
  padding: 0;
  margin: 0;
}

.club-banner-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;

}

.club-banner-icon {
  display: flex;
  width: 10px;
  height: 100%;
  align-items: center;
}

.club-banner-glass-image {
  display: inline-block;
  max-width: 9px;
  vertical-align: middle;
}

.club-banner-glass-image img {
  object-fit: fill;
  object-position: center;
  width: 100%;
  height: auto;
}

.club-banner-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.5rem;
  /* Equivalent to gap-6 */
  margin-top: 0.75rem;
  /* Equivalent to mt-3 */
  flex-wrap: wrap;
}

.club-banner-add-to-cart {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px
}

.club-banner-button {
  font-family: var(--font-body-family) !important;
  font-size: 1.4rem;
  font-weight: 800 !important;
  line-height: 1;
  color: var(--color-athletic-navy) !important;
  background-color: var(--color-run-wild-blue);
  border: 1px solid var(--color-run-wild-blue);
  border-radius: 9999px;
  padding: .8rem 2.4rem;
  cursor: pointer;
  text-transform: uppercase !important;
  box-shadow: 0px 2px 60px 15px rgba(0, 0, 0, 0.03);
}

.club-banner-wrapper.club-banner-wrapper-v2 .club-banner-button {
  background-color: var(--color-run-wild-yellow);
  border-color: var(--color-run-wild-yellow);
  color: var(--color-athletic-navy) !important;
  font-size: 1.2rem;
  box-shadow: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 10px 20px;
}



.club-banner-price {
  font-family: var(--font-body-family);
  color: var(--color-club-blue);
  font-size: 12px;
}

.club-banner-learn-more {
  font-family: var(--font-body-family);
  color: #fff;
  background-color: var(--color-athletic-navy);
  border: 1px solid var(--color-athletic-navy);
  font-size: 1.4rem;
  font-weight: 800 !important;
  line-height: 1;
  color: #fff !important;
  text-decoration: none;
  border-radius: 9999px;
  padding: .8rem 2.4rem;
  cursor: pointer;
  text-transform: uppercase !important;
  box-shadow: 0px 2px 60px 15px rgba(0, 0, 0, 0.03);
}

}

.club-banner-wrapper.club-banner-wrapper-v2 .club-banner-learn-more {
  font-size: 1.2rem;
  text-decoration: none;
  background-color: var(--color-athletic-navy);
  border-color: var(--color-athletic-navy);
  color: #fff;
  font-weight: 800 !important;
  line-height: 1;
}

.search-drawer .field:hover.field:after,
.search-drawer .field:after {
  box-shadow: none;
}

.search-drawer .field__input {
  border-bottom: 1px solid var(--color-athletic-navy);
  padding-left: 0;
}

.search-drawer .predictive-search {
  position: relative;
}

.search-drawer .predictive-search {
  border: none;
}

.search-drawer .predictive-search__results-groups-wrapper {
  flex-direction: column;
}

.search-drawer .predictive-search__heading {
  color: var(--color-athletic-navy);
  font-family: var(--font-heading-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  border: none;
  margin: 0;
  padding: 0;
}

.search-drawer .predictive-search__item {
  padding-left: 0;
  padding-right: 0;
}

.search-drawer .predictive-search__item-heading {
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  font-size: 1.6rem;
  font-style: normal;

}

.search-drawer .predictive-search__item-heading.h5 {
  text-transform: initial;
  letter-spacing: initial;
  line-height: initial;
  font-weight: 400;
}

.search-drawer .predictive-search__item-query-result *:not(mark) {
  font-weight: 400;
}

.search-drawer .predictive-search__item-heading.h5 mark {
  font-weight: 700;
  color: var(--color-athletic-navy);
}

.search-drawer .predictive-search-results-products-grid,
.predictive-search--search-template .predictive-search-results-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.slideshow.banner {
  border-radius: 16px;
}

.media>*:not(.zoom):not(.deferred-media__poster-button) {
  object-fit: contain;
}

/*
.image-banner {
position: relative;
width: 100%;
height: 500px; 
overflow: hidden;
}
.image-banner .banner__media {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
top: 0;
left: 0;
}
*/
.video-banner-content,
.image-banner-content {
  position: relative;
}

.banner__content {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
}

.text-section .banner__content {
  position: relative;
  inset: initial;
  z-index: initial;
}

.text_block {
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 749px) {
  .banner__content {
    justify-content: center;
  }

  .banner__content.banner__content-mobile-top {
    align-items: flex-start;
  }

  .banner__content.banner__content-mobile-center {
    align-items: center;
  }

  .banner__content.banner__content-mobile-bottom {
    align-items: flex-end;
  }

  .banner--content-align-mobile-right {
    justify-content: end;
  }

  .banner--content-align-mobile-left {
    justify-content: start;
  }

  .banner--content-align-mobile-center {
    justify-content: center;
  }

  .banner--content-align-mobile-right .banner__buttons {
    justify-content: end;
  }

  .banner--content-align-mobile-left .banner__buttons {
    justify-content: start;
  }

  .banner--content-align-mobile-center .banner__buttons {
    justify-content: center;
  }

}

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

  .text_block.text_block--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .text_block.text_block--top-center {
    align-items: flex-start;
    justify-content: center;
  }

  .text_block.text_block--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .text_block.text_block--middle-left {
    align-items: flex-start;
    justify-content: center;
  }

  .text_block.text_block--middle-center {
    align-items: center;
    justify-content: center;
  }

  .text_block.text_block--middle-right {
    align-items: flex-end;
    justify-content: center;
  }

  .text_block.text_block--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .text_block.text_block--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }

  .text_block.text_block--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }

  .banner__content.banner__content--top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .banner__content.banner__content--top-center {
    align-items: flex-start;
    justify-content: center;
  }

  .banner__content.banner__content--top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }

  .banner__content.banner__content--middle-left {
    align-items: center;
    justify-content: flex-start;
  }

  .banner__content.banner__content--middle-center {
    align-items: center;
    justify-content: center;
  }

  .text_block.banner__content--middle-right,
  .banner__content.banner__content--middle-right {
    align-items: center;
    justify-content: flex-end;
  }

  .banner__content.banner__content--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }

  .banner__content.banner__content--bottom-center {
    align-items: flex-end;
    justify-content: center;
  }

  .banner__content.banner__content--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
}


.text_block .banner__subheading,
.banner__content .banner__subheading {
  font-family: var(--font-body-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}


.text_block .banner__text p,
.banner__content .banner__text p {
  margin: 0;
}

.banner__content-container {
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 749px) {
  .banner--content-align-mobile-right .banner__content-container {
    text-align: right;
    align-items: flex-end;
  }

  .banner--content-align-mobile-left .banner__content-container {
    text-align: left;
    align-items: flex-start;
  }

  .banner--content-align-mobile-center .banner__content-container {
    text-align: center;
    align-items: center;
  }
}

@media only screen and (min-width: 750px) {
  .banner--content-align-right .banner__content-container {
    text-align: right;
    align-items: flex-end;
  }

  .banner--content-align-left .banner__content-container {
    text-align: left;
    align-items: flex-start;
  }

  .banner--content-align-center .banner__content-container {
    text-align: center;
    align-items: center;
  }


}

.banner__buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem;
  /* max-width: 45rem;*/
  word-break: break-word;
  margin-top: 20px;
}

.banner__content-container .banner__text,
.banner__content .banner__text {
  margin-top: 20px;
}

.banner__subheading {
  margin: 0;
}

.banner__heading {
  margin: 11px 0 0 0;
}

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


  .banner__heading {
    margin: 15px 0 0 0;
  }


  .banner__content .banner__text {
    margin-top: 16px;
  }

  .banner__buttons {
    margin-top: 32px;
  }
}

.block5050_content {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 16px;
}

@media only screen and (min-width: 750px) {
  .block5050_content {
    grid-template-columns: 1fr 1fr;
    gap: 3.2rem;
    align-items: center;
  }
}



.banner__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Base order for small screens */
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

/* For screens 750px and wider */
@media (min-width: 750px) {
  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }
}

.image_block-container {
  border-radius: 16px;
}





.collage-section-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: var(--abc-collage-space-between-cards);
  grid-auto-flow: dense;

}

/*
.collage-section-item {
grid-column: span var(--gsc-collage-grid-item-column-span);
grid-row: span var(--gsc-collage-grid-item-row-span);
aspect-ratio: calc(var(--abc-collage-grid-item-column-span) / var(--abc-collage-grid-item-row-span));
position: relative;
overflow: hidden;
}
*/

.collage-section-item {
  position: relative;
  background-color: #f0f0f0;
  grid-column: span var(--col-span, 1);
  grid-row: span var(--row-span, 1);
  background-color: var(--color-run-wild-blue);
  border-radius: 16px;
  overflow: hidden;
}

.collage_text_block img {
  width: 100%;
  height: auto;
  display: block;
}

.collage_placeholder {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.collage_text_block_contents {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}


.image_collage_block_wrapper {
  display: grid;
}

.grid_style_grid .image_collage_block_wrapper {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 16px;
}

/*

.grid_style_collage .image_collage_block_wrapper {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
*/

.image_collage_block_item {
  border-radius: 16px;
}

.accordion_section .accordion_section__content {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}


.accordion_section .accordion {
  border: none;
  border-radius: 16px;
  background-color: var(--color-background-blue);
}


.accordion_section .accordion summary {
  padding: 2rem 0;
}

.accordion_section .accordion__content {
  padding: 0 30px;
  color: var(--color-athletic-navy);
}

/*
.accordion_section .accordion__content a {
padding: 0 30px;
color: var(--color-athletic-navy);
}
*/

.accordion .summary__title+.icon-plus {
  height: calc(var(--font-heading-scale) * 0.6rem);
}

summary .accordion_summary_icon {
  position: absolute;
  right: 1.5rem;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

summary .icon-plus-abc {
  height: 2.4rem;
}

.accordion details[open]>summary .icon-plus-abc .vertical_stripe {
  display: none;
}

.accordion__title {
  font-style: normal;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.subnav_wrapper {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  text-align: center;
}

.subnav_wrapper::-webkit-scrollbar {
  display: none;
}

/* Subnav List */
.subnav {
  display: inline-flex;
  flex-direction: row;
  gap: 44px;
  list-style: none;
  padding: 10px 20px;
  user-select: none;
  -webkit-user-select: none;
}



.subnav.subnav_image {
  gap: 51px;
}

.subnav_wrapper {
  scroll-snap-type: x mandatory;
}

.subnav a {
  scroll-snap-align: start;
}


.subnav_text_link {
  font-family: var(--font-body-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--color-athletic-navy);
}

.subnav_image_link {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-decoration: none;
  align-items: center;
  gap: 12px;
  color: var(--color-athletic-navy);
  max-width: 81px;
  white-space: normal;
}


.subnav.subnav_image {
  gap: 26px;
}

.subnav_image_wrapper {
  width: 8.1rem;
  height: 8.1rem;
  border-radius: 1000px !important;
  overflow: hidden;
}

.subnav_wrapper.page_subnav .subnav_image_wrapper {
  width: 6.1rem;
  height: 6.1rem;
}

.subnav_wrapper.page_subnav {
  scroll-padding: 0 50%;
}

.page_subnav .subnav a {
  scroll-snap-align: center;
}

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

  .page-width-full .block5050_content .order-1.order-md-2 .image_block-container {
    border-radius: 16px 0 0 16px;
  }


  .subnav_image_link {
    max-width: 98px;
  }

  .subnav.subnav_image {
    gap: 51px;
  }

  .subnav_image_wrapper {
    width: 8.2rem;
    height: 8.2rem;
  }
}

.subnav_image_link .subnav_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.subnav_image_link span {
  font-family: var(--font-body-family);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}

.animate-arrow .icon-caret-abc path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-caret-abc path {
  transform: translateX(-0.05rem);
}

.multicolumn_slide_icon_wrapper {
  width: 6.4rem;
  height: 6.4rem;
}

.multicolumn_slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
}

.multicolumn_slide_content {
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  align-items: center;
}

.multicolumn_slide_image_wrapper .multicolumn_image {
  position: absolute;
  inset: 0;
}

.multicolumn_image {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.multicolumn_slide .animate-arrow .icon-wrap {
  display: flex;
  align-items: center;
  margin-left: 0;
}


@media screen and (min-width: 990px) {
  .page-width-product .product--large:not(.product--no-media) .product__media-wrapper {
    max-width: 54%;
    width: calc(54% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .page-width-product .product--large:not(.product--no-media) .product__info-wrapper {
    padding: 0 0 0 4rem;
    max-width: 46%;
    width: calc(46% - var(--grid-desktop-horizontal-spacing) / 2);
  }

}

.product__title {
  color: var(--color-athletic-navy);
  margin-bottom: 8px;
}

@media only screen and (min-width: 750px) {
  .product__title {
    margin-bottom: 15px;
  }
}

.product__title h1 {
  margin: 0;
  word-break: normal;
  overflow-wrap: normal;
  line-height: 1;
}

.product__title-beer_style {
  color: var(--color-athletic-navy);
  text-transform: uppercase;
  margin: 0;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}


.quantity:before {
  /*
  background: #fff !important;
  */
  --inputs-radius-outset: 10000000px;
}

.quantity:after {
  box-shadow: none;
}

.pricing_options_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pricing_option {
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  /* padding: 10px 16px;*/
  background-color: rgba(0, 58, 93, .06);
  transition: background-color 0.3s ease;
}

.pricing_option.pricing_option_club_membership {
  cursor: default;
}

.pricing_option.pricing_option_club_membership .pricing_option_club_membership_top {
  cursor: pointer;
}

.pricing_option_details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 16px 10px 16px;
}

.pdp_club_progress_bar_wrapper {
  background-color: rgb(251 243 232);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: none;
  width: 100%;
  height: 16px;
  overflow: hidden;
}

.pdp_club_progress_bar_wrapper .striped-bg {
  background-image: linear-gradient(45deg, #2391a1 25%, transparent 25%, transparent 50%, #2391a1 50%, #2391a1 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

@keyframes move-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 1rem 0;
  }
}

.animated-stripes {
  animation: move-stripes 1s linear infinite;
}

.pdp_club_progress_bar {
  border-top-left-radius: 6px;
  background-color: var(--color-run-wild-blue);
  height: 16px;
  transition: width 0.3s ease, border-radius 0.3s ease;
}

.onetime_pricing_details_club_success,
.subscribe_and_save_details,
.onetime_pricing_details {
  display: none;
  padding: 10px 16px;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding-top: 0;
}

.onetime_pricing_details .svg-wrapper {
  max-width: 40px;
  display: flex;
}

.onetime_pricing_details p span {
  font-weight: 700;
}

.svg-wrapper {
  width: 100%;
  height: auto;
}

.onetime_pricing_details .svg-wrapper svg {
  width: 100;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.subscribe_and_save_details_value_props {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: rgba(var(--color-athletic-navy-rgb), .1);
  width: 100%;
}

.subscribe_and_save_details_value_props .subscribe_and_save_details_heading {
  display: flex;
  flex-direction: row;
  gap: 6px;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin: 6px 0 10px 0;
}

.subscribe_and_save_details_value_props .subscribe_and_save_details_heading h5 {
  font-family: var(--font-body-family);
  color: var(--color-athletic-navy);
  font-size: 1.6rem;
  margin: 0;
  line-height: 1;
  text-transform: initial;

}

.subscribe_and_save_details_value_props .subscribe_and_save_details_heading p {
  color: var(--color-grey-1);
  font-size: 1.2rem;
  margin: 0;
  line-height: 1;
}

.subscribe_and_save_details_value_props .subscribe_and_save_details_heading a {
  color: var(--color-athletic-navy);
  text-decoration: underline;
  cursor: pointer;
  pointer-events: auto;
}

.subscribe_and_save_details_section {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: rgba(var(--color-athletic-navy-rgb), .1);
  margin-top: 12px;
  padding: 10px 8px 0 8px
}

.subscribe_and_save_details p {
  color: var(--color-grey-1);
  text-wrap: balance;
}

.sas_value_prop_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 6px 0 10px 0;
}

.subscribe_and_save_details .sas_value_prop_header h5 {
  font-family: var(--font-body-family);
  color: var(--color-athletic-navy);
  font-size: 1.6rem;
  margin: 0;
  line-height: 1;
  text-transform: initial;
}

.subscribe_and_save_details .sas_value_prop_header p {
  margin: 0;
  color: var(--color-grey-1);
  flex-shrink: 0;
  font-size: 1.2rem;
}

.subscribe_and_save_details .sas_value_prop_header a {
  color: var(--color-athletic-navy);
  text-decoration: underline;
  cursor: pointer;
}

.sas_value_prop_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  margin-bottom: 6px;
}

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

.sas_value_prop_grid>.sas_value_prop_grid_grid_item:not(:last-child) {
  border-right: 1px solid var(--color-grey-3);
}




.sas_value_prop_grid_grid_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.subscribe_and_save_details .sas_value_prop_grid_grid_item .title {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--color-run-wild-blue);
}

.subscribe_and_save_details .sas_value_prop_grid_grid_item .subtitle {
  margin: 0;
  font-size: 1.2rem;
  color: var(--color-grey-1);
}

.pricing_option_club_membership_top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
}

.pricing_option_club_membership_details {
  /*padding: 10px 16px;*/
  padding: 0 16px 10px 16px;
  display: flex;
  /*flex-direction: row;*/
  flex-direction: column-reverse;
  justify-content: space-between;
  /*
  margin-top: 16px;*/
  margin-top: 0;
}

.pricing_option_club_membership_details li span {
  flex-shrink: 0;
}

.pricing_option_club_membership_details li span.details {
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
}

.pricing_option_club_membership_details .svg-wrapper {
  max-width: 64px;
}

.pricing_option_club_membership_details ul {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.pricing_option_club_membership_details .icon.icon-checkmark {
  width: 1.436rem;
  height: 1.049rem;
  display: inline-block;
  display: flex;
  flex-shrink: 0;
}

/*font-din_2014 text-abc-grey-1 flex flex-row items-center gap-1 text-base*/
.pricing_option_club_membership_details ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-family: var(--font-body-family);
  color: var(--color-grey-1);
  font-size: 1.4rem;
  line-height: 1.2;
}

.pricing_option_club_membership_details--1099 {
  flex-direction: column;
}

.pricing_option_club_membership_details--1099 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  list-style: none;
  width: 100%;
}

.pricing_option_club_membership_details--1099 ul li {
  align-items: flex-start;
  color: var(--color-athletic-navy);
  font-size: 1rem;
  line-height: 1.2;
}

.pricing_option_club_membership_details--1099 li span {
  flex-shrink: 1;
  min-width: 0;
}

.pricing_option_club_membership_details a {
  color: var(--color-athletic-navy);
  text-decoration: underline;
  font-size: 1.4rem;
  cursor: pointer;
}

.pricing_option_club_membership_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

.pricing_option_club_membership_locked {
  background-color: var(--color-athletic-navy);
  width: 100%;
  padding: 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}

.pricing_option_club_membership_locked svg {
  max-width: 17px;
  width: 100%;
  height: auto;
}

.pricing_option_club_membership_locked h3 {
  color: var(--color-club-tan);
  flex-shrink: 0;
  font-size: 2.4rem;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0;
}

.pricing_option_club_membership_locked h3 span {
  font-size: 2rem;
}

.pricing_option_club_membership_locked p {
  font-size: 12px;
  color: var(--color-club-tan);
  margin: 0;
}

.pricing_option_club_membership_locked p a {
  color: inherit;
  text-decoration: underline;
}

.club_membership_extra_details {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: rgba(var(--color-athletic-navy-rgb), .1);
  padding: 10px 8px 0 8px;
  margin: 12px 10px;
}

.pricing_option.selected_pricing_option {
  background-color: #fff;
  border-color: rgba(var(--color-athletic-navy-rgb));
}

.pricing_option .checkmark {
  transition: opacity 0.3s ease;
  opacity: 0;
}

.pricing_option svg circle {
  fill: none;
  transition: fill 0.3s ease;
}

.selected_pricing_option .checkmark {
  opacity: 1;
}

.selected_pricing_option svg circle {
  fill: #003A5D;
  /* Fill color when selected */
}

.pricing_option .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing_option.pricing_option_club_membership {
  display: block;
  overflow: hidden;
}

.pricing_option_club_membership_top .details-container,
.pricing_option .details-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.pricing_option_club_membership_top .details-container,
.pricing_option .title {
  color: #003A5D;
  font-family: var(--font-body-family);
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
  text-transform: initial;
}

.pricing_option .price-container {
  /* Container for the price */
}

.pricing_option .price {
  color: #003A5D;
  font-family: var(--font-body-family);
  font-size: 1.7rem;
  font-weight: bold;
  margin: 0;
}

.pricing_option.pricing_option_club_membership {
  align-items: flex-start;
}

.pricing_option.pricing_option_club_membership .details-container {
  align-items: flex-start;
}

.club_membership_title_wrapper .title {
  margin-bottom: 4px;
  display: flex;
}

.club_membership_title_wrapper .title .club_membership_title_price {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  line-height: 1;
  text-transform: none;
  margin-left: 4px;
}

.club_membership_title_wrapper .subtitle {
  margin: 0;
  font-family: var(--font-body-family);
  line-height: 1;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

/*
.toggle-button {
position: relative;
display: inline-flex;
flex-shrink: 0;
width: 48px;
height: 24px;
border: 2px solid transparent;
border-radius: 9999px;
cursor: pointer;
padding: 0;
background-color: #CCDBDC;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease, border-color 0.3s ease;
}

.toggle-knob {
padding: 0;
pointer-events: none;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 9999px;
position: absolute;
top: 0px;
left: 2px;
background-color: #fff;
transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
*/

/* Include the CSS from above here */


.toggle-button {
  background-color: #CCDBDC;
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 4.8rem;
  height: 2.4rem;
  border: 2px solid transparent;
  border-radius: 9999px;
  cursor: pointer;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
  outline: none;
  align-items: center;
  /* padding: 0 0.4rem;*/
  padding: 0;
}

.toggle-button:focus {
  outline: none;
}

.toggle-knob {
  pointer-events: none;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-color: white;
  border-radius: 9999px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transform: translateX(0);
  transition: transform 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Optional: Hover and Active States */
.toggle-button:hover {
  background-color: #b0c4c8;
}

.toggle-button:active .toggle-knob {
  transform: translateX(2px);
}

.toggle-button.active {
  background-color: var(--color-run-wild-blue);
  /* Example: Green when active */
}

.toggle-button.active .toggle-knob {
  transform: translateX(2.4rem);
  /* Moves knob to the right when active */
}

.qty_cta_grouping {
  /*display: flex;*/
  display: none;
  flex-direction: 1;
  align-items: center;
  gap: 6px;
}

.qty_cta_grouping.active {
  display: flex;
}

.pdp_qty_wrapper .product-form__input {
  margin: 0;
}

.pdp_cta_wrapper {
  width: 100%;
}

.font-bold {
  font-weight: 700;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.pdp_subnav {
  margin-bottom: 16px;
  overflow: hidden;

}

.w-full {
  width: 100%;
}

.pdp_subnav_categories {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  gap: 21px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-padding: 0 50%;
  scroll-snap-type: x mandatory;
}

.pdp_subnav_categories a.pdp_subnav_category {
  font-family: var(--font-body-family);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: rgba(var(--color-athletic-navy-rgb), 0.7);
  text-decoration: none;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.pdp_subnav_categories a.pdp_subnav_category.active {
  color: rgba(var(--color-athletic-navy-rgb), 1);
  border-bottom: 1px solid var(--color-athletic-navy);
}

.pdp_subnav_links {
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
  display: none;
  align-items: flex-start;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-padding: 0 50%;
  scroll-snap-type: x proximity;
}

.pdp_subnav_links.active {
  display: flex;
}

.pdp_subnav_link {

  margin: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  scroll-snap-align: start;
}

.pdp_subnav_link>div {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 9999px;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.pdp_subnav_link span {
  font-size: 1.4rem;
  line-height: 1.2;
  color: var(--color-athletic-navy);
  margin-top: 6px;
  text-align: center;
  text-decoration: none;
}

.pdp_subnav_link.active>div {
  box-shadow:
    0 0 0 3px white,
    0 0 0 4px var(--color-athletic-navy);
}

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


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

  .pricing_option_club_membership_details {
    padding: 0 16px 10px 16px;
    flex-direction: row;
    margin-top: 0;
  }


  .pdp_subnav {
    margin-bottom: 16px;
  }

  .pdp_subnav_link>div {
    width: 65px;
    height: 65px;

  }

  .pdp_subnav_categories a.pdp_subnav_category {
    font-size: 1.2rem;
  }

  .pdp_subnav_categories {
    gap: 16px;
  }
}

.price-container {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: flex-start
}

.pricing_option .price.compare_at_price {
  text-decoration: line-through;
  color: rgba(var(--color-athletic-navy-rgb), 0.75);
  font-weight: normal;
}

.price-container_toggle_off {
  display: none;
}

.price-container_toggle_off.active {
  display: flex;
}

.pricing_option_club_membership .price-container {
  align-items: flex-start;
}

.price-container .price_details {
  color: var(--color-grey-11);
  text-align: center;
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
}

.price-container_toggle_on {
  display: none;
  flex-direction: row;
  gap: 6px;
}

.price-container_toggle_on.active {
  display: flex;
}

.price-container_toggle_on .svg-wrapper {
  color: var(--color-run-wild-blue);
  width: 17px;
  height: 12px;
  display: flex;
}

.price-container_toggle_on p {
  color: var(--color-run-wild-blue);
}

.sas_cta_wrapper {
  display: none;
}

.sas_cta_wrapper.active {
  display: block;
}

.build_my_subscription_btn {
  margin-top: 2.5rem;
  width: 100%;
  background-color: var(--color-run-wild-blue)
}

.build_my_subscription_btn:hover {
  background-color: #2dbacf;
}


.main-page-title {
  text-align: center;
}

.rte img {
  border: none;
  border-radius: none;
  box-shadow: none;
}

.text_block .text-section-image,
.banner__content .text-section-image,
.text-section .text-section-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}


.product_details_section {
  border-top: 1px solid var(--color-grey-3);
  border-bottom: 1px solid var(--color-grey-3);
}

.product_details-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  /*margin-top: 16px;*/
}

.product_details-wrapper>div {
  padding: 44px 0px;
}


/*
.product_details-wrapper>div:not(:last-child) {
border-right: 1px solid var(--color-grey-3);
}
*/
.product_details-wrapper h4 {
  margin-bottom: 9px;
}

/*.product_details-wrapper .product_description {}*/

.product_details-wrapper .product_ingredients {
  margin-top: 19px;
  color: var(--color-athletic-navy);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
}

.product_details-wrapper .product_ingredients span {
  font-weight: 700;
}

.product_details-wrapper .tag_cloud_heading {
  color: var(--color-athletic-navy);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.nutritional_info_list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0;
  gap: 10px;
}

.nutritional_info_list li {
  list-style: none;
  font-family: var(--body-font-family);
  font-size: 1.4rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-grey-4);
}


.flavor_list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0;
  gap: 10px;
}

.flavor_list li {
  list-style: none;
  border-radius: 9999px;
  border: 1px solid var(--color-athletic-navy);
  color: var(--color-athletic-navy);
  font-family: var(--body-font-family);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 9px 10px;
  min-width: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 750px) {
  .product_details-wrapper {
    grid-template-columns: repeat(3, 1fr);
    /*margin-top: 16px;*/
  }

  .product_details-wrapper>div:not(:last-child) {
    border-right: 1px solid var(--color-grey-3);
  }

  .product_details-wrapper>div {
    padding: 67px 32px;
  }

  .product_details-wrapper>div:first-child {
    padding-left: 0;
  }

  .product_details-wrapper>div:last-child {
    padding-right: 0;
  }

}


.product-more-info-content .product_details-wrapper {
  grid-template-columns: repeat(1, 1fr);
  /*margin-top: 16px;*/
}

.product-more-info-content .product_details-wrapper>div:not(:last-child) {
  border-right: none;
}

.product-more-info-content .product_details-wrapper>div {
  padding: 22px 0px;
}

.product_details-wrapper>div:first-child {
  padding-left: 0;
}

.product_details-wrapper>div:last-child {
  padding-right: 0;
}


/* subscription builder 
can be targeted w/ subscription-builder.drawer
.subscription_builder_content
.subscription_builder_footer
*/

.club-mgmt-panel-overlay .drawer__inner,
customer-portal-onetimes.drawer .drawer__inner,
customer-portal-choose-address.drawer .drawer__inner,
customer-portal-choose-payment.drawer .drawer__inner,
customer-portal-renewal-date.drawer .drawer__inner,
customer-portal-frequency-panel.drawer .drawer__inner {
  overflow: scroll;
}

.club-mgmt-panel-overlay .drawer__inner,
customer-portal-onetimes.drawer .drawer__inner,
subscription-builder.drawer .drawer__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  width: 100vw;
}

/*
.subscription_builder_close {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
border: none;
background: transparent;
cursor: pointer;
position: relative;
}


.subscription_builder_close .svg-wrapper {
width: 17px;
height: auto;
display: flex;
color: var(--color-run-wild-blue);


}
*/
customer-portal-onetimes .subscription_builder_product_grid {
  margin-top: 0;
}

@media only screen and (min-width: 750px) {
  customer-portal-onetimes .subscription_builder_product_grid {
    margin-top: 0;
  }
}

.subscription_builder_content {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
  overflow-y: scroll;
  border-bottom: 1px solid rgb(229 231 235);
  position: relative;
}

.subscription_builder_content_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 24px;
  row-gap: 8px;
  column-gap: 44px;

}

.subscription_builder_content_header .column_1 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex-shrink: 0;
}

.subscription_builder_content_header h2 {
  color: var(--color-athletic-navy);
  text-transform: uppercase;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .1rem;
}

.subscription_builder_content_header .column_2.subscription_value_props {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  justify-content: center;
}

.subscription_builder_content_header .column_2 .subscription_value_prop {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap
}

.subscription_builder_content_header .column_2 .subscription_value_prop .svg-wrapper {
  width: 14px;
  height: auto;
}

.subscription_builder_content_header .column_2 .subscription_value_prop p {
  margin: 0;
  line-height: 1;
  font-size: 1.4rem;
}

.subscription_builder_footer {
  color: var(--color-grey-1);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}


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

  .subscription_builder_content_header h2 {
    font-size: calc(var(--font-heading-scale) * 5.4rem);
  }

  customer-portal-onetimes.drawer .drawer__inner,
  subscription-builder.drawer .drawer__inner {
    border-radius: 16px;
    width: 100vw;
    max-width: calc(100vw - 3rem);
  }

  .subscription_builder_content_header {
    flex-direction: row;
    padding: 20px 24px;
  }

  .subscription_builder_content_header .column_1 {
    gap: 44px;
  }

  .subscription_builder_content_header .column_2 .subscription_value_prop p {
    font-size: 1.6rem;
  }
}



/* Subscription builder progress bar */

.subscription-progress-bar {
  width: 100%;
  position: relative;
  background-color: var(--color-grey-4);
  margin-bottom: 50px;
}

.subscription-progress-bar-wrapper {
  position: relative;
  width: calc(100% - 16px);
  height: 16px;
  background-color: var(--color-grey-4);
}

.subscription-progress-bar-bg {
  position: relative;
  width: 100%;
  height: 100%;
}

/*
.subscription-progress-fill {
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: var(--color-run-wild-blue);
transition: width 0.3s ease;
width: 40%;
}
*/

.subscription-progress-ticks-container {
  position: relative;
  width: calc(100% - 16px);
  /*margin-top: 10px;*/
}

.sb-tick {
  position: absolute;
  /*transform: translateX(-50%);*/
  text-align: center;
}

.sb-tick:after {
  background-color: var(--color-athletic-navy);
  content: "";
  height: 18px;
  position: absolute;
  left: 0;
  top: -8px;
  width: 1px;
}

.sb-tick-label {
  margin-top: 5px;
}

.sb-tick-label-text {
  font-size: 2.0rem;
  color: var(--color-athletic-navy);
}

.sb-tick-discount-text {}

.sb-tick-value-text {
  color: var(--color-athletic-navy);
}

@media only screen and (min-width: 750px) {
  .subscription-progress-bar-wrapper {
    width: calc(100% - 40px);
  }

  .subscription-progress-ticks-container {
    width: calc(100% - 40px);
  }

}



.subscription-builder-frequency-bar-wrapper {
  background-color: var(--color-background-blue);
  border-radius: 100px;
}

.subscription-builder-frequency-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
}

.subscription-builder-frequency-bar .svg-wrapper {
  width: 17px;
  height: auto;
  display: flex;
  color: var(--color-run-wild-blue);
  margin-right: 4px;
}

.subscription-builder-frequency-bar h3 {
  color: var(--color-athletic-navy);
  text-transform: uppercase;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.subscription-builder-frequency-bar button {
  color: var(--color-run-wild-blue);
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 8px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}


@media only screen and (min-width: 750px) {
  .subscription-builder-frequency-bar {
    padding: 24px 0;
  }

  .subscription-builder-frequency-bar h3 {
    font-size: calc(var(--font-heading-scale) * 3rem);
  }
}


.subscription_builder_product_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /*  grid-auto-rows: 1fr;*/
  column-gap: 16px;
  row-gap: 18px;
  width: 100%;
  padding: 12px 16px;

}

.sb-product-card-image-wrapper {
  /*  aspect-ratio: 2/3;*/
  aspect-ratio: 5 / 6;
  background-color: red;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.sb-product-card-image-wrapper img {
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  object-fit: contain;
}

.sb-product-card-wrapper {
  overflow: hidden;

}

.sb-product-card-wrapper .price__container {
  justify-content: center;
}

.sb-product-card-wrapper .card__information {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-bottom: 0;
}

.sb-product-card-wrapper .card__information .card__heading {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  line-height: 1.1;
}

.sb-product-card-wrapper .card__information .beer_style {
  color: var(--color-all-out-navy);
  font-size: 1.2rem;

}

.sb-product-card-wrapper .card__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  /*  width: 90%;*/
  width: 100%;
  margin: 0 auto;
}

.sb-product-card-wrapper .card__cta button.sb_atc_btn {
  width: 100%;
}

.sb-product-card-wrapper .card__cta .qty_btns {
  width: 100%;
  border: 1px solid var(--color-athletic-navy);
  background: var(--color-athletic-navy);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10000px;
  /*
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  */
}

.sb_qty_change_btn {
  text-align: center;
  color: #fff !important;
  font-size: 22px;
  flex-grow: 1;
  background: transparent;
  padding: 1.4rem 0;

}

.sb_qty_change_btn:hover {
  background-color: #003454;
}

/*
text-transform: uppercase;
padding: 1.4rem 6rem;
font-family: var(--font-heading-family);
font-size: 2rem;
font-weight: 700;
line-height: 1;
letter-spacing: .2rem;
*/
.sb_qty_change_btn.sb_qty_change_btn_plus {}

.sb_qty_amt {
  color: #fff;
  text-align: center;
  font-size: 22px;
  line-height: 1;
}

@media only screen and (min-width: 750px) {
  .subscription_builder_product_grid {
    grid-template-columns: repeat(3, 1fr);
    /*gap: 48px;*/
    column-gap: 48px;
    /* margin-top: 16px;*/
    padding: 32px 0;
  }

}

/*
.empty_bundle_item {
height: 6.4rem;
justify-content: center;
border: 1px dashed var(--color-grey-4);
position: relative;
}
*/

.bundle_item .bundle_item_content .remove_ico {
  position: absolute;
  top: -0.6rem;
  left: -0.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: var(--color-athletic-navy);
  color: #FFF;
  font-family: var(--font-heading-family);
  font-size: 11px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.remove_ico svg {
  max-width: 50%;
  width: 100%;
}

.bundle_item_title {
  margin-top: 4px;
  text-overflow: clip;
  white-space: nowrap;
  font-size: 1.2rem;
  color: var(--color-athletic-navy);
  font-family: var(--font-heading-family);
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.bundle_item_img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: center;
}



.empty_bundle_item .counter_badge {
  position: absolute;
  top: -0.6rem;
  left: -0.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: var(--color-grey-3);
  color: #FFF;
  font-family: var(--font-heading-family);
  font-size: 11px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.empty_bundle_item .svg-wrapper {
  width: 23px;
  height: auto;
  display: flex;
}

/*
.empty_bundle_item .svg-placeholder {
width: 100%;
height: 100%;
background-color: #F3F4F6;
}
*/
/*
.subscription-builder-footer .bundle-item {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
width: 4rem;
}
*/
/* Subscription builder Frequency panel */

/*
XXXXX



.subscription-builder-footer-column-2a {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
text-align: right;
}

.subscription-builder-footer-column-2a .svg-wrapper.club-badge-wrapper {
max-width: 40px;
display: none;
}

@media (min-width: 768px) {

.subscription-builder-footer-column {
max-width: 50%;
}

}

*/


subscription-builder-frequency-panel {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 1000;
}

.drawer__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.drawer__overlay:empty {
  display: block;
}

subscription-builder-frequency-panel.drawer .drawer__contents {
  padding: 0 20px;
}

.drawer__contents .form_contents>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(1.5rem* var(--tw-space-y-reverse));
  margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
}

.drawer__contents .form_contents {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow: 0px 2px 10px 5px rgba(0, 0, 0, .04);
  --tw-shadow-colored: 0px 2px 10px 5px var(--tw-shadow-color);
  padding: 12px 24px;
  border-radius: 6px;
  border: 1px solid var(--color-athletic-navy);
}

.drawer__contents .form_contents .form-group {
  display: grid;
  grid-template-columns: 1fr;

}

.drawer__contents .form_contents .form-actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.drawer__contents .form_contents .form-actions button {
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}


.drawer__contents .form_contents .form-group label {
  margin-top: 1px;
  padding-top: 8px;
  color: var(--color-grey-1);
  display: block;
}

.drawer__contents .form_contents .form-group .input_wrapper {
  height: 100%;
  margin-top: 4px;
}

.drawer__contents .form_contents .form-group input:not([type=checkbox]):not([type=radio]) {
  height: 48px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  border: 1px solid var(--color-grey-3);
  border-radius: 6px;
  width: 100%;
  padding: 1px 2px;
}

.drawer__contents .form_contents .form-group select {
  height: 48px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  border: 1px solid var(--color-grey-3);
  border-radius: 6px;
  width: 100%;
  padding: 1px 2px;
}

@media (min-width: 640px) {
  .drawer__contents .form_contents .form-group {
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    gap: 8px;
    padding-top: 20px;
  }

  .drawer__contents .form_contents .form-group .input_wrapper {
    grid-column: span 2 / span 2;
    margin-top: 0;
  }

  .drawer__contents .form_contents .form-group input:not([type=checkbox]):not([type=radio]) {
    max-width: 320px;
  }

}

.freq_cancel_btn {
  margin: 16px auto 0 auto;
}

.select_frequency_btn_list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 14px;
}

.select_frequency_btn {
  padding-top: 28px;
  padding-bottom: 28px;
  box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.04);
  display: flex;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #fff;
  background-color: transparent;
  position: relative;
}

.select_frequency_btn.active {
  border-color: var(--color-athletic-navy);
}

.select_frequency_btn .select_frequency_btn_status {
  position: absolute;
  top: 8px;
  right: 12px;
}

.select_frequency_btn .select_frequency_btn_status {
  font-family: var(--font-heading-family);
  text-transform: uppercase;
  color: var(--color-run-wild-blue);
  font-size: 1.8rem;
  font-weight: 700;
}

.select_frequency_btn.active .select_frequency_btn_status {
  color: var(--color-athletic-navy);
}

@media (min-width: 768px) {

  .club-mgmt-panel-overlay .drawer__inner,
  subscription-builder-frequency-panel.drawer .drawer__inner {
    border-radius: 16px;
    width: 48rem;
    max-width: calc(100vw - 3rem);
  }

  .drawer {
    padding: 20px;
  }
}

.video-banner {
  position: relative;
}

.video-banner .banner__content {
  width: 100%;
  padding: 16px;
}

button.video_banner_play_btn {
  background: transparent;
  border: none;
  width: 65px;
  height: auto;
  margin: 0 0 32px 0;
  cursor: pointer;
}

@media (min-width: 768px) {
  button.video_banner_play_btn {
    width: 80px;
  }
}

.video-banner .banner__media {
  border: none;
}

button.video_banner_play_btn:hover .play_btn_outline {
  fill-opacity: .4;
}


/* Subscription builder More Info panel */

.drawer_component_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 1000;
}



.subscription_builder_club_upsell {
  border: 1px solid var(--color-club-light-blue);
  background-color: rgba(168, 220, 218, .2);
  padding: 16px 20px;
  border-radius: 6px;
  grid-column: 1 / span 2;
}

.subscription_builder_club_upsell h5 {
  color: var(--color-athletic-navy);
  text-transform: initial;
  font: 800;
  text-align: center;
  margin-bottom: 8px;
}

.subscription_builder_club_upsell h5 span {
  background-color: var(--color-club-light-blue);
  padding: 0 12px;
  border-radius: 9999px;
}

.subscription_builder_club_upsell p {
  text-align: center;
  color: var(--color-grey-1);
}

.subscription_builder_club_upsell ul {
  color: var(--color-athletic-navy);
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 12px 0 0 0;
  text-transform: uppercase;
  padding: 0;
}


.subscription_builder_club_upsell ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  font-family: var(--font-body-family);
  line-height: 1;
  margin: 0;
  text-transform: initial;
}

.subscription_builder_club_upsell ul li span {
  color: var(--color-grey-1);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  text-transform: initial;
  margin-top: 4px;

}

.subscription_builder_club_upsell ul li .icon_wrapper {
  max-width: 42px;
  width: 100%;
}

.subscription_builder_club_upsell ul li .icon_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.subscription_builder_club_upsell_cta {
  background: var(--color-upside-dawn-yellow);
  margin-top: 16px;
  border-radius: 4px;
  padding: 12px 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
}

.subscription_builder_club_upsell_cta h6 {
  font-size: 1.7rem;
  color: var(--color-athletic-navy);
  font-weight: 700;
  line-height: 1.25;
  font-family: var(--body-font-family);
  margin: 0;
}

.subscription_builder_club_upsell_cta p {
  font-family: var(--body-font-family);
  margin: 0;
  font-size: 1.4rem;
  color: var(--color-athletic-navy);
  line-height: 1;
}

.club_upsell_learn_more_link {
  text-decoration: underline;
  font-family: var(--body-font-family);
  color: var(--color-athletic-navy);
  display: flex;
  justify-content: center;
  margin-top: 8px;
  font-size: 1.2rem;
}

.price__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.price__container .svg-wrapper {
  width: 14px;
  height: auto;
}

.product-card-wrapper-abc .price {
  width: 100%;
}

.sb-product-card-wrapper .price {
  text-align: center;
}

.sb-product-card-wrapper .price--on-sale .price__sale {
  display: flex;
}

.sb-product-card-wrapper .price--on-sale .price__sale .svg-wrapper {
  margin-right: 6px;
  display: none;
}

.featured_collections_nav {
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}

.featured_collections_collection {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}


.featured_collections_collection.active {
  display: block;
  opacity: 1;
}

.featured_collections_collection_titles {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-bottom: 32px;
}

@media only screen and (min-width: 750px) {
  .subscription_builder_club_upsell {
    grid-column: 1 / span 1;
  }

  .featured_collections_collection_titles {
    width: 100%;
    gap: 40px;
  }
}

.featured_collections_collection_titles button {
  background: none;
  border: none;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: rgba(0, 58, 93, 0.70);
  cursor: pointer;
  flex-wrap: nowrap;
  word-wrap: nowrap;
  flex-shrink: 0;
  scroll-snap-align: start;
}

.featured_collections_collection_titles button.active {
  color: var(--color-athletic-navy);
}

.heading_wrapper {
  text-align: left;
  margin-bottom: 32px;
}


.article-card-wrapper .card__media .media img {
  object-fit: cover;
}

.article-card-wrapper .full-unstyled-link:hover,
.article-card-wrapper .full-unstyled-link {
  text-decoration: none;
}


.article-card-wrapper.article-no-image {
  background: #fff;
  box-shadow: 0px 2px 60px 15px rgba(0, 0, 0, 0.03);
}

.article-card-wrapper.article-no-image .link {
  margin-top: 32px;
}

.subscription_value_props {
  display: flex;
  flex-direction: row;
  justify-content: between;
  width: 100%;
}

.multicolumn_slide .subscription_value_props {
  flex-direction: column;
}

.multicolumn_slide .subscription_value_prop {
  padding: 0 16px;
  text-align: center;
  border-bottom: 1px solid var(--color-grey-3);
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.multicolumn_slide .subscription_value_prop:last-child {
  border-bottom: none;
}

.subscription_value_prop .subscription_value_prop_heading {
  color: var(--color-all-out-navy);
  text-transform: uppercase;
  font-family: var(--font-heading-family);
  font-weight: 900;
}

.subscription_value_prop p {
  color: var(--color-grey-1);
}

.tftt-counter {
  display: flex;
  justify-content: center;
}

.tftt_number_card {
  font-size: 50px;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: var(--color-run-wild-blue);
  border-radius: 4px;
  line-height: 1;
  margin-left: 4px;
  font-family: var(--font-body-family);
  font-weight: 700;
}

.tftt_number_card:first-child {
  margin-left: 0;
}

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

  .multicolumn_slide .subscription_value_props {
    flex-direction: row;
  }

  .multicolumn_slide .subscription_value_prop {
    border-right: 1px solid var(--color-grey-3);
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .multicolumn_slide .subscription_value_prop:last-child {
    border-right: none;
  }

  .tftt_number_card {
    font-size: 82px;
    width: 89px;
    height: 132px;
  }
}



.subscription-builder-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  margin-bottom: 16px;
}


.subscription-builder-footer-column.subscription-builder-footer-column-1 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  width: 100%;
  gap: 8px;
  padding: 8px;
  overflow-x: scroll;
}

.subscription-builder-footer-column.subscription-builder-footer-column-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 16px;
  flex-wrap: wrap;

}

@media only screen and (min-width: 360px) {
  .subscription-builder-footer-column.subscription-builder-footer-column-2 {
    justify-content: space-between;
  }
}

.subscription-builder-footer-column.subscription-builder-footer-column-2 .subscription-builder-footer-column-2a {
  width: 100%;
  text-align: center;
}

.subscription-builder-footer .bundle-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  gap: 0.8rem;
  padding: 0.5rem;

}

.bundle_item {
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  width: 6.4rem;
  border-radius: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.bundle_item .bundle_item_content {
  border: 1px solid var(--color-grey-4);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 16px;
}

.bundle_item.empty_bundle_item {
  cursor: initial
}

.bundle_item.empty_bundle_item .bundle_item_content {
  border-style: dashed;
  border-radius: 16px;
}

.subscription-builder-footer .sb-price-section {
  display: flex;
  flex-direction: row;
  gap: 6px;
  flex-shrink: 0;

}

.subscription-builder-footer .sb-price-section .original-price {
  display: none;
  color: var(--color-grey-3);
  text-decoration-line: line-through;
  font-size: 2rem;
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.subscription-builder-footer .sb-price-section .discounted-price {
  color: var(--color-athletic-navy);
  font-size: 2rem;
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.sb-progress-msg {
  color: var(--color-athletic-navy);
}

.sb-add-to-cart-button {
  max-width: 227px;
  flex-shrink: 0;
  width: 100%;
  font-size: 1.8rem;
  padding-left: 0;
  padding-right: 0;
}

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

  .sb-add-to-cart-button {
    flex-shrink: 1;
  }

  .subscription-builder-footer {
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0;
  }

  .subscription-builder-footer-column.subscription-builder-footer-column-1 {
    margin-right: 8px;
  }


  .subscription-builder-footer-column.subscription-builder-footer-column-2 {
    flex-wrap: nowrap;
  }

  .subscription-builder-footer-column.subscription-builder-footer-column-2 .subscription-builder-footer-column-2a {
    width: auto;
    text-align: initial;
  }
}

/*
.product-form__input--pill input[type='radio']+label {
aspect-ratio: 1/1;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem;
}
*/


.pdp_promo {
  /*display: flex;*/
  flex-direction: row;
  align-items: center;
  gap: .8rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-top: 1px solid var(--color-grey-3);
  /*border-bottom: 1px solid var(--color-grey-3);*/
  display: none;
  margin-top: 3rem;
}

.pdp_promo.shipping_delay {
  display: flex;
}

.pdp_promo.purchase_type_onetime a {
  color: var(--color-athletic-navy);
  font-size: 1.2rem;
  text-decoration: underline;
}

.pdp_promo.purchase_type_subscription.non_subscriber {
  padding: 1.6rem;
  margin-top: 16px;
}

.pdp_promo.purchase_type_subscription.non_subscriber ul {
  color: var(--color-grey-1);
  font-family: var(--body-font-family);
  display: flex;
  flex-direction: column;
  gap: .8rem;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pdp_promo.purchase_type_subscription.non_subscriber ul svg {
  width: 17px;
}

.pdp_promo.purchase_type_subscription.non_subscriber a {
  text-decoration: underline;
  color: var(--color-athletic-navy);
  font-size: 1.3rem;
  margin-left: 1.6rem;
}

.manage_subscription_callout {
  width: 100%;
  margin: 8px 0;
  text-align: center;
  display: none;
}

.manage_subscription_callout a {
  color: var(--color-athletic-navy);
  font-family: var(--body-font-family);
  font-size: 1.6rem;
  text-align: center;
}

.pdp_promo.pdp_promo_club_callout {
  /*display: flex;*/
}


.pdp_promo.pdp_promo_club_callout h5 {
  font-size: 1.9rem;
  color: var(--color-athletic-navy);
  font-family: var(--font-heading-family);
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 6px 0;
}


.pdp_brewers_notes .section_content_wrapper {
  display: grid;
  grid-template-columns: 1fr;
}

.pdp_brewers_notes .section_content_wrapper .brewers_note_wrapper {
  padding: 2.4rem 0;
}

.pdp_brewers_notes .section_content_wrapper .brewers_note_wrapper p {
  font-size: 3rem;
  line-height: 1.2;
  font-family: Caveat;
  color: var(--color-grey-1);
}

.brewers_note_wrapper .svg-john-signature,
.svg_sig_wrapper svg {
  -ms-flex-item-align: end;
  align-self: flex-end;
  height: auto;
  margin-top: 0.625rem;
  max-width: 190px;
  width: 100%;
}

.brewers_notes_details {
  padding: 2.4rem 2rem;
  gap: 2rem;
}

.brewers_notes_details .svg.svg-info_badge {
  width: 12px;
  height: 12px;
}

.brewers_notes_details dl>div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  align-items: center;
}

.brewers_notes_details dl dt {
  font-family: Caveat;
  color: var(--color-grey-1);
  font-size: 24px;
  line-height: 1.2;
}

.brewers_notes_details dl dt span {
  margin-left: .6rem;
}

.brewers_notes_details dl dd {
  position: relative;
  max-width: 320px;
  grid-column: span 3 / span 3;
}

.brewers_notes_details dl dd>div {
  max-width: 100%;
  height: 2px;
  background: var(--color-grey-4);
  position: relative;
}


.info_circle_wrapper {
  top: -1.3rem;
  position: absolute;
  z-index: 10;
}

.pdp_brewers_notes .section_content_wrapper .section_content>div:not(:last-child) {
  border-bottom: 1px solid var(--color-grey-4);
}

.pdp_brewers_notes .section_content_wrapper .drink_it_with {
  padding: 24px 20px;
}

.pdp_brewers_notes .section_content_wrapper .drink_it_with h4 {
  color: rgba(var(--color-athletic-navy-rgb));
  text-transform: uppercase;
}

.pdp_brewers_notes .section_content_wrapper .drink_it_with p {
  font-family: Caveat;
  color: var(--color-grey-1);
  margin-top: 1.6rem;
  font-size: 2.4rem;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) {
  .pdp_brewers_notes .section_content_wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 5.6rem;
  }

}

.brewers_notes_image_block {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
}

.brewers_notes_image_block.image_overlap {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(10, 1fr);
}

.brewers_notes_image_block.image_overlap .brewers_notes_image_1 {
  grid-column: 3 / 11;
  grid-row: 1 / 9;
  z-index: 1;
}

.brewers_notes_image_block.image_overlap .brewers_notes_image_2 {
  grid-column: 1 / 6;
  grid-row: 7 / 11;
  z-index: 2;
}

#MainContent .customer:not(.account):not(.order) {
  background-color: #fff;
  margin: 30px auto;
  border-radius: 16px;
  padding: 4rem;
}

.customer a:hover,
.customer a {
  color: var(--color-athletic-navy);
}

.customer button {
  border-radius: 10000px;
  text-transform: uppercase;
  padding: 1.4rem 6rem;
  font-family: var(--font-heading-family);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .2rem;
}

.cart-drawer-club-member-product-feed {
  border: 1px solid var(--color-athletic-navy);
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
}

.cart-drawer-club-member-product-feed-header {
  background-color: var(--color-athletic-navy);
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.cart-drawer-club-member-product-feed-header h3 {
  font-size: 2.0rem;
  color: var(--color-club-tan);
  margin: 0;
}

.cart-drawer-club-member-product-feed-header .svg-wrapper {
  width: 13px;
  height: auto;
  display: flex;
}

.cart-drawer-club-member-product-wrapper {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 1.6rem;
  padding: 10px;
}

.cart-drawer-club-member-product-image-wrapper {
  border-radius: 16px;
  width: 89px;
  aspect-ratio: 1/1;
}

.cart-drawer-club-member-product-image {
  object-fit: contain;
  width: 100%;
  height: 100%;

}

.cart-drawer-club-member-product-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cart-drawer-club-member-product-details a {
  text-decoration: none;
}

.cart-drawer-club-member-product-details h4 {
  font-size: 1.7rem;
  color: var(--color-athletic-navy);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.cart-drawer-club-member-product-details p {
  color: var(--color-grey-1);
  margin-bottom: 12px;
}

.cart-drawer-club-member-product-sub-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}

cart-drawer-items .cart-drawer-club-member-product-sub-details button.button:hover,
cart-drawer-items .cart-drawer-club-member-product-sub-details button.button {
  background-color: var(--color-athletic-navy);
  font-size: 1.4rem;
  font-weight: bold !important;
  font-family: var(--font-body-family) !important;
  color: #fff !important;
  padding: initial;
  width: 100%;
  padding: 1.4rem 0;
}

.cart-drawer-club-member-product-sub-details product-form {
  width: 100%;
}

.cart-drawer-club-member-product-price {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;

}

.cart-drawer-club-member-product-price .full_price {
  font-size: 1.4rem;
  color: var(--color-grey-2);
  text-decoration-line: line-through;
  margin: 0;
}

.cart-drawer-club-member-product-price .svg-wrapper {
  display: flex;
  width: 20px;
  height: auto;
  align-items: center;
}

.cart-drawer-club-member-product-price .club_price_wrapper {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}

.cart-drawer-club-member-product-price .club_price_wrapper p {
  color: var(--color-athletic-navy);
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0;
}

.pdp_brewers_notes .section_content_wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

@media only screen and (min-width: 768px) {
  .pdp_brewers_notes .section_content_wrapper {
    grid-template-columns: 1fr 1fr;
  }
}



.customer a:hover,
.customer a {
  color: var(--color-athletic-navy);
}

.customer button {
  border-radius: 10000px;
  text-transform: uppercase;
  padding: 1.4rem 6rem;
  font-family: var(--font-heading-family);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .2rem;
}

.account_subnav {
  background-color: var(--color-background-blue);
  padding-top: 14px;
  padding-bottom: 14px;
  color: var(--color-athletic-navy);
}

.account_subnav h3 {
  color: var(--color-athletic-navy);
  flex-shrink: 0;
}

.account_subnav_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.account_subnav nav {
  display: flex;
  flex-grow: 1;
  column-gap: 2.4rem;
}

.account_subnav nav a {
  color: var(--color-athletic-navy);
  font-size: 1.6rem;
  text-transform: uppercase;
  text-decoration: none;
}

.account_subnav nav a.active {
  border-bottom: 1px solid var(--color-athletic-navy);
}


.account_subnav_content .logout_link {
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .account_subnav_content {
    gap: 24px;
  }
}

.account_club_bar {
  background-color: var(--color-athletic-navy);
  color: #fff;
  width: 100%;
}

.account_club_bar.club_member_update {
  background-color: #F7FBFC;
}

.account_club_bar.club_member_update h2 {
  text-transform: initial;
  font-style: normal;
  font-weight: 800;
}

.account_club_bar.club_member_update p {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  color: #003A5D;
}

.account_club_bar.club_member_update .club_member_account_bar_cta {

  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 20px;
  justify-content: center;
}

.account_club_bar.club_member_update .manage_club_membership_btn {
  color: #003A5D;
  font-family: var(--font-body-family);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  margin-left: 0;
}

.account_club_bar.club_member_update .manage_club_membership_btn,
.account_club_bar.club_member_update .club_member_account_bar_btn {
  border-radius: 1000px;
  background: #132838;
  color: #fff;
  text-align: center;
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 9px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  display: none;
}

.account_club_bar.club_member_update .manage_club_membership_btn {
  display: flex;
}

@media only screen and (min-width: 768px) {
  .account_club_bar.club_member_update .club_member_account_bar_btn {
    display: flex;
  }

  .account_club_bar.club_member_update .club_member_account_bar_cta {
    justify-content: flex-start;
    margin-top: 18px;
    align-items: stretch;
  }

}

.club_member_account_bar_btn_img {
  width: 20px;
  height: auto;
  margin-right: 8px;
}

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

.account_club_bar_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  gap: 16px;
  display: grid;
  grid-template-columns: 1fr;
}

.club_member_account_bar_card_wrapper img {
  max-width: 100%;
  height: auto;
  display: block;
}

.account_club_bar_container p,
.account_club_bar_container h2 {
  display: none
}

.manage_club_membership_btn {
  margin-left: auto;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}

.club-management-panel .club_membership_details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 24px;
}

@media only screen and (min-width: 768px) {
  .account_club_bar_container {
    grid-template-columns: minmax(0, 1.5fr) 2fr
  }

  .account_club_bar_container p,
  .account_club_bar_container h2 {
    display: block
  }

  .manage_club_membership_btn {
    font-size: 1.5rem;
    font-weight: 600;
  }
}

.account_club_bar_container .svg-wrapper {
  width: 45px;
  height: auto;
  display: flex;
}

.account_club_bar h3 {
  text-transform: initial;
  color: #fff;
  font-weight: bold;
}



.club-management-panel .club_membership_details p {
  color: var(--color-athletic-navy);
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.club-management-panel .club_membership_details h3 {
  color: var(--color-athletic-navy);
  font-size: 2rem;
  font-family: var(--font-body-family);
}

.club-management-panel .club_membership_details button {
  margin-top: 25px;
  display: none;
}

.club-management-panel .club_membership_details button:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.club-management-panel .club_membership_value_props {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 24px;
}

.club-management-panel .club_membership_value_props h3 {
  font-size: 2.2rem;
  margin-bottom: 1.6rem;
  color: var(--color-athletic-navy);
}

.club-management-panel .club_membership_value_props ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.club-management-panel .club_membership_value_props ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.2rem;
}

.club-management-panel .club_membership_value_props ul li>img {
  max-width: 100%;
  height: auto;
  width: 56px;
}

.club-management-panel .club_membership_value_props .value_prop_details {
  display: flex;
  flex-direction: column;
}

.club-management-panel .club_membership_value_props .value_prop_details h4 {
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.25;
  text-transform: uppercase;
  gap: 6px;
}

.club-management-panel .club_membership_value_props .value_prop_details h4 span {
  color: var(--color-run-wild-blue);
  font-family: var(--font-heading-family);
  font-size: 1.4rem;
  font-weight: 400;
}

.club-management-panel .club_membership_value_props .value_prop_details p {
  color: var(--color-grey-1);
  font-family: var(--font-heading-family);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.25;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.subscription_portal_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
  column-gap: 0;
  row-gap: 32px;
}

.subscription_portal_header h2 {
  color: var(--color-athletic-navy);
  text-transform: uppercase;
}


.subscription_portal_current_subscription_details {
  display: flex;
  flex-direction: column;
  background-color: var(--color-grey-5);
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid var(--color-grey-4);
  padding: 12px 10px;
  border-radius: 6px;
  gap: 8px;
}

.subscription_portal_current_subscription_details h5 {
  font-size: 2.0rem;
  margin: 0;
  text-transform: uppercase;
  color: var(--color-athletic-navy);
}

.subscription_portal_current_subscription_details p {
  color: var(--color-grey-1);
  margin: 0 !important;
}

.subscription_portal_current_subscription_details p span {
  color: var(--color-athletic-navy);
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .subscription_portal_header {
    flex-direction: row;
    margin-top: 40px;
    margin-bottom: 40px;
    column-gap: 32px;
    row-gap: 0;
  }
}


.customer_portal_content {
  display: none;
  flex-direction: column;
}

.customer_portal_content>* {
  width: 100%;
}

.customer-portal_subscriptions {
  border: 1px solid var(--color-grey-4);

}

.customer-portal_subscriptions_header {
  padding: 20px 32px;
}





:is(.account, .order) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.customer button.subscription_info_edit_btn {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: var(--color-run-wild-blue);
  font-weight: normal;
  margin-left: 6px;
  font-size: 1.6rem;
}

.customer_portal_subscription_actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-grow: 0;

}

.customer-portal_subscription_panel {
  background-color: #fff;
}

.customer-portal_subscription_content_wrapper {
  background-color: var(--color-grey-5);
  padding: 21px;
}

.customer-portal_subscription_content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.customer-portal_subscription_products {
  display: flex;
  flex-direction: row;
  grid-column: span 3 / span 3;
  gap: 8px;
  padding: 0 16px;
  overflow-x: scroll;
}

.onetime_products_wrapper {
  background-color: #Fff;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 0 16px;
  margin-top: 20px;
}

.subscription_products_list {
  padding: 16px 0;
  width: 100%;
  display: flex;
}

.subscription_products_list .subscription-product-item {
  max-width: 180px;
  width: 100%;
  display: flex;
  flex-shrink: 0;
}

.subscription_products_list .add_new_item {
  background: none;
  border: 1px dashed var(--color-grey-3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 0;
  height: 100%;
  border-radius: 6px;
  padding: 6px;
}

.subscription_products_list .add_new_item h5 {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 800;
  line-height: 2.2rem;
  text-transform: uppercase;
  font-family: var(--font-heading-family);
  margin-bottom: 6px;
}

.subscription_products_list .subscription-product-item .product-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.subscription_products_list .subscription-product-item img {
  width: 100%;
  height: auto;
  padding: 0 35px;
}

.subscription_products_list .subscription-product-item p {
  margin: 0;
}

.subscription_products_list .subscription-product-item .product_title {
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-athletic-navy);
  margin-bottom: 4px;
}

.subscription_products_list .subscription-product-item .product_subtitle {
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-grey-1);
}

.subscription_products_list .subscription-product-item .subscription_more_info {
  background: none;
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  text-align: center;
  width: 100%;
  text-transform: initial;
  border: none;
}


.subscription_products_list .subscription-product-item .remove_onetime {
  background: transparent;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: var(--font-body-family);
  color: var(--color-grey-2);
  text-transform: initial;
  height: auto;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  text-transform: initial;
  width: 100%;
}

.customer_portal_subscription_actions {
  grid-column: span 3 / span 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.customer_portal_subscription_actions #controls {
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 22px;
}




.customer .customer_portal_subscription_actions button {
  max-width: 220px;
  height: 60px;
  width: 100%;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.customer_portal_subscription_actions button.cancel_subscription_btn {
  background: transparent;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: var(--font-body-family);
  color: var(--color-grey-2);
  text-transform: initial;
  height: auto;
}

.customer_portal_subscription_actions button.add_one_time_btn {}



.subscription-controls {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.customer_portal_subscription_actions .edit_products_btn {}


.customer-portal_subscription_footer {
  margin-top: 20px;
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);*/
  grid-template-columns: 1fr;
}

.customer-portal_subscription_footer .empty_col {
  background-color: var(--color-grey-5);
}


.subscription-payment-details {}

.subscription-payment-details .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
  padding: 1.6rem 1.2rem;
}

.subscription-payment-details .header .details {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.payment-method-section h4,
.subscription-payment-details .header h5 {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-grey-1);
  margin: 0;
  padding: 0;
}

.subscription-payment-details .header .details h5.order-value {
  color: var(--color-athletic-navy);
  line-height: 1;
  flex-shrink: 0;
}

.subscription-payment-details .header .details .discount-value {
  margin-left: .6rem;
  margin-right: 2.4rem;
  color: var(--color-run-wild-blue);
  margin-bottom: 0;
}

.subscription-payment-details .details-panel {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.subscription-payment-details .details-panel .breakdown {
  border-bottom: 1px solid var(--color-grey-4);
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 1.6rem;
}

.subscription-payment-details .details-panel .breakdown>div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.subscription-payment-details .details-panel .breakdown>div p {
  color: var(--color-grey-1);
  font-size: 1.6rem;
  margin: 0;
}

.payment-method-section,
.subscription-payment-details .details-panel .total {
  border-bottom: 1px solid var(--color-grey-4);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.6rem 0;
}

.subscription-payment-details .details-panel .total p {
  font-family: var(--font-heading-family);
  color: var(--color-athletic-navy);
  font-size: 2rem;
  margin: 0;
  font-weight: 700;
}

customer-portal .select_payment_btn,
customer-portal .address-item {
  width: 100%;
  margin-bottom: 1.4rem;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  padding: 12px 24px;
}

customer-portal .address-item .address-item__details {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  text-align: left;
}

customer-portal .address-item .address-item__details p {
  color: var(--color-grey-1);
  margin: 0;
}

customer-portal .select_payment_btn.currently_selected,
customer-portal .address-item.currently_selected {
  border-color: var(--color-athletic-navy);
}

.edit-payment-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.4rem;
  font-family: var(--font-heading-family);
  text-transform: uppercase;
  color: var(--color-run-wild-blue);
  font-weight: bold;
  padding: 0;
  text-decoration: underline;
}

customer-portal .address-item .address-item__status {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  font-size: 18px;

}

customer-portal .address-item .address-item__status p,
customer-portal .address-item .address-item__status button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.8rem;
  font-family: var(--font-heading-family);
  text-transform: uppercase;
  color: var(--color-run-wild-blue);
  font-weight: bold;
}

customer-portal .address-item .address-item__status p {
  color: var(--color-athletic-navy);
}

customer-portal .drawer_actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

customer-portal .drawer_actions .save_changes {
  font-size: 20px;
  height: 56px;
  width: 100%;
}

customer-portal .drawer_actions .cancel_btn {
  background: transparent;
  border: none;
  color: var(--color-grey-2);
  cursor: pointer;
}


.drawer_actions .add_new_address {
  background: none;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-size: 1.6rem;
  color: var(--color-athletic-navy);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

/* Frictionless Payment Form */
.form_contents form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form_contents fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.form_contents label {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--color-athletic-navy);
  margin-bottom: 4px;
}

.form_contents input[type="text"],
.form_contents input[type="tel"] {
  width: 100%;
  height: 44px;
  border: 1px solid var(--color-grey-3, #ccc);
  border-radius: 6px;
  padding: 0 12px;
  font-size: 1.6rem;
  font-family: inherit;
  color: var(--color-athletic-navy);
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

.form_contents input[type="text"]::placeholder,
.form_contents input[type="tel"]::placeholder {
  color: var(--color-grey-3, #ccc);
}

.form_contents input[type="text"]:focus,
.form_contents input[type="tel"]:focus {
  outline: none;
  border-color: var(--color-athletic-navy);
}

.form_contents .hosted-field {
  width: 100%;
  height: 44px;
  border: 1px solid var(--color-grey-3, #ccc);
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.2s ease;
  display: flex;
  align-items: center;
}

.form_contents .hosted-field iframe {
  width: 100%;
  height: 44px;
  border: none;
  display: block;
}

.payment-form__row--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.payment-form__section-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-athletic-navy);
  margin: 8px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.payment-form__checkbox label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  cursor: pointer;
}

.payment-form__checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--color-athletic-navy);
  cursor: pointer;
}

.payment-form__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.payment-form__actions .fp-submit {
  font-size: 20px;
  height: 56px;
  width: 100%;
}

.payment-form__actions .fp-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.payment-form__actions .fp-cancel {
  background: transparent;
  border: none;
  color: var(--color-grey-2);
  cursor: pointer;
}

.fp-error-message {
  margin-top: 12px;
  padding: 12px;
  background-color: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: 6px;
}

.fp-error-message p {
  margin: 0 0 4px;
  color: #dc2626;
  font-size: 1.4rem;
}

.fp-error-message p:last-child {
  margin-bottom: 0;
}

.payment-method-section .payment-method {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.payment-method-section .payment-method p {
  margin: 0;
}

.payment-method-section .payment-method button {
  margin: 0;
}

.drawer_actions .add_new_payment {
  text-transform: initial;
  color: #fff;
  font-weight: 400;
  background-color: var(--color-athletic-navy);
  width: 100%;
}

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

  .customer-portal_subscription_footer {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }


  .customer-portal_subscription_content {
    grid-template-columns: repeat(4, 1fr);
  }

  .customer_portal_subscription_actions {
    grid-column: span 1 / span 1;
    margin-top: 0;
  }
}

.product_details_icons {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}

.product_details_icons>span {
  max-width: 64px;
}

.product_details_icons>span svg {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .product_details_icons {
    display: flex;
    flex-direction: row;
  }
}

.back_in_stock_flow_wrapper {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  margin-top: 20px;
  background-color: #fff;
  padding: 16px;
  border-radius: 10px;
}

.back_in_stock_flow_wrapper.coming_soon_banner {}

.back_in_stock_flow_wrapper .bis_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0
}

.back_in_stock_flow_wrapper .bis_header h2 {
  color: var(--color-free-wave-salmon);
  font-size: 2.4rem;
  line-height: 1.2;
  margin: 0 8px 0 0;
}

.back_in_stock_flow_wrapper.coming_soon_banner h4 {
  color: var(--color-athletic-navy);
}

.back_in_stock_flow_wrapper .bis_header p {
  color: var(--color-grey-1);
}

.yotpo_star_wrapper_pdp {
  color: var(--color-grey-2);
  margin-bottom: .5rem;
}

.kl_reviews__input_with_search_icon,
.kl_reviews__filters__pill select,
.kl_reviews__filters__pill button {
  border: 1px solid rgb(var(--color-foreground)) !important;
  border-radius: 10000px !important;
  box-sizing: border-box !important;
}

.product_subtitle {
  color: var(--color-grey-1);
  margin-bottom: 1rem;
  margin-top: 0.75rem;
}

.product_subtitle span {
  background-color: var(--color-athletic-navy);
  color: #fff;
  padding: 2px 5px;
  border-radius: 1000px;
}

.card--standard>.card__content .card__information {
  padding-top: 0;
}

.product__inventory {
  margin-bottom: 4px;
}

.product-stock__icon:empty,
.product-stock__icon {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--color-free-wave-salmon);
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;

}

.product-stock__icon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-free-wave-salmon);
  border-radius: 50%;
  content: "";
  animation: pulse 1s ease-in-out infinite;
}


.cart-count-bubble {
  letter-spacing: 0;
  font-size: 1.1rem;
  min-width: 1.9rem;
  min-height: 1.9rem;
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  70% {
    -webkit-transform: scale(1.55);
    transform: scale(1.55);
    opacity: .1
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .1
  }
}

.pdp_award_block {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pdp_award_block .badge_color_gold svg path {
  fill: #facf38;
}

.pdp_award_block .badge_color_silver svg path {
  fill: #bbb;
}

.pdp_award_block .badge_color_bronze svg path {
  fill: #d98d4b;
}

.pdp_award_block .badge_wrapper {
  margin-right: 12px;
  flex-shrink: 0;
}

.pdp_award_block .pdp_award_block_content h2 {
  text-transform: uppercase;
  color: var(--color-athletic-navy);
  font-size: 2.4rem;
  line-height: 1.2;
}

.pdp_award_block .pdp_award_block_content h3 {
  color: var(--color-athletic-navy);
}

@media only screen and (min-width: 768px) {
  .card--standard>.card__content {
    margin-bottom: 8px;
  }

  .pdp_award_block {
    justify-content: flex-start;
  }
}

.blog-articles,
.featured_collections_collection .grid {
  --grid-mobile-horizontal-spacing: 16px;
  --grid-desktop-horizontal-spacing: 16px;
}

.card .card__inner .article-card__image-wrapper.card__media,
.card .card__inner .card__media {
  border-radius: 16px;
}

.footer__content {
  background-color: var(--color-athletic-navy);
}

.footer__content-bottom {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 16px 44px 16px;
  border-top: 1px solid #fff !important;

}

.footer__content-bottom a {
  color: #fff;
  font-size: 1.2rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.footer__content-bottom p {
  color: #fff;
}

.secondary_footer_links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
  margin: 0;
  padding: 0;
}

.secondary_footer_content {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
  .footer__content-bottom {
    display: grid;
    grid-template-columns: 1.5fr .5fr;
  }

  .footer__content-bottom p {
    max-width: 468px;
  }
}


.customer_portal_loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
  gap: 32px;
}

.customer_portal_loading svg {
  animation: spin 4s ease-in-out infinite alternate;
}

/* Define the keyframes for spinning */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(700deg);
  }
}

.ellipsis-anim span {
  opacity: 0;
  animation: ellipsis-dot 2s infinite;
}

.ellipsis-anim span:nth-child(1) {
  animation-delay: 0.0s;
}

.ellipsis-anim span:nth-child(2) {
  animation-delay: 0.1s;
}

.ellipsis-anim span:nth-child(3) {
  animation-delay: 0.2s;
}

@-webkit-keyframes ellipsis-dot {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.ellipsis::after {
  content: '';
  animation: ellipsis 1s steps(4, end) infinite;
}

@keyframes ellipsis {
  0% {
    content: '.';
  }

  33% {
    content: '..';
  }

  66% {
    content: '...';
  }

  100% {
    content: '...';
  }
}

.customer_portal_subscriptions_info {
  display: grid;
  grid-template-columns: 1fr;
  padding: 12px 20px;
}

.customer_portal_subscriptions_info .svg-pin {
  width: 13px;
  height: auto;
  display: flex;
  margin-right: 6px;
  align-items: center;
  justify-content: center;
}


.customer_portal_subscriptions_info .cal-ico {
  width: 13px;
  height: auto;
  display: flex;
  margin-right: 6px;
  align-items: center;
  justify-content: center;
}

.customer_portal_subscriptions_info .freq-ico {
  width: 20px;
  height: auto;
  display: flex;
  margin-right: 6px;
  align-items: center;
  justify-content: center;
}

.customer_portal_subscriptions_info>div {
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.customer_portal_subscriptions_infodiv:not(:last-child) {
  border-right: 1px solid var(--color-grey-3);
}

.customer_portal_subscriptions_info h3 {
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 4rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

.customer_portal_subscriptions_info h5 {
  color: var(--color-grey-1);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
}

.customer_portal_subscriptions_info h5 span {
  color: var(--color-athletic-navy);
}


.canceled_sub {
  opacity: .3;
  pointer-events: none;
}

customer-portal-sub-header .loading__spinner {
  position: relative;
  color: var(--color-athletic-navy);
}


.customer_portal_subscription_content_wrapper {
  background-color: var(--color-grey-5);
  padding: 21px;
}

.customer_portal_subscription_content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}


.customer_portal_subscription_products {
  display: flex;
  flex-direction: row;
  grid-column: span 3 / span 3;
  gap: 8px;
  padding: 0 16px;
  overflow-x: scroll;

}

.subscription_products_list {
  padding: 16px 0;
  width: 100%;
  display: flex;
  scroll-snap-type: x proximity;
}

.subscription_products_list .subscription-product-item {
  max-width: 180px;
  width: 100%;
  display: flex;
  flex-shrink: 0;
  scroll-snap-align: start;
}


.subscription_products_list .subscription-product-item .product-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.subscription_products_list .subscription-product-item img {
  width: 100%;
  height: auto;
  padding: 0 35px;
}

.subscription_products_list .subscription-product-item p {
  margin: 0;
}

.subscription_products_list .subscription-product-item .product_title {
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-athletic-navy);
  margin-bottom: 4px;
}

.subscription_products_list .subscription-product-item .product_subtitle {
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-grey-1);
}

.subscription_products_list .subscription-product-item .subscription_more_info {
  background: none;
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  text-align: center;
  width: 100%;
  text-transform: initial;
}

.customer_portal_subscription_panel {
  background-color: #fff;
}


.customer_portal_subscription_footer {
  margin-top: 20px;
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);*/
  grid-template-columns: 1fr;
}

.customer_portal_subscription_footer .empty_col {
  background-color: var(--color-grey-5);
}


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

  .customer_portal_subscription_footer {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }


  .customer_portal_subscriptions_info {
    grid-template-columns: repeat(3, 1fr);
  }

  .customer_portal_subscriptions_info>div:not(:last-child) {
    border-right: 1px solid var(--color-grey-4);
  }

  .edit_address_container {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: start;
  }

  .customer_portal_subscription_content {
    grid-template-columns: repeat(4, 1fr);
  }

  .customer_portal_subscription_actions {
    grid-column: span 1 / span 1;
    margin-top: 0;
  }
}

.footer_privacy_ico {
  width: 32px;
  height: auto;
}

.collection .grid {
  --grid-desktop-horizontal-spacing: 16px;
  --grid-mobile-horizontal-spacing: 16px;
}

.drawer__header button {
  font-family: var(--font-heading-family);
  font-weight: 700;
}

.price_item_club_badge,
.cart_item_club_badge {
  width: 13px;
  height: auto;
  display: flex;
  align-items: center;
}

.price_item_club_badge {
  margin: .15rem;
}

.collection_header_content {
  text-align: center;
}

.yotpo-vugc-media-gallery-widget .yotpo-vugc-header {
  margin-bottom: 16px;
}

#storepoint-container #storepoint-clear {
  display: block !important;
}

.product-grid-container .loading-overlay-wrapper .customer_portal_loading {
  gap: 5px;
  margin: 0;
}

.product-grid-container .loading-overlay-wrapper svg {
  width: 100%;
  height: auto;
  max-width: 40px;
}

.product-grid-container .loading-overlay-wrapper h3 {
  font-size: 1.6rem;
}

.multicolumn_slide blockquote {
  padding: 0;
  margin: 0;
  font-style: initial;
  border: none;
  font-size: 1.8rem;
  line-height: 1.2;
  color: var(--color-athletic-navy);
}


.facets__summary-label {
  color: var(--color-athletic-navy);
  font-weight: 700;
  font-size: 1.4rem;
  text-transform: uppercase;
}


.tapcart-webbridge .utility-bar {
  display: none;
}

/*
 * Tapcart in-app WebView: the native bottom tab bar sits above the page and can
 * clip fixed drawer footers. Extra bottom inset on subscription builder drawers.
 * --tapcart-bottom-chrome: approximate tab bar + clearance (override in one place if needed).
 */
.tapcart-webbridge {
  /* Tab bar + home indicator + tap target clearance (~8px more than 5.6rem) */
  --tapcart-bottom-chrome: 7.5rem;
}

.tapcart-webbridge subscription-builder.drawer .sub_builder_main_drawer__inner,
.tapcart-webbridge subscription-builder-frequency-panel.drawer .drawer__inner,
subscription-builder[data-tapcart-webview='true'].drawer .sub_builder_main_drawer__inner,
subscription-builder-frequency-panel[data-tapcart-webview='true'].drawer .drawer__inner {
  padding-bottom: calc(var(--tapcart-bottom-chrome, 7.5rem) + env(safe-area-inset-bottom, 0px));
}

.page-subscribe-and-save-app .sub_builder_main_drawer__inner,
.page-subscribe-and-save-app .drawer {
  transition: none;
}

.page-subscribe-and-save-app .drawer {
  padding: 0;
}

.page-subscribe-and-save-app subscription-builder.drawer .drawer__inner {
  max-width: 100vw;
  border-radius: 0;
}

.january_pdp_promo {
  border-radius: 26px;
  border: 2px solid #EBD923;
  background: #41C3D6;
  padding: 18px 9px;
  margin: 16px 0;
}

.january_pdp_promo p.heading {
  color: var(--color-athletic-navy);
  text-align: center;
  font-family: var(--font-heading-family);
  font-size: 2rem;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-wrap: balance;
  margin-bottom: 13px;
}

.january_pdp_promo h3 {
  color: var(--color-athletic-navy);
  text-align: center;
  font-size: 5.2rem;
  font-style: normal;
  font-weight: 750;
  line-height: 1;
  text-transform: uppercase;
  text-wrap: balance;
  margin-bottom: 13px;
}

.january_pdp_promo p.terms {
  text-align: center;
  text-wrap: balance;
  margin-bottom: 22px;
}

.january_pdp_promo .cta_row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  padding: 0 20px;
}

.january_pdp_promo .cta_row a {
  padding: 14px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.january_pdp_promo .cta_row a:hover {
  background-color: #0B3046;
}

@media only screen and (min-width: 640px) {
  .january_pdp_promo .cta_row {
    grid-template-columns: repeat(2, 1fr);
  }
}

.multicolumn_slide_heading {
  word-break: auto-phrase;
}

.club_purchase_notification {
  border-radius: 1000px;
  background: #BA4230;
  padding: 6px 20px;
  margin-top: 9px;
}

.club_purchase_notification.discount_active {
  background-color: #003A5D;
}

.club_purchase_notification p {
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.club_purchase_notification img {
  width: 12px;
  height: auto;
  margin: 0 6px;
}

.product_card_banner {
  position: absolute;
  top: 12px;
  left: 12px;
  font-family: var(--font-body-family);
  color: #fff;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  border-radius: 1000px;
  background-color: var(--color-athletic-navy);
  padding: 6px 12px;
  z-index: 3;
  pointer-events: none;
  text-align: center;
}

.botm_product_card_banner {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  pointer-events: none;
  max-width: 105px;
  width: 100%;
}

.botm_product_card_banner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  overflow: visible;
}

.botm_product_image_banner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  pointer-events: none;
  width: min(68%, 430px);
  transform: translate(-50%, -50%);
}

.inactive_subscription {
  opacity: 0.4;
  pointer-events: none;
}

.subscription_account_status_wrapper {
  background-color: #fef2f2;
  padding: 16px;
  margin-bottom: 8px;
  border-radius: 6pxx;
}

.subscription_account_status_wrapper .account_status_svg {
  flex-shrink: 0;
}

.subscription_account_status_wrapper .account_status_svg svg {
  width: 20px;
  height: 20px;
  color: #f87171;
}

.subscription_account_status_wrapper .account_status_msg {
  margin-left: 12px;
}

.subscription_account_status_wrapper .account_status_msg h3 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #991b1b;
  text-transform: initial;
  font-family: var(--font-heading-family);
}

.subscription_account_status_wrapper .account_status_msg button:not(.button) {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: #991b1b;
  text-decoration: underline;
  font-family: var(--font-heading-family);
  cursor: pointer;
}

.subscription_account_status_wrapper .account_status_error_msg {
  margin-top: 8px;
  font-size: 1.4rem;
  color: #b91c1c;
}

.subscription_account_status_wrapper .account_status_error_msg ul {
  font-family: var(--font-body-family);
  padding-left: 20px;
  list-style-type: disc;
}

.subscription_account_status_wrapper .account_status_actions {
  margin-top: 12px;
}

.subscription_account_status_wrapper .account_status_actions #account_status_retry_charge:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


.subscription-progress-ticks-container-new {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: grid;

}

.subscription-progress-ticks-container-new.subscription_progress_ticks {
  grid-template-columns: repeat(3, 1fr);
}

.subscription-progress-ticks-container-new.club_progress_ticks {
  grid-template-columns: repeat(2, 1fr);
}

.subscription-progress-ticks-mark {
  display: flex;
  flex-direction: column;
  align-items: end;
  padding-top: 22px;
  position: relative;
}

.subscription-progress-ticks-mark::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 22px;
  background-color: var(--color-athletic-navy);
}

.subscription-progress-ticks-mark h3 {
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}

.subscription-progress-ticks-mark p {
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
}



.subscription-progress-ticks-container-new {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.subscription-progress-ticks-mark {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.subscription-progress-bar-bg {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

.subscription-progress-bar-bg.club_progress_bar {

  grid-template-columns: repeat(6, 1fr);
}

.subscription-progress-fill {
  height: 16px;
  background-color: #41C3D6;
  display: none;
}


.product-card-wrapper-abc .card__media .media img+img {
  object-fit: cover;
  object-position: top;
}

.club-details-panel .club_details_panel_content {
  overflow: scroll;
}

.club-details-panel .club_details_panel_content .content_heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.club-details-panel .club_details_panel_content .content_heading h2 {
  color: var(--color-athletic-navy);
  text-align: center;
  font-size: 4.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  text-wrap: balance;
  text-transform: uppercase;
}

.club-details-panel .club_details_panel_content .content_heading p {
  color: var(--color-grey-1, #414042);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin-top: 11px;
  text-wrap: balance;
}

.club-details-panel .club_details_panel_content .content_heading .svg-wrapper {
  width: 81px;
  height: auto;

}

.club-details-panel .drawer_close {
  background: none;
  border: none;
}

.club-details-panel .drawer__header {
  padding-bottom: 0;
}

.club_details_panel_content button {
  display: flex;
  flex-direction: column;
  align-self: center;
  width: initial;
  gap: 2px;
  margin-top: 22px;
  text-align: center;
  font-family: var(--font-heading-family);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 800;
  line-height: 2.2rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.club_details_panel_content button span {

  font-family: var(--font-body-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  text-transform: initial;

}

.club_details_panel_content .club_details_values {

  margin: 0 auto;
}

.club_details_panel_content .club_details_values .values_heading {
  text-align: center;
  text-wrap: balance;
  margin-top: 27px;
  max-width: 322px
}

.club_details_panel_content .club_details_values .values_heading p {
  color: var(--color-grey-1, #414042);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}


.club_details_values ul {
  color: var(--color-athletic-navy);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0;
}


.club_details_values ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 800;
  font-family: var(--font-heading-family);
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

.club_details_values ul li span {
  color: var(--color-grey-1);
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  text-transform: initial;
  margin-top: 4px;

}

.club_details_values ul li .icon_wrapper {
  max-width: 56px;
  width: 100%;
}

.club_details_values ul li .icon_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fancy_like_callout {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}

.fancy_like_callout .svg-wrapper {
  max-width: 70px;
  width: 100%;
  flex-shrink: 0;
}

.fancy_like_callout h4 {
  font-size: 4rem;
}


/* General popup */

.general-popup-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  background: rgba(var(--color-foreground), 0.2);
  height: 100%;
}

.general-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 1001;
}

.general-popup-modal__content {
  border-radius: var(--popup-corner-radius);
  background-color: rgb(var(--color-background));
  overflow: auto;
  height: 80%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5rem;
  width: 92%;
  position: absolute;
  top: 0;
  padding: 0 1.5rem 0 3rem;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  /*
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  */
  box-shadow: none;
  border-radius: 16px;
}

.general-popup-modal__content:focus-visible {
  outline: none;
}

.general-popup-modal__content.focused {
  /*
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3),
  var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  */
  box-shadow: none;
}

.general-popup-modal__content:focus-visible {
  /*
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3),
  var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  */
  box-shadow: none;
  ;
}

@media screen and (min-width: 750px) {
  .general-popup-modal__content {
    padding-right: 1.5rem;
    margin-top: 10rem;
    width: 70%;
    padding: 0 3rem;
  }

  .product-media-modal__dialog .global-media-settings--no-shadow {
    overflow: visible !important;
  }

}

.general-popup-modal__content img {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  .general-popup-modal__content table {
    display: block;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }

  .product-media-modal__dialog .global-media-settings,
  .product-media-modal__dialog .global-media-settings video,
  .product-media-modal__dialog .global-media-settings model-viewer,
  .product-media-modal__dialog .global-media-settings iframe,
  .product-media-modal__dialog .global-media-settings img {
    border: none;
    border-radius: 0;
  }
}

.general-popup-modal__opener {
  display: inline-block;
}

.general-popup-modal__button {
  font-size: 1.6rem;
  padding-right: 1.3rem;
  padding-left: 0;
  min-height: 4.4rem;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.general-popup-modal__button:hover {
  text-decoration-thickness: 0.2rem;
}

.general-popup-modal__content-info {
  padding-right: 4.4rem;
}

.general-popup-modal__content-info>* {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .general-popup-modal__content-info>* {
    max-height: 100%;
  }
}

.general-popup-modal__toggle {
  background-color: rgb(var(--color-background));
  /*
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  */
  color: rgba(var(--color-athletic-navy));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: sticky;
  padding: 1.2rem;
  z-index: 2;
  top: 1.5rem;
  width: 4rem;
  margin: 0 0 0 auto;
  border: none;
}

.general-popup-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.general-popup-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}


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


  .remove_club_modal .general-popup-modal__content {
    max-width: 440px;
  }
}


.remove_club_modal .svg-wrapper.logo {
  max-width: 50px;
  display: flex;
  margin-bottom: 13px;
  ;
}

.remove_club_modal .general-popup-modal__content {
  height: auto;
}

.remove_club_modal .general-popup-modal__content-info {
  padding-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 32px;
}

.remove_club_modal .general-popup-modal__content-info h1 {
  color: var(--color-upside-dawn-orange);
  margin-bottom: 7px;
}

.remove_club_modal .modal_cta_wrapper {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
}

.remove_club_modal .remove_club_modal__content_value_props {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 350px;
  margin: 0 auto;
  margin-top: 11px;
}

.remove_club_modal .remove_club_modal__content_value_props>div {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  width: 50%;
  flex-shrink: 0;
}

.remove_club_modal .remove_club_modal__items {
  display: flex;
  flex-direction: row;
  max-width: 350px;
  margin-top: 22px;
  justify-content: center;
  gap: 32px;
}

.remove_club_modal .remove_club_modal__items>div {
  max-width: 50%;
  width: 90px;
  flex-shrink: 0;
  align-items: center;
  display: flex;
  flex-direction: column;

}

.remove_club_modal .remove_club_modal__items .remove_club_modal__items_image {
  display: flex;
  aspect-ratio: 5/8;
}

.remove_club_modal .remove_club_modal__items .remove_club_modal__items_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/*
.remove_club_modal .remove_club_modal__items p {
flex-shrink: 0;
}
*/
.top_nav_level_first_link_wrapper {
  border-radius: 99999px;
  background-color: var(--color-athletic-navy);
  padding: 0 16px;
}

#HeaderMenu-shop span {
  color: #fff;
}

.top_nav_level_first_link_wrapper .header__menu-item:hover span {
  text-decoration: none;
}

.size_chart_btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  cursor: pointer;
  text-transform: initial;
  text-decoration: underline;
}

.form__label {
  font-size: 1.6rem;
  font-weight: 700;
}


/* ── Container & base styles ───────────────────────────────────────────────── */

.size-chart {
  border: 1px solid var(--color-grey-3);
}

.size-chart__container {
  font-size: 1.6rem;
  color: var(--color-grey-1);
  /* TODO: confirm variable */
}

/* ── Header row ────────────────────────────────────────────────────────────── */

.size-chart__header {

  color: var(--color-athletic-navy);
  font-family: var(--font-heading-family);
  border-bottom: 1px solid var(--color-grey-3);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 16px 32px;
  font-size: 1.5rem;
  line-height: 1;
  text-transform: uppercase;
}


.size-chart__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 16px 32px;
}

.size-chart__row--odd {
  background-color: var(--color-grey-5);
}

.size-chart__row--even {
  background-color: var(--color-grey-4);
}

.quick-add__submit .quick_add_desktop {
  color: var(--color-athletic-navy);
}

.pdp_subnav_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.pdp_subnav_nav_link {
  flex-shrink: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.pdp_subnav_nav_link.pdp_subnav_next {
  transform: rotate(180deg);
}

.pdp_subnav_nav_link:disabled {
  opacity: 0.3;
  pointer-events: none;
}

.pdp_subnav_links_container {
  overflow: hidden;
}


.promo_block_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

/*
.promo-container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
gap: 1rem;
}

.promo-title {
font-size: 2rem;
font-weight: 800;
margin: 0;
text-transform: uppercase;
}

.promo-subtext {
font-size: 1.125rem;
margin-top: 0.5rem;
}

.promo-button {
display: inline-block;
background-color: #f8e71c;
color: #002855;
font-weight: bold;
padding: 0.75rem 1.5rem;
border-radius: 999px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
*/


.promo-block__image,
.promo-block__text,
.promo-block__cta {
  flex: 1 1 100%;
}

.promo-block__text {
  text-align: center;
}

.promo-block__cta {
  display: flex;
  justify-content: center;
}

.promo-svg {
  max-width: 100%;
  height: auto;
}




@media (min-width: 768px) {
  .promo-block__text {
    text-align: left;
  }

  .promo-block__image {
    flex: 0 0 auto;
    max-width: 250px;
  }

  .promo-block__text {
    flex: 1 1 auto;
    text-align: left;
  }

  .promo-block__cta {
    flex: 0 0 auto;
    text-align: right;
  }

  .promo_block_wrapper {
    flex-wrap: nowrap;
  }
}


.join_members_club_extra_cta {
  width: 100%;
}

.join_members_club_extra_cta .button-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.join_members_club_extra_cta .button-text.button-text-heading {
  font-size: 2.2rem;
  font-family: var(--font-heading-family);
  line-height: 1;
}

.join_members_club_extra_cta .button-text.button-text-subheading {
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
}


.welcome_offer_image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.welcome_offer_image img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: auto;
}


.welcome-offer-panel {
  max-width: 640px;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  border: 2px solid var(--color-athletic-navy, #003A5D);
  background: #fff;
}

.welcome-offer-header {
  background: var(--color-athletic-navy, #003A5D);
  color: #fff;
  text-align: center;
  padding: 29px 30px;
}

.welcome-offer-header .h1 {
  margin: 0;
  color: #fff;
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.welcome-offer-header p {
  /*margin: 8px 0 0;*/
  font-size: 1.8rem;

  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}

.welcome-offer-items {
  display: grid;
  grid-template-columns: auto 1fr auto;
  row-gap: 16px;
  column-gap: 7px;
  padding: 15px 37px 15px 23px;
  align-items: center;
}




.welcome-offer-item {
  display: contents;
}

.welcome-offer-image_wrapper {
  width: 100%;
  max-width: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.welcome-offer-image_wrapper img {
  object-fit: contain;
  object-position: center;
  width: 100%;
}

.welcome-offer-item-text strong {
  display: block;
  font-family: var(--font-heading-family);
  color: var(--color-athletic-navy, #003A5D);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  margin: 0;
}

.welcome-offer-item-text small {
  font-family: var(--font-body-family);
  display: block;
  color: var(--color-athletic-navy, #003A5D);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}


.welcome-offer-item-price {
  font-family: var(--font-body-family);
  text-align: right;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.2;
}

.welcome-offer-item-price .welcome-offer-full-price {
  margin-right: 4px;
  color: #7E9DB1;
  text-decoration-line: line-through;
}

.welcome-offer-badge {
  line-height: 1.2;
  display: block;
  font-size: 1.2rem;
  background: #41C3D6;
  color: #003A5D;
  border-radius: 100000px;
  padding: 2px 6px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.2rem;
}

.welcome-offer-separator {
  margin: 0 18px;
  border: none;
  border-top: 1px solid #003A5D;
}

/*
.welcome-offer-items {
  display: grid;
  grid-template-columns: auto 1fr auto;
  row-gap: 16px;
  column-gap: 7px;
  padding: 35px 37px 35px 23px;
  align-items: center;
}
  */

.welcome-offer-total {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  column-gap: 16px;
  align-items: baseline;
  padding: 10px 37px 15px 23px;
}


.welcome-offer-total-label {
  display: flex;
  align-items: baseline;
  gap: 8px;
  align-items: center;
}

.welcome-offer-total-label strong {
  font-family: var(--font-heading-family);
  color: var(--color-athletic-navy, #003A5D);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.welcome-offer-total-label small {
  font-family: var(--font-body-family);
  color: var(--color-run-wild-blue);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}


.welcome-offer-total-price span {
  font-family: var(--font-body-family);
  text-align: right;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.2;
}


.welcome-offer-total-price .total-full-price {
  margin-right: 4px;
  color: #7E9DB1;
  text-decoration-line: line-through;
}


.welcome-offer-disclaimer {
  font-size: 1.4rem;
  color: #666;
  padding: 0 36px 24px;
  line-height: 1.2;
  text-align: center;
}

.welcome-offer-disclaimer a {
  color: #0F2D4F;
  text-decoration: underline;
}

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

  .welcome-offer-total-price span {
    font-size: 2.8rem;
  }

  .welcome-offer-total-label small {
    font-size: 2rem;
  }


  .welcome-offer-total-label strong {
    font-size: 3.4rem;
  }

  .welcome-offer-items {
    column-gap: 22px;
    padding: 35px 60px 35px 38px;
  }


  .welcome-offer-separator {
    margin: 0 24px
  }

  .welcome-offer-header .h1 {
    font-size: 5.4rem;
  }

  .welcome-offer-header p {
    font-size: 2.8rem;
  }

  .welcome-offer-image_wrapper {
    max-width: 92px;
  }

  .welcome-offer-item-text strong {

    font-size: 3rem;
  }

  .welcome-offer-item-text small {
    font-size: 1.7rem;
  }

  .welcome-offer-item-price {
    font-size: 2.8rem;
  }

  .welcome-offer-badge {
    font-size: 1.6rem;
    padding: 2px 6px;
    letter-spacing: 0.2rem;
  }

}

.welcome-offer-builder {
  /*padding-top: 14px;*/
}

.welcome-offer-builder__products {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-top: 42px;
}

@media (min-width: 640px) {
  .welcome-offer-builder__products {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.1rem;
  }
}

@media (min-width: 1024px) {
  .welcome-offer-builder__products {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4.1rem;
    row-gap: 3rem;

  }
}

.welcomer-offer-builder__product-card__top {
  display: flex;
  flex-direction: row;
  gap: 1.9rem;
  margin-bottom: 8px;

}

.welcome-offer-builder-eyebrow p {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 3px;
}

.welcome-offer-builder__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

.welcome-offer-builder__eyebrow_text {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: var(--color-run-wild-blue);
  text-align: center;
}



.welcomer-offer-builder__product-card__content .product__description {
  margin-bottom: 18px;
}

.welcomer-offer-builder__product-card__content .product__description p {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-grey-1);
}

.welcome-offer-builder__title {
  font-family: var(--font-heading-family);
  color: var(--color-athletic-navy);
  font-size: 4rem;
  font-style: normal;
  font-weight: 800;
  margin-top: 3px;
  text-align: center;
}

/*

  */

.welcomer-offer-builder__product-card {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between;*/
  padding: 1.8rem 2.9rem;
  border: 2px solid var(--color-grey-4);
  border-radius: 16px;
  background: #fff;
  height: 100%;
}

.welcomer-offer-builder__product-card__image {
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 103px;
  height: 100%;
  flex-shrink: 0;
  border-radius: 16px;
}

.welcomer-offer-builder__product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;

}


.welcomer-offer-builder__product-card__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.welcome-offer-builder__info_button {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-family: var(--font-heading-family);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  padding: 0;
}

.welcome-offer-builder__footer--selected_items {
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: start;

}

.welcome-offer-builder__selected_item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: 69px;
  flex: 0 0 auto;
  position: relative;
}

/*
welcome-offer-builder__selected_item included-item
included-item-free-gift
included-item-free-shipping
*/

.welcome-offer-builder__selected_item--image {
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100%;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.welcome-offer-builder__selected_item.included-item .welcome-offer-builder__selected_item--image {
  padding: 10px;
}


.included-item-free-gift .welcome-offer-builder__selected_item--image {
  background-color: rgba(235, 217, 35, .3)
}

.included-item-free-shipping .welcome-offer-builder__selected_item--image {
  background-color: rgba(65, 195, 214, .3)
}

.placeholder-item .welcome-offer-builder__selected_item--image {
  background-color: #fff;
  border: 2px dashed var(--color-grey-3);
  padding: 10px;
}

.welcome-offer-builder__selected_item--image svg,
.welcome-offer-builder__selected_item--image img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;

}

.welcome-offer-builder__selected_item--details .welcome-offer-builder__selected_item--title {
  text-transform: initial;
  color: var(--color-athletic-navy);
  font-family: var(--font-heading-family);
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

.select_item_action {
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #003A5D;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.welcome-offer-footer-remove-button {
  position: absolute;
  top: -5px;
  left: -5px;
  cursor: pointer;
}

.placeholder_counter {
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: var(--color-grey-3);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-heading-family);
  color: #fff;
}


.welcome-offer-builder__savings {
  color: var(--color-run-wild-blue);
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  text-transform: initial;
  text-align: center;
  line-height: 1.2;
}

.welcome-offer-builder__price {
  font-family: var(--font-heading-family);
  color: var(--color-athletic-navy);
  font-size: 2rem;
  font-style: normal;
  font-weight: 800;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.1rem;
}

.welcome-offer-builder__price--original {
  color: #7D9DB0;
  text-decoration-line: line-through;
}



.welcome-offer-builder__footer {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-radius: 12px;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .10);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sticky-bar .steps {
  display: flex;
  gap: .5rem;
  align-items: center;
}

.sticky-bar .summary {
  flex: 1;
  text-align: center;
}

.sticky-bar .btn {
  flex-shrink: 0;
  margin-left: 1rem;
}

.welcome-offer-builder__footer--summary {
  gap: 17px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.welcome-offer-builder__footer--content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 16px;
}

@media (min-width: 768px) {
  .welcome-offer-builder__title {
    font-family: var(--font-heading-family);
    color: var(--color-athletic-navy);
    font-size: 5.4rem;
    font-style: normal;
    font-weight: 800;
    margin-top: 3px;
    text-align: left;
  }

  .welcome-offer-builder-eyebrow p {
    font-size: 1.4rem;
    text-align: left;
  }


  .welcome-offer-builder__eyebrow_text {
    font-size: 2rem;
    text-align: left;
    margin-left: 10px;
  }


  .welcome-offer-builder__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .welcome-offer-builder__footer--content {
    flex-shrink: 0;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}

.welcome-offer-builder__filters {
  max-width: 400px;
}

.welcome-offer-builder__filters--tags {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap;
}

.welcome-offer-builder__filters--tag {
  background-color: var(--color-grey-4);
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  border: none;
  padding: 4px 19px;
  border-radius: 1000px;
  cursor: pointer;
}

.welcome-offer-builder__filters--tag[aria-pressed="true"] {
  background-color: var(--color-athletic-navy);
  color: #fff;
}

.welcomer-offer-builder__product-card__title h3 {
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.welcomer-offer-builder__product-card__filter_tags {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 27px;
  flex-wrap: wrap;
  justify-content: center;
}



.welcome-offer-builder__product-card__filter_tag {
  background-color: #fff;
  color: var(--color-athletic-navy);
  font-family: var(--font-body-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  border: none;
  padding: 4px 19px;
  border-radius: 1000px;
  border: 1px solid var(--color-athletic-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}

.welcomer-offer-builder__product-card .yotpo-sr-bottom-line-summary {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.welcome-offer-quantity-wrapper.button {
  background-color: #003A5D;
  padding: 0;
  width: 154px;
  height: 48px;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.5fr;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  color: #fff;
}

.welcome-offer-quantity-wrapper.button button {
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #fff;
}

.welcome-offer-quantity-wrapper.button button:disabled {
  visibility: hidden;
}

.welcome-offer-quantity-wrapper.button .quantity-display {
  text-align: center;
}


.welcome-offer-panel .welcome_offer_panel_content {
  overflow: scroll;
}

welcome-offer-panel .club_details_panel_content {
  padding: 0;
}

welcome-offer-panel.drawer.active {
  z-index: 999;
  /* Lower than cart drawer (1000) */
}

welcome-offer-panel.drawer.active .drawer__inner {
  padding: 0;
  overflow-y: scroll !important;
}

welcome-offer-panel .drawer_close {
  border: none;
  background: none;
}

welcome-offer-panel .drawer__header {
  padding-bottom: 0;
  margin-bottom: 0;
}

h4.welcome-offer-builder__filters-title {
  text-transform: initial;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-body-family);
}


@media (min-width: 768px) {
  .welcome-offer-builder__filters {
    max-width: 100%;
  }

  h4.welcome-offer-builder__filters-title {
    font-size: 2.6rem;
  }


  welcome-offer-panel.drawer .drawer__inner {
    border-radius: 16px;
    width: 100vw;
    max-width: calc(100vw - 3rem);
  }

  welcome-offer-panel.drawer {}
}




.welcome-offer-header .welcome-offer-header-disclaimer {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 8px;
}

.welcome-offer-header-disclaimer a {
  color: #fff;
  text-decoration: underline;
}

welcome-offer-email-form .response-message {
  margin-top: 0.5em;
  padding: 0 36px 20px;
  font-size: 0.9em;
  color: #333;
}

welcome-offer-email-form .response-message.error {
  color: #c00;
}


.welcome-offer-form {
  display: flex;
  flex-direction: column;
  /* stack on mobile */
  gap: 8px;
  /* space between input & button */
  margin: 0 18px 15px;
  border: 1px solid rgba(0, 58, 93, 0.2);
  border-radius: 26px;
  overflow: hidden
}

/* mobile: both span full width */
.welcome-offer-form input,
.welcome-offer-form button {
  width: 100%;
  border: none;
  font-size: 1.8rem;
  padding: 12px 16px;
}

.welcome-offer-form input {
  color: #003A5D;
}

.welcome-offer-form input::placeholder {
  color: #003A5D;
}

.welcome-offer-form input:focus,
.welcome-offer-form input:focus-visible {
  outline: none;
  box-shadow: none;
}

.welcome-offer-form button {
  font-family: var(--font-heading-family);
  color: rgba(var(--color-athletic-navy));
  background: #EBD923;
  font-weight: bold;
  cursor: pointer;
  border-radius: 24px;
  letter-spacing: 0.1rem;
}

/* desktop: row layout, auto-width button */
@media (min-width: 768px) {
  .welcome-offer-form {
    flex-direction: row;
    /* side-by-side */
    align-items: center;
    /* vertically center if sizes differ */
    gap: 8px;
    /* horizontal gap */
    margin: 0 38px 24px;
  }

  .welcome-offer-form input {
    flex: 1 1 auto;
    /* fill remaining space */
    min-width: 0;
    /* allow it to shrink properly */
    width: auto;
    /* cancel mobile 100% */
    margin: 0;
    font-size: 2.6rem;
  }

  .welcome-offer-form button {
    flex: 0 0 auto;
    /* only as wide as its content */
    width: auto;
    /* cancel mobile 100% */
    margin: 0;
    font-size: 2.4rem;
    padding: 12px 24px;
  }
}

.welcome-offer-more-info-panel-overlay .drawer_close {
  border: none;
  background: none;
}

.welcome-offer-more-info-panel-overlay .drawer__inner {
  overflow-y: scroll;
}

.cart-item--welcome-offer-2025 .discounts__discount {
  color: #41C3D6;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

.cart-item--welcome-offer-2025 .bundle_item_title {
  white-space: normal;
}

.club-member-header-bar,
.welcome-offer-banner {
  background-color: #41C3D6;
  padding: 8px 0;
  text-align: center;
}

.club-member-header-bar {
  border-top: 1px solid rgba(0, 58, 93, .25);
  background-color: #F7FBFC;
}

.welcome-offer-banner-customer {
  background-color: var(--color-run-wild-yellow);
}

.club-member-header-bar .button {
  padding-left: 3rem;
  padding-right: 3rem;
  font-size: 1.4rem;
}

.club-member-header-bar h2,
.welcome-offer-banner h2 {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-body-family);
}

.welcome-offer-banner .welcome_offer_option h2 {
  font-size: 1.3rem;
}

.club-member-header-bar h2 {
  text-transform: initial;
  font-size: 1.6rem;
}

.welcome-offer-banner h2 span {
  text-decoration-line: underline;
}

.club-member-header-bar p,
.welcome-offer-banner p {
  margin-top: 3px;
  color: #003A5D;
  text-align: center;
  font-family: var(--font-body-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
}

.club-member-header-bar p {
  text-align: left;
  font-size: 1.2rem;
  font-family: var(--font-body-family);
}

.club-member-header-bar-image,
.welcome-offer-banner-image {
  display: flex;
  width: 100%;
  max-width: 60px;
  align-items: center;
  justify-content: center;
}

.welcome-offer-banner-customer .welcome-offer-banner-image {
  max-width: 40px;
  margin-right: 6px;
}

.club-member-header-bar-image {
  max-width: 40px;
}

.club-member-header-bar-image svg,
.welcome-offer-banner-image svg,
.welcome-offer-banner-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}

.club-member-header-bar .banner-content,
.welcome-offer-banner .banner-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.club-member-header-bar .banner-content {
  width: 100%;
  row-gap: 8px;
  column-gap: 16px;
  justify-content: center;
}

.club_member_header_bar_text_wrapper {
  column-gap: 16px;
}

.club-member-header-bar-savings {
  /*margin-left: auto;*/

  flex-shrink: 0;
}

.club-member-header-bar-savings span {
  color: #003A5D;
  text-align: right;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  font-family: var(--font-heading-family);
}

.welcome-offer-banner-text a {
  text-decoration: none;
}

@media only screen and (min-width: 600px) {
  .club-member-header-bar .banner-content {
    width: auto;
    justify-content: center;
    gap: 8px;
  }

  .club_member_header_bar_text_wrapper {
    column-gap: 32px;
  }

}

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

  .welcome-offer-banner .welcome_offer_option h2,
  .club-member-header-bar h2,
  .welcome-offer-banner h2 {
    font-size: 2rem;
  }
}

.welcome-offer-panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 999;
  /* Lower than cart drawer (1000) */
}

.welcome-offer-panel-overlay .drawer_close {
  position: sticky;
  top: 15px;
  padding-left: 15px;
}

.drawer .drawer_close {
  background: none;
  border: none;
  cursor: pointer;
}

.subnav_image_link.active>div {
  box-shadow:
    0 0 0 3px white,
    0 0 0 6px var(--color-athletic-navy);
}

.subnav_image_link.active span {
  font-weight: 700;
}

.product__info-container .price-per-item__container {
  background-color: #fff;
  border-radius: 100000px;
}

@media only screen and (min-width: 750px) {
  .header-carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .header-carousel .slider-buttons {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
  }
}

.club-mgmt-panel-overlay .drawer__inner {
  background-color: var(--color-athletic-navy);
}

.club-mgmt-panel-overlay .drawer__contents {
  display: flex;
  flex-direction: column;
}

.club-mgmt-panel-overlay .drawer__contents .drawer__contents_inner {
  padding: 50px 25px 25px 25px;
  display: flex;
  align-items: center;
  flex-direction: column;

}

.club-mgmt-panel-overlay .drawer__contents .drawer__contents_inner.drawer__contents__bottom {
  padding-top: 19px;
}

.club-mgmt-panel-overlay .drawer__contents .drawer__contents__top {
  background-color: var(--color-athletic-navy);
}

.club-mgmt-panel-overlay .drawer__contents .drawer__contents__bottom {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, .01);
}

.club-mgmt-panel-overlay .drawer_close {
  position: fixed;
  top: 10px;
  right: 10px;
}

.club-mgmt-panel__content {
  margin-top: 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}


.club-mgmt-panel-overlay h3 {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  text-transform: initial;
  margin-bottom: 20px;
}

.club_mgmt_panel_total_saved {
  width: 100%;
  overflow: hidden;
  border-radius: 1000px;
  background: #F7FBFC;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 240px;
}

.club_mgmt_panel_total_saved span {
  color: var(--color-athletic-navy);
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  /*font-family: var(--font-heading-family);*/
}

.club_mgmt_panel_total_saved p {
  color: var(--color-athletic-navy);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
}

.club_mgmt_panel_status_txt {
  margin-top: 20px;
  color: #fff;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
}

.club_mgmt_panel_status_buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
  gap: 16px;
  margin-bottom: 16px;

}

.club_mgmt_panel_status_button {
  /*
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  display: flex;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  border-radius: 1000px;
  background: #132838;
  */
  border: none;
  border-radius: 1000px;
  background: #132838;
  color: #fff;
  text-align: center;
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.club_mgmt_panel_status_button:disabled {
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

/*
.club_mgmt_panel_status_button:first-child:after {
  content: "";
  border-right: 1px solid #fff;
  margin-left: 8px;
  height: 13px;
  display: inline-block;
  position: absolute;
  right: -8px;
}
*/

.club_member_account_bar_btn {
  border-radius: 1000px;
  background: #132838;
  color: #fff;
  text-align: center;
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 9px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;

}

.account_club_bar.club_member_update .manage_club_membership_btn {
  display: flex;
}

.drawer__contents__bottom h3 {
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 600;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
}

.drawer__contents__bottom ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.drawer__contents__bottom ul li {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 13px;
}

.drawer__contents__bottom ul li .value_prop_img {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.drawer__contents__bottom ul li .value_prop_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.drawer__contents__bottom ul li .value_prop_details {}

.drawer__contents__bottom ul li .value_prop_details h4 {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  text-transform: initial;
}

.drawer__contents__bottom ul li .value_prop_details p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  margin-top: 8px;
}

@media only screen and (min-width: 750px) {
  .club-mgmt-panel-overlay .drawer__contents {}
}

.club_mgmt_panel_status_txt_value {
  display: none;
}

.reactivate_membership_btn {
  border-radius: 1000px;
  text-align: center;
  font-family: var(--font-body-family);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 18px 20px;
  flex-direction: row;
  align-items: center;
}

.account_club_bar_status {
  text-align: center;
}



.cart-lower-upsell-scroll {
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  scroll-padding-inline: 10px;
}

.cart-lower-upsell-scroll::-webkit-scrollbar {
  display: none;
}

.cart-upsell-product-wrapper {
  flex: 0 0 auto;
  width: 150px;
  scroll-snap-align: start;
}


.cart-lower-upsell-header {
  text-align: center;
  margin-bottom: 12px;
}

.cart-lower-upsell-header h3 {
  text-transform: initial;
  font-size: calc(var(--font-heading-scale) * 3rem);
}


.cart-upsell-product-wrapper .quick-add__submit .quick_add_desktop {
  display: none;
}

.cart-upsell-product-wrapper .quick-add__submit .quick_add_mobile {
  display: block;
}

.cart-upsell-product-wrapper .card .quick-add__submit {
  min-width: auto;
}

.cart-lower-upsell-content {
  display: flex;
  flex-direction: row;
}

.cart-upsell-scroll-left,
.cart-upsell-scroll-right {
  opacity: 1;
  transition: opacity 0.2s ease;
  pointer-events: auto;
  background: none;
  border: none;
  cursor: pointer;
}

.cart-upsell-scroll-left.is-disabled,
.cart-upsell-scroll-right.is-disabled {
  opacity: .4;
  pointer-events: none;
  cursor: none;
}

.cart-upsell-scroll-right {
  transform: rotate(180deg);
}

.cart-lower-upsell-content {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.cart-upsell-nav-wrapper {
  display: none;
  align-items: center;
  justify-content: center;

  z-index: 2;
}

.cart-upsell-scroll-left {
  margin-right: 5px;
}

.cart-upsell-scroll-right {
  margin-left: 5px;
}

@media (min-width: 768px) {
  .cart-upsell-nav-wrapper {
    display: flex;
  }
}



.value-stacking-panel {
  max-width: 640px;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  border: 2px solid var(--color-athletic-navy, #003A5D);
  background: #fff;
}

.value-stacking-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.value-stacking-image img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: auto;
}

.value-stacking-header {
  background: var(--color-athletic-navy, #003A5D);
  color: #fff;
  text-align: center;
  padding: 29px 30px;
}


.value-stacking-header .h1 {
  margin: 0;
  color: #fff;
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.value-stacking-header p {
  /*margin: 8px 0 0;*/
  font-size: 1.8rem;

  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}


.value-stacking-header .value-stacking-header-disclaimer {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 8px;
}

.value-stacking-header-disclaimer a {
  color: #fff;
  text-decoration: underline;
}

.value-stacking-items {
  display: grid;
  grid-template-columns: auto 1fr auto;
  row-gap: 16px;
  column-gap: 7px;
  padding: 15px 37px 15px 23px;
  align-items: center;
}

.value-stacking-item {
  display: contents;
}

.value-stacking-item-text strong {
  display: block;
  font-family: var(--font-heading-family);
  color: var(--color-athletic-navy, #003A5D);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  margin: 0;
}

.value-stacking-item-text small {
  font-family: var(--font-body-family);
  display: block;
  color: var(--color-athletic-navy, #003A5D);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.value-stacking-item-cta-wrapper,
.value-stacking-item-price {
  font-family: var(--font-body-family);
  text-align: right;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}


.value-stacking-item-price .value-stacking-full-price {
  margin-right: 4px;
  color: #7E9DB1;
  text-decoration-line: line-through;
}

.value-stacking-item-cta-wrapper span.value-stacking-item-cta {
  color: var(--color-run-wild-blue);
  font-size: 1.8rem;
  font-family: var(--font-heading-family);
  font-weight: 700;
}

.value-stacking-image_wrapper {
  width: 100%;
  max-width: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.value-stacking-image_wrapper img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: auto;
}

.value-stacking-separator {
  margin: 0 18px;
  border: none;
  border-top: 1px solid #003A5D;
}

.value-stacking-total {
  display: grid;
  grid-template-columns: 62px 1fr auto;
  column-gap: 16px;
  align-items: baseline;
  padding: 10px 37px 15px 23px;

}


.value-stacking-total-label {
  display: flex;
  align-items: baseline;
  gap: 8px;
  align-items: center;
}

.value-stacking-total-label strong {
  font-family: var(--font-heading-family);
  color: var(--color-athletic-navy, #003A5D);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.value-stacking-total-label small {
  font-family: var(--font-body-family);
  color: var(--color-run-wild-blue);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.value-stacking-total-price {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 4px;
  flex-direction: column;
}

.value-stacking-total-price-inner {
  gap: 4px;
}

.value-stacking-cta {
  grid-column: 1 / -1;
  margin: 0 18px 17px 18px;
}



.value-stacking-total-price span {
  font-family: var(--font-body-family);
  text-align: right;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.2;
}

p.value-stacking-total-note {
  color: var(--color-athletic-navy, #003A5D);
  font-size: 1.4rem;
}


.value-stacking-total-price .total-full-price {
  margin-right: 4px;
  color: #7E9DB1;
  text-decoration-line: line-through;
}

.value-stacking-disclaimer {
  font-size: 1.4rem;
  color: #666;
  padding: 0 36px 24px;
  line-height: 1.2;
  text-align: center;
}

.value-stacking-disclaimer a {
  color: #0F2D4F;
  text-decoration: underline;
}

.value-stacking-badge {
  line-height: 1.2;
  display: block;
  font-size: 1.2rem;
  background: #41C3D6;
  color: #003A5D;
  border-radius: 100000px;
  padding: 2px 6px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.2rem;
}

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

  .value-stacking-header .h1 {
    font-size: 5.4rem;
  }

  .value-stacking-header p {
    font-size: 2.8rem;
  }

  .value-stacking-items {
    column-gap: 22px;
    padding: 35px 60px 16px 38px;
  }

  .value-stacking-item-text strong {

    font-size: 3rem;
  }

  .value-stacking-item-text small {
    font-size: 1.7rem;
  }

  .value-stacking-item-cta-wrapper,
  .value-stacking-item-price {
    font-size: 2.8rem;
    gap: 12px;
  }

  .value-stacking-image_wrapper {
    max-width: 64px;
  }

  .value-stacking-total {
    grid-template-columns: 64px 1fr auto;
    padding: 16px 60px 16px 38px;
  }

  .value-stacking-total-price-inner {
    gap: 12px;
  }

  .value-stacking-total-price {
    gap: 4px;
  }

  .value-stacking-total-price span {
    font-size: 2.8rem;
  }



  .value-stacking-total-label small {
    font-size: 2rem;
  }


  .value-stacking-total-label strong {
    font-size: 3.4rem;
  }

  .value-stacking-badge {
    font-size: 1.6rem;
    padding: 2px 6px;
    letter-spacing: 0.2rem;
  }

}

.product_more_info_btn {
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
  font-family: var(--body-font-family);
  font-size: 1.4rem;
  color: var(--color-athletic-navy);
}

.nutritional_info_product_bundle_list {
  margin: 0;
  padding-left: 16px;
  list-style-position: outside;
}

.nutritional_info_product_bundle_list li {
  margin: 0;
  padding: 0;
}

.nutritional_info_product_bundle_list button {
  text-decoration: underline;
  cursor: pointer;
}



.faq_index_page .faq-card {
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 1.7rem;
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.faq_index_page .faq-card__title {
  margin: 0 0 .25rem;
  text-decoration: none;
  letter-spacing: 0.2rem;
  text-transform: uppercase;

}

.faq_index_page .faq-card__title a {
  color: inherit;
  text-decoration: none;
}

.faq_index_page .faq-card__meta {
  font-size: 1.4rem;
  color: var(--color-grey-1);
}

.faq_index_page .faq-card__desc {
  color: rgba(0, 0, 0, .8);
  margin: 0 0 .75rem;
}

.faq_index_page .faq-card__list {
  list-style: none;
  padding-left: 1em;
  margin: 6px 0;
}

.faq_index_page .faq-card__list li {
  position: relative;
  margin-bottom: 4px;

}

.faq_index_page .faq-card__list li:last-child {
  margin-bottom: 0;
}

.faq_index_page .faq-card__list li::before {
  content: "•";
  font-size: 0.6em;
  position: absolute;
  left: -8px;
  top: .9em;
  transform: translateY(-50%);
  line-height: 1;
  color: var(--color-athletic-navy);
}

/* Positioning */
.product-card-wrapper-abc {
  position: relative;
}

/* Ensure .card is the positioning context for stretched link */
.product-card-wrapper-abc .card {
  position: relative;
}

/* card__inner for product cards - z-index 2 to be above stretched link's ::after (z-index: 1) */
.product-card-wrapper-abc .card__inner {
  position: relative;
  overflow: visible;
  z-index: 2;
  /* Let clicks pass through to stretched link */
  pointer-events: none;
}

/* Images don't need pointer events - stretched link handles clicks */
.product-card-wrapper-abc .card__inner .card__media,
.product-card-wrapper-abc .card__inner .card__media * {
  pointer-events: none;
}

/* Quick-add button MUST receive clicks */
.product-card-wrapper-abc .card__inner .quick-add,
.product-card-wrapper-abc .card__inner .quick-add * {
  pointer-events: auto !important;
}

/* Stretched link pattern - makes entire card clickable */
.card__link--stretched {
  position: static;
}

.card__link--stretched::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/* Keep card__content static so stretched link positions relative to .card */
.product-card-wrapper-abc .card__content {
  position: static !important;
}

.card_media_link {
  position: relative;
  z-index: 1;
}

/* Position quick-add at bottom of card__inner (image area) and above stretched link */
.product-card-wrapper-abc .quick-add {
  position: absolute !important;
  bottom: 0 !important;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: 2;
}

/*
.quick-add__submit {
  border-radius: 9999px;
  background: #ebd923;
  color: #003a5d;
  font-weight: 700;
  letter-spacing: .2rem;
  text-transform: uppercase;
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  font-size: 1.8rem;
}
  */

.quick-add__submit .quick_add_desktop {
  display: none;
}

.quick-add__submit .quick_add_mobile {
  display: block;
}

/* Focus ring */
.quick-add__submit:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgb(0 0 0 / .15);
}

/* Desktop overlay + visibility */
@media (min-width: 990px) {


  /* Desktop label swap */
  .quick-add__submit .quick_add_desktop {
    display: block;
  }

  .quick-add__submit .quick_add_mobile {
    display: none;
  }

  .product-card-wrapper-abc .quick-add {
    width: 100%;
  }

  /* opacity, not display: none -- see component-card-custom.css for why */
  .product-card-wrapper-abc .quick-add__submit {
    opacity: 0;
  }

  /* Show on hover OR while the card contains focus */
  .product-card-wrapper-abc:hover .quick-add__submit,
  .product-card-wrapper-abc:focus-within .quick-add__submit {
    opacity: 1 !important;
  }

  /* stacking: link below, CTA above */
  .product-card-wrapper-abc .quick-add {
    z-index: 10;
    pointer-events: auto !important;
  }

  .product-card-wrapper-abc .quick-add *,
  .product-card-wrapper-abc .quick-add button,
  .product-card-wrapper-abc .quick-add form {
    pointer-events: auto !important;
  }

  .product-card-wrapper-abc .card_media_link::before,
  .product-card-wrapper-abc .card_media_link::after {
    z-index: 0;
    pointer-events: none;
  }
}

/* ===== Accessible focus rings (global) ===== */

/* Define a brand-safe focus color (fallback provided) */
:root {
  --focus-ring: var(--color-athletic-navy);
}

/* Reset any “outline: none” that might be lurking */
:where(a, button, [role="button"], [tabindex]:not([tabindex="-1"])) {
  outline: none;
}

/* Preferred: show ring only for keyboard focus */
:where(a, button, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 1px solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: 16px;
}

/* Fallback for browsers without :focus-visible */
@supports not selector(:focus-visible) {
  :where(a, button, [role="button"], [tabindex]:not([tabindex="-1"])):focus {
    outline: 1px solid var(--focus-ring);
    outline-offset: 3px;
    border-radius: 16px;
  }
}

/* Header top-level items (links or buttons) */
.header__inline-menu .header__menu-item:focus-visible,
.mega-menu>button:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
  box-shadow: none;
  /* avoid subtle-only shadows */
  text-decoration: none;
  /* keep ring as the main indicator */
}

/* Submenu links inside the mega menu panel */
.mega-menu__content .mega-menu__link:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
  text-decoration: underline;
  /* extra affordance inside lists */
  box-shadow: none;
}

/* If any reset killed outlines on anchors in the header, undo it explicitly */
.header__inline-menu a:focus,
.header__inline-menu a:focus-visible {
  outline-color: var(--focus-ring);
}


/*info-tooltip*/

.info-tooltip {
  position: absolute;
  z-index: 10;
}

.product__media-item .info-tooltip {
  z-index: 3;
}

.info-tooltip-trigger {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  font-weight: 400;
  color: #003A5D;
  transition: all 0.3s ease;
  border: none;
  line-height: 1;
  padding: 0;
}

.info-tooltip-trigger span {
  border-radius: 50%;
  border: 1px solid #003A5D;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.info-tooltip-trigger:hover {
  background: #003A5D;
  color: white;
}



.info-tooltip-content {
  position: absolute;
  background: white;
  border-radius: 16px;
  padding: 12px 24px 12px 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  width: 250px;
  max-width: 300px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 100;

}



.info-tooltip.active .info-tooltip-trigger {
  opacity: 0;
  visibility: hidden;
}

.info-tooltip.active .info-tooltip-content {
  opacity: 1;
  visibility: visible;
}

.info-tooltip-title {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #003A5D;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.info-tooltip-text {
  font-size: 1.2rem;
  color: #414042;
  line-height: normal;
}

.info-tooltip-close {
  position: absolute;
  right: 8px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  padding: 0;
}

/* Tooltip Position Styles */
.info-tooltip[data-position="top-left"] {
  top: 15px;
  left: 15px;
  right: auto;
  bottom: auto;
  transform: none;
}

.info-tooltip[data-position="top-left"] .info-tooltip-content {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  transform: none;
}

.info-tooltip[data-position="top-center"] {
  top: 15px;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
}

.info-tooltip[data-position="top-center"] .info-tooltip-content {
  top: 0;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
}

.info-tooltip[data-position="top-right"] {
  top: 15px;
  left: auto;
  right: 15px;
  bottom: auto;
  transform: none;
}

.info-tooltip[data-position="top-right"] .info-tooltip-content {
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
  transform: none;
}

.info-tooltip[data-position="bottom-left"] {
  top: auto;
  left: 15px;
  right: auto;
  bottom: 15px;
  transform: none;
}

.info-tooltip[data-position="bottom-left"] .info-tooltip-content {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
  transform: none;
}

.info-tooltip[data-position="bottom-center"] {
  top: auto;
  left: 50%;
  right: auto;
  bottom: 15px;
  transform: translateX(-50%);
}

.info-tooltip[data-position="bottom-center"] .info-tooltip-content {
  top: auto;
  left: 50%;
  right: auto;
  bottom: 0;
  transform: translateX(-50%);
}

.info-tooltip[data-position="bottom-right"] {
  top: auto;
  left: auto;
  right: 15px;
  bottom: 15px;
  transform: none;
}

.info-tooltip[data-position="bottom-right"] .info-tooltip-content {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  transform: none;
}

@media only screen and (min-width: 750px) {
  .info-tooltip-content {}
}

.field__input:focus~.field__label {
  left: 0;

}

.club_member_header_bar_disclaimer {
  font-size: 1rem;
}

.club_mgmt_panel_disclaimer {
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1.2;
  margin-top: 6px;
}

/* Header drawer account button - positioned outside summary */
header-drawer {
  display: flex;
  align-items: center;
}

header-drawer .header-drawer__account {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
  margin-left: 0;
  color: rgb(var(--color-foreground));
}

header-drawer .header-drawer__account .icon-account {
  width: 2.4rem;
  height: 2.4rem;
}

header-drawer .header-drawer__account:hover .icon-account {
  /* transform: scale(1.07);*/
}

@media screen and (min-width: 750px) {
  header-drawer .header-drawer__account {
    display: none;
  }
}

.botm_product_image_wrapper {
  filter: blur(3px);
}

img.botm_product_image {
  width: 100%;
  display: block;
  filter: blur(3px);
}

.accordion_section .rte a {
  text-underline-offset: initial;

}



#ae_app div:empty {
  display: initial;
}

/* ABC Personalization Banner */
.abc-personalization-banner {
  display: block;
}

.abc-personalization-banner__outer {
  position: relative;
  overflow: visible;
}

.abc-personalization-banner__card {
  position: relative;
  z-index: 1;
  background-color: var(--color-athletic-navy);
  border-radius: 16px;
  color: #fff;
  padding: 3.2rem 2.4rem 2.8rem;
  min-height: 32.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}

.abc-personalization-banner__heading {
  margin: 0;
  color: #fff;
  font-family: "Barlow Condensed", var(--font-heading-family);
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
}

.abc-personalization-banner__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.4rem;
}

.abc-personalization-banner__copy {
  max-width: 45.3rem;
}

.abc-personalization-banner__question {
  margin: 0;
  font-family: var(--font-body-family);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}

.abc-personalization-banner__subtext {
  margin: 0.8rem 0 0;
  line-height: 1.45;
  color: #fff;
}

.abc-personalization-banner__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.abc-personalization-banner__filter {
  appearance: none;
  border: none;
  border-radius: 1000px;
  background-color: #668899;
  color: var(--color-athletic-navy);
  cursor: pointer;
  font-family: var(--font-body-family);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  padding: 1rem 2rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.abc-personalization-banner__filter:hover {
  background-color: #7895a8;
}

.abc-personalization-banner__filter[aria-pressed="true"] {
  background-color: var(--color-run-wild-blue);
  color: var(--color-athletic-navy);
}

.abc-personalization-banner__can {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  display: none;
}

.abc-personalization-banner__can-image {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.18));
}

.abc-personalization-banner__can--left {
  left: -1.6rem;
  bottom: 0;
  width: 11rem;
  transform: rotate(12deg);
}

.abc-personalization-banner__can--right {
  right: -1.6rem;
  bottom: 0.8rem;
  width: 10.5rem;
  transform: rotate(-15deg);
}

@media screen and (min-width: 750px) {
  .abc-personalization-banner__card {
    padding: 4.8rem 13rem 4rem;
    gap: 3.2rem;
  }

  .abc-personalization-banner__heading {
    font-size: 6rem;
    line-height: 1.25;
    letter-spacing: 0.033em;
  }

  .abc-personalization-banner__body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
  }

  .abc-personalization-banner__question {
    font-size: 3.2rem;
    line-height: 1;
  }

  .abc-personalization-banner__filters {
    flex: 1 1 auto;
    justify-content: flex-end;
    max-width: 69rem;
  }

  .abc-personalization-banner__can {
    display: block;
  }

  .abc-personalization-banner__can--left {
    left: -4.8rem;
    bottom: -0.8rem;
    width: 19.8rem;
  }

  .abc-personalization-banner__can--right {
    right: -3.2rem;
    bottom: 0;
    width: 19.8rem;
  }
}

.pdp_pricing_options_club_disclaimers {
  border-top: 1px solid rgba(0, 58, 93, 0.1);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  padding: 16px;

}

.pdp_pricing_options_club_disclaimers p {
  color: var(--color-athletic-navy);
  font-size: 1rem;
  line-height: 1.2;
}

.pdp_pricing_options_club_disclaimers p:last-child {
  text-align: right;
}

.page-newsubscriptions #MainContent {
  overflow: hidden;
}

.discount-savings-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 66px;
  /* scale up to ~130px if needed: width: 130px; height: 130px; */
  height: 66px;
  z-index: 3;
  pointer-events: none;
}

.discount-savings-badge svg {
  display: block;
  width: 100%;
  height: 100%;
}

.discount-savings-badge-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Barlow Condensed', var(--font-body-family);
  font-weight: 900;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 1px;
  color: #003a5d;
  text-transform: uppercase;
}

@media screen and (max-width: 540px) {
  .discount-savings-badge {
    top: 6px;
    left: 6px;
    width: 44px;
    height: 44px;
  }

  .discount-savings-badge-text {
    font-size: 15px;
    line-height: 1;
  }
}

.story-card {
  text-decoration: none;
}

.story-card__media {
  margin-bottom: 10px;
}

.story-card__category {
  font-size: 1.4rem;
  margin-bottom: 4px;
}

.story-card__title {
  margin-bottom: 9px;
}