/** Shopify CDN: Minification failed

Line 244:0 Unexpected "{"

**/
/* Base overrides */
.card-wrapper.product-card-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
}

.card-wrapper.product-card-wrapper .card__heading .full-unstyled-link {
  font-family: "Haas Grotesk Display Web", "Helvetica";
  font-size: 24px;
  letter-spacing: 0;
  line-height: 30.8px;
  color: var(--primary-black);
  font-weight: 400;
}

.card-wrapper.product-card-wrapper:hover .card__heading .full-unstyled-link {
  text-decoration: none;
}

.card-wrapper.product-card-wrapper .card:not(.ratio) {
  height: unset;
}

.card-wrapper.product-card-wrapper .card:not(.ratio):has(bundle-add-item) {
  height: 100%;
}

.card-wrapper.product-card-wrapper .card:hover img.has-secondary {
  visibility: hidden;
  opacity: 0;
}

.card-wrapper.product-card-wrapper .card:hover img.is-secondary {
  visibility: visible;
  opacity: 1;
}

.card-wrapper.product-card-wrapper .card .card__content .card__information {
  padding-bottom: 1rem;
}

.card-wrapper.product-card-wrapper .card .card__content .card__information .price {
  font-size: 16px;
  letter-spacing: 0;
}

.card-wrapper.product-card-wrapper .card .card__content .card__information .short-description {
  font-family: var(--font-body-family);
  font-weight: 400;
  line-height: 1.5;
  font-size: 16px;
  color: var(--primary-black);
  margin: 8px 0;
  display: block;
}

.card-wrapper.product-card-wrapper .media>*:not(.zoom):not(.deferred-media__poster-button).card__hover-btn img {
  height: auto;
  width: auto;
  background: transparent;
}

.card-wrapper.product-card-wrapper .media>*:not(.zoom):not(.deferred-media__poster-button).card__hover-btn {
  opacity: 0;
  display: flex;
  align-items: center;
  height: auto;
  width: calc(100% - 40px);
  bottom: 0;
  top: auto;
  margin: 20px;
  background: var(--primary-blue-1);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: 0.1em;
  transition: all .2s ease;

  color: var(--primary-white);
  text-decoration: none;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(255, 255, 255, 0.90);

  column-gap: 5px;

}

.card-wrapper.product-card-wrapper:hover .media>*:not(.zoom):not(.deferred-media__poster-button).card__hover-btn {
  color: var(--primary-white);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(255, 255, 255, 0.90);
  opacity: 1;
  text-decoration: none;
}

.card-wrapper.product-card-wrapper:hover .media>*:not(.zoom):not(.deferred-media__poster-button).card__hover-btn::after {
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(255, 255, 255, 0.90);
}

.card-wrapper.product-card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  opacity: unset !important;
}

.card-wrapper.collection-card-wrapper .card__content.card__cta-over-image {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
}

.card-wrapper.collection-card-wrapper .card__content.card__cta-over-image .button--secondary:after {
  box-shadow: none;
}

.card-wrapper.product-card-wrapper .card__footer {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 1rem;
}

.card-wrapper a.button.button--primary.cta-to-pdp.mobile-only {
  text-align: center;
  font-size: 11px !important;
  margin-top: -1rem;
  margin-bottom: 2rem;
}

ul#product-grid {
  row-gap: 2rem;
}

/* Specific overrides  */

sticky-header .menu-drawer__inner-submenu .card-wrapper {
  display: grid;
  grid-template: 'card-media card-media' auto
    '. swatch-select' auto / 12rem auto;
}

sticky-header .menu-drawer__inner-submenu .card-wrapper .card--media {
  grid-area: card-media;
}

header-drawer card-product-wrapper .card__footer {
  grid-area: swatch-select;
}

header-drawer card-product-wrapper .card__footer swatch-select {
  padding-bottom: 1rem;
}

card-product-wrapper .card__footer swatch-select,
bundle-builder-variant-selects swatch-select {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

card-product-wrapper .card__footer swatch-select .remainder-count,
bundle-builder-variant-selects swatch-select .remainder-count {
  color: var(--primary-black);
  font-size: 14px;
}

card-product-wrapper .card__footer swatch-select .remainder-count em,
bundle-builder-variant-selects swatch-select .remainder-count em {
  font-style: normal;
}

card-product-wrapper .card__footer swatch-select button,
bundle-builder-variant-selects swatch-select button {
  background: none;
  border: 1px solid transparent;
  border-radius: 50%;
  padding: 0;
  margin-right: 5px;
  position: relative;
  height: 48px;
  width: 48px;
  cursor: pointer;
  z-index: 1;
}

card-product-wrapper .card__footer swatch-select button.selected,
bundle-builder-variant-selects swatch-select button.selected {
  margin-top: 1px;
  width: 46px;
  height: 46px;
}

card-product-wrapper .card__footer swatch-select button img,
bundle-builder-variant-selects swatch-select button img {
  width: 100%;
  height: auto;
}

card-product-wrapper .card__footer swatch-select span[data-value],
card-product-wrapper .card__footer swatch-select img,
bundle-builder-variant-selects swatch-select span[data-value],
bundle-builder-variant-selects swatch-select img {
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid var(--neutral-10);
  border-radius: 50%;
}

card-product-wrapper .card__footer swatch-select button.selected span[data-value],
card-product-wrapper .card__footer swatch-select button.selected img,
bundle-builder-variant-selects swatch-select .selected span[data-value],
bundle-builder-variant-selects swatch-select .selected img {
  border: 3px solid var(--primary-blue-1);
}

card-product-wrapper .card__footer swatch-select span[data-value="white"],
bundle-builder-variant-selects swatch-select span[data-value="white"] {
  background: var(--primary-white);
}

card-product-wrapper .card__footer swatch-select span[data-value="blue"],
bundle-builder-variant-selects swatch-select span[data-value="blue"] {
  background: #97CDE8;
}

card-product-wrapper .card__footer swatch-select span[data-value="pink"],
bundle-builder-variant-selects swatch-select span[data-value="pink"] {
  background: #F5C3CB;
}

card-product-wrapper .card__footer swatch-select span[data-value="black"],
bundle-builder-variant-selects swatch-select span[data-value="black"] {
  background: #000;
}

header-drawer card-product-wrapper a.button.button--primary.cta-to-pdp.mobile-only,
{
display: none;
}

card-product-wrapper .jdgm-widget.jdgm-widget {
  margin-bottom: 0.5rem;
}

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

  card-product-wrapper .card__footer swatch-select .remainder-count em,
  bundle-builder-variant-selects swatch-select .remainder-count em,
  .card-wrapper.card-wrapper.product-card-wrapper a.button.button--primary.card__hover-btn {
    display: none;
  }

  /* card-product-wrapper .card__footer swatch-select button,
  bundle-builder-variant-selects swatch-select button {
    height: 32px;
    width: 32px;
  }

  card-product-wrapper .card__footer swatch-select button.selected,
  bundle-builder-variant-selects swatch-select button.selected {
    margin-top: -1px;
    width: 30px;
    height: 30px;
  } */

  .card-wrapper.product-card-wrapper .card__heading .full-unstyled-link {
    /* font-family: "Haas Grotesk Display Web", Helvetica; */
    font-size: 23px;
    font-weight: 450;
    line-height: 20px;
  }

  card-product-wrapper .card__information>* {
    text-align: center;
  }

  add-on-products card-product-wrapper .card__information>* {
    text-align: left;
  }

  card-product-wrapper .card__information .price-ratings,
  card-product-wrapper .card__footer swatch-select {
    display: none;
  }

  .card-wrapper a.button.button--primary.cta-to-pdp.mobile-only,
  .card-wrapper.product-card-wrapper .card__footer .price,
  .card-wrapper.product-card-wrapper .card__footer .price--on-sale .price-item--regular {
    color: var(--ab-soft-white);
    padding-inline-end: 0;
    margin-inline-end: 0.5rem;
    font-weight: 600;
    font-family: var(--font-heading-family);
    letter-spacing: 3px;
  }

  .card-wrapper.product-card-wrapper .card__footer .price--on-sale .price-item--regular {
    font-weight: 200;
  }
}