/** Shopify CDN: Minification failed

Line 2445:0 Unexpected "}"
Line 4189:2 Expected identifier but found "."

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

.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;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


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

.flex {
  display: flex;
}

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

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

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

.justify-center {
  justify-content: 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;
}

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

.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;
  background: rgba(var(--color-white-rgb), 0.9);
  box-shadow: 0px 4px 16px rgba(var(--color-black-rgb), 0.08);
  transition: background 0.3s;
}

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

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

  .drawer {
    padding: 20px;
  }
}

.subscription_builder_close,
.drawer_close {
  border: none;
  background: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.875rem;
  gap: 6px;
  cursor: pointer;
}

.subscription_builder_close .svg-wrapper,
.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);
}

.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-subscription-products {
  display: flex;
  flex-direction: row;
  gap: 2px;
  flex-wrap: wrap;
}

.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 20px 0;
  text-align: center;
}

.progress-bar {
  width: 100%;
  height: 6px;
  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;
  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: var(--color-club-tan);
  border-top: 1px solid var(--color-club-light-blue);
  border-bottom: 1px solid var(--color-club-light-blue);
  margin-bottom: 16px;
}

.club-banner {

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

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

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

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

.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: 1.8rem;
  font-weight: bold;
  margin: 0;
  text-transform: initial;
}

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

.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;
  gap: 1.5rem;
  /* Equivalent to gap-6 */
  margin-top: 0.75rem;
  /* Equivalent to mt-3 */
}

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

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

.club-banner-button:hover {
  background-color: var(--color-all-out-navy);
}

.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: var(--color-athletic-navy);
  font-size: 12px;
  text-decoration: underline;
}

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

@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_details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 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;
}

.subscribe_and_save_details,
.onetime_pricing_details {
  display: none;
  padding: 10px 16px;
}


.onetime_pricing_details {
  display: flex;
  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 0;
  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: column;
  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 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 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;
}

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

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

}

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

.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: 10px 16px;
    flex-direction: row;
    margin-top: 16px;
  }


  .pdp_subnav {
    margin-bottom: 16px;
  }

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

  }

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

  .pdp_subnav_categories {
    gap: 24px;
  }
}

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

}

/* subscription builder 
  can be targeted w/ subscription-builder.drawer
  .subscription_builder_content
  .subscription_builder_footer
*/
customer-portal-onetimes.drawer .drawer__inner {
  overflow: scroll;
}

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

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

.subscription_builder_content_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 24px;
  row-gap: 10px;
  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;
}


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

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

}

.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) {

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

  .subscription_builder_content_header .column_1 {
    gap: 44px;
  }
}



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

.subscription-builder-frequency-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 24px 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 h5 {
  color: var(--color-athletic-navy);
  text-transform: uppercase;
}

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

.subscription_builder_product_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 16px;
  width: 100%;
  margin-top: 16px;
  padding: 32px 0;
}

.sb-product-card-image-wrapper {
  aspect-ratio: 2/3;
}

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

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

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

.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-run-wild-blue);
  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%;
  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;
    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%;
}

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


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

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

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

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

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

.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;
  line-height: 1.25rem;
}

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

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

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

  .promo_block_wrapper {
    flex-direction: row;
  }
}


.subscription-builder-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0 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: space-between;
  width: 100%;
  gap: 16px;
}


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

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

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

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

.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 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-club-member-product-sub-details button:hover,
.cart-drawer-club-member-product-sub-details button {
  background-color: var(--color-athletic-navy);
  font-size: 1.4rem;
  font-weight: bold;
  font-family: var(--font-body-family);
  color: #fff;
  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_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  gap: 16px;
}

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

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

.manage_club_membership_btn {
  margin-left: auto;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.6rem;
  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;
}

.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: 400;
  line-height: 2.2rem;
  text-transform: uppercase;
}

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

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

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

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

@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: 2rem
}

.back_in_stock_flow_wrapper .bis_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 20px 0 0 0;
}

.back_in_stock_flow_wrapper .bis_header h4 {
  color: var(--color-free-wave-salmon);
  font-size: 2.4rem;
  line-height: 1.2;
  margin: 0 8px 0 0;
}

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

.product_subtitle {
  color: var(--color-grey-1);
  margin-bottom: 1rem;
  margin-top: 0.75rem;
}

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

@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 h4 {
  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;

}

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

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 .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: 400;
  line-height: 2.2rem;
  text-transform: uppercase;
}

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