/** Shopify CDN: Minification failed

Line 318:0 Expected "}" to go with "{"

**/
/* New Product Selector Styles */

.lp-product-selector-container {
  box-sizing: border-box !important;
}

.pdp-card {
  background: var(--lp-selector-color-background) !important;
  border: 1px solid var(--lp-selector-color-border) !important;
  padding: 10px 20px !important;
  min-height: 58px !important;
  cursor: pointer !important;
  position: relative !important;
  transition: border-color 0.2s !important;
}

.pdp-card + .pdp-card {
  border-top: none !important;
}

.pdp-selector .pdp-card.pdp-card-last {
  border-radius: 0px 0px 10px 10px !important;
}

.pdp-card.pdp-active {
  border-color: var(--lp-selector-color-border-active) !important;
  z-index: 1 !important;
}

.pdp-card-left {
  gap: 20px !important;
}

.pdp-card-best {
  font-family: "Oswald", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
  padding: 3px 4px 2px !important;
  min-width: fit-content !important;
  order: 0 !important;
}

.pdp-selector .pdp-card .pdp-card-best {
  height: 100% !important;
  padding: 3px !important;
}

.pdp-card:not(.pdp-active) .pdp-card-best {
  color: var(--lp-selector-color-best-background) !important;
  background: var(--lp-selector-color-best) !important;
  border: 1.5px solid var(--lp-selector-color-best-background) !important;
}

.pdp-card-monthly-supply {
  font-weight: 500 !important;
  color: var(--lp-selector-color-font) !important;
}

.pdp-card-freq {
  color: var(--lp-selector-color-font) !important;
  font-family: "Roboto", sans-serif !important;
  text-transform: uppercase !important;
}

.pdp-card-right {
  gap: 20px !important;
  width: 238px !important;
}

.pdp-selector .pdp-card .pdp-card-monthly-quantity .pdp-card-freq {
  width: 100px !important;
}

.pdp-card-saving {
  align-items: flex-start !important;
}

.pdp-card-saving-percent {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 20px !important;
  border: 1.5px solid var(--lp-selector-color-saving) !important;
  border-radius: 3px !important;
  padding: 4px !important;
  margin-bottom: 6px !important;
  width: fit-content !important;
  transition: background 0.4s, color 0.4s !important;
}

.pdp-card-saving-percent span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--lp-selector-color-saving) !important;
  font-family: "Oswald", sans-serif !important;
  min-width: fit-content !important;
}

.pdp-card-saving-percent:hover span,
.pdp-card:hover .pdp-card-saving-percent span {
  color: var(--lp-selector-color-best) !important;
}

.pdp-card-saving-amount {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #00406a !important;
  font-family: "Roboto", sans-serif !important;
}

.pdp-card-price {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  font-family: "Oswald", sans-serif !important;
}

.pdp-card-price-dollars {
  /* width: 61px !important; dont need this */
  height: 34px !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: right !important;
  color: var(--lp-selector-color-font) !important;
}

.pdp-card-price-cent-container {
  position: relative !important;
  /* left: -1px !important; dont need this */
  top: -1px !important;
}

.pdp-card-price-cents {
  width: 21px !important;
  height: 17px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: left !important;
  color: var(--lp-selector-color-font) !important;
  margin-top: -2px !important;
  margin-bottom: -2px !important;
}

.pdp-card-price-each {
  position: relative !important;
  left: 2px !important;
  width: 21px !important;
  height: 8px !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: left !important;
  color: var(--lp-selector-color-font) !important;
}

.pdp-card-or {
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--lp-selector-color-font) !important;
  margin: 8px 0 !important;
}

.pricing-area {
  max-width: 610px !important;
  letter-spacing: normal !important;
  text-align: start !important;
  z-index: 2 !important;
  /*
  filter: drop-shadow(97px 45px 43px rgba(49, 58, 88, 0.01))
    drop-shadow(55px 25px 36px rgba(49, 58, 88, 0.03))
    drop-shadow(24px 11px 27px rgba(49, 58, 88, 0.04))
    drop-shadow(6px 3px 15px rgba(49, 58, 88, 0.05))
    drop-shadow(0px 0px 0px rgba(49, 58, 88, 0.05)) !important;
  */
}

.pdp-selector .pdp-card.pdp-card-single {
  border-radius: 10px;
}
.pdp-selector .pdp-card-first:first-child {
  border-bottom: 1px solid var(--lp-selector-color-border) !important;
}

.pdp-selector
  .pdp-card.pdp-active
  .pdp-card-saving
  .pdp-card-saving-percent
  span,
.pdp-selector
  .pdp-card:hover
  .pdp-card-saving
  .pdp-card-saving-percent
  span
  .pdp-selector
  .pdp-card:hover
  .pdp-card-bt {
  color: var(--lp-selector-color-best) !important;
}

.pdp-selector .pdp-card:hover .pdp-card-best,
.pdp-selector .pdp-card.pdp-active .pdp-card-best {
  color: var(--lp-selector-color-best) !important;
  background: var(--lp-selector-color-best-background) !important;
  border: 1.5px solid var(--lp-selector-color-best) !important;
}

.pdp-selector .pdp-card + .pdp-card.pdp-active {
  border-bottom: 1px solid var(--lp-selector-color-border-active) !important;
  border-top: 1px solid var(--lp-selector-color-border-active) !important;
}

.pdp-selector .pdp-active {
  background: var(--lp-selector-color-background-active) !important;
  border: 1px solid var(--lp-selector-color-border-active) !important;
}

.pdp-selector
  .pdp-card-single
  .pdp-card-ss-qty-dropdown
  .pdp-card-ss-qty-select-lang {
  display: flex !important;
  flex-direction: column !important;
  max-width: fit-content !important;
}

@media screen and (max-width: 62.5em) {
  .pdp-selector .pdp-card {
    height: auto !important;
    grid-template-areas:
      "pdp-card-left pdp-card-right"
      "pdp-card-footer pdp-card-footer";
  }
  .pdp-selector .pdp-card .pdp-card-left {
    align-items: flex-start !important;
  }
  .pdp-selector .pdp-card .pdp-card-left,
  .pdp-selector .pdp-card .pdp-card-right {
    flex-direction: column !important;
    gap: 5px !important;
  }
  .pdp-selector .pdp-card .pdp-card-right {
    width: auto !important;
    margin-left: -40px !important;
  }
  .pdp-selector .pdp-card .pdp-card-footer {
    justify-content: center !important;
  }
  .pdp-selector .pdp-card .pdp-card-price .pdp-card-price-dollars {
    height: 34px !important;
    font-size: 34px !important;
    margin-left: 86px;
  }
  .pdp-selector .pdp-card .pdp-card-saving {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    align-items: flex-start !important;
    margin-left: 0 !important;
  }
  
  .pdp-selector .pdp-card .pdp-card-saving .pdp-card-saving-percent {
    margin-bottom: 0 !important;
  }
  
  .pdp-selector .pdp-card .pdp-card-saving .pdp-card-saving-amount {
    white-space: nowrap !important;
  }
  
  .pdp-selector
    .pdp-card-single
    .pdp-card-ss-qty-dropdown
    .pdp-card-ss-qty-select-lang {
    display: inline-flex !important;
    width: 124px !important;
  }
  .pdp-selector .pdp-card-single .pdp-card-ss-qty-dropdown {
    display: contents !important;
    top: 0 !important;
  }

  .pdp-selector .pdp-card-single .pdp-card-ss-qty-dropdown select {
    border: 1.5px solid var(--color-border) !important;
  }
  
  /* Add this new media query for very small screens (below 335px) */
@media screen and (max-width: 26em) {
  .pdp-selector .pdp-card .pdp-card-saving {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
  }
  
  .pdp-selector .pdp-card .pdp-card-saving-amount {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  
  .pdp-selector .pdp-card .pdp-card-saving-percent {
    flex-shrink: 0 !important;
  }
}