product-card-v2 {
  height: 100%;
  display: block;
}
.product-card-v2 {
  border-radius: 6px;
  background: #fff;
  padding: 24px;
  --brand-color: rgba(255, 122, 61, 1);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.product-card__image {
  margin-bottom: 16px;
  position: relative;
}
.product-card-v2 .caption-with-letter-spacing {
  opacity: 1;
  text-transform: capitalize;
  letter-spacing: 0;
  font-size: 16px;
  color: #404040;
  line-height: 1.31;
  margin-bottom: 12px;
  flex: 1;
}
.product-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.product-card-v2 .product-card__title svg {
  --product-name-svg-base-height: 16px;
  height: calc(var(--product-name-svg-base-height) * var(--product-name-svg-height-ratio, 1));
  width: auto;
  display: block;
  margin-bottom: 8px;
}
.product-card-v2 .product-card__title {
  margin-bottom: 4px;
  letter-spacing: .5px;
}
.product-card-v2 .quick-add {
  margin-bottom: 0;
}
.product-card-v2 .quick-add__submit {
  --buttons-radius: 4px;
  --color-button-text:
    115,
    115,
    115;
  --color-shadow:
    115,
    115,
    115,
    1;
  --border-offset: 0px;
  --buttons-border-width: 1px;
  --color-button:
    243,243,243;
  min-height: unset;
  min-width: unset;
  color: #404040;
  background: #fff;
  border: 1px solid #737373;
  border-radius: 4px;
  padding: 10px;
}
.product-card-v2 .variant-wrapper {
  display: flex;
}
.product-card-v2 .addtocart {
  padding: 0;
}
.product-card-v2 .addtocart svg {
  display: block;
}
.product-card-v2 .quick-add__submit:not(.active) {
  display: none;
}
.product-card-v2 .quick-add__submit span {
  display: flex;
}
.product-card__option-count {
  display: flex;
  gap: 12px;
  color: #0a0a0a;
  opacity: .6;
  font-size: 16px;
  line-height: 1.3;
}
.button--black {
  border-radius: 4px;
  --color-background: #0a0a0a;
  background: var(--color-background, #0a0a0a);
  padding-inline: 24px;
  padding-block: 10px;
  color: #fff;
  font-family: Shokz Sans Display;
  font-size: 16px;
  align-items: center;
  border: 1px solid transparent;
  transition: .2s;
}
.button--black:hover {
  border-color: var(--color-background, #0a0a0a);
  background: #fff;
  color: var(--color-background, #0a0a0a);
}
.product-card__buttons {
  display: flex;
  gap: 12px;
}
.product-card__buttons .learn-more {
  flex: 1;
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: center;
  color: var(--font-white, #FFF);
  font-family: var(--Shokz-Sans-Display, "Shokz Sans Display");
  font-size: var(--fontSize-16, 16px);
  font-style: normal;
  font-weight: var(--medium, 400);
  line-height: 130%;
}
.product-card__buttons .learn-more:hover {
  color: #0a0a0a;
}
.product-card__buttons .product-card__buttons-link {
  flex: 1;
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: center;
}
.product-card-v2 img {
  display: block;
  height: auto;
  width: 100%;
}
.product-card-v2 .product-color-swatch-wrapper {
  margin-bottom: 15px;
  align-items: start;
  flex: 1;
}
.product-card-v2 .product-card__option-count,
.product-card-v2 .product-card__price {
  margin-bottom: 12px;
}
.product-card-v2 .price .price-item {
  line-height: 1.2;
  font-size: 24px;
  letter-spacing: 0;
}
.product-card-v2 .price--on-sale .price-item--sale {
  margin-right: 8px;
}
.product-card-v2 .price--on-sale .price-item--regular {
  font-size: 18px;
  opacity: .45;
}
.compare-select-button {
  display: flex;
  border: none;
  background: none;
  cursor: pointer;
  gap: 4px;
  font-size: 15px;
  color: #a3a3a3;
  text-transform: capitalize;
  align-items: center;
  padding: 4px 0 4px 8px;
  border-radius: 5px;
  transition: .2s ease;
  position: relative;
  overflow: hidden;
}
.compare-select-button.loading {
  pointer-events: none;
  background: #00000008;
  padding-block: 5px;
  margin-block: 9px;
}
.compare-select-button.loading text,
.compare-select-button.loading:after {
  opacity: 0;
}
.compare-select-button.loading:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background:
    linear-gradient(
      -60deg,
      transparent,
      #00000010,
      transparent);
  background-size: 200%;
  animation: loading 1s infinite ease-in;
}
.compare-select-button:after {
  content: "";
  display: block;
  --width: 16px;
  width: var(--width);
  height: var(--width);
  background-size: 61%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
  border: 1px solid rgba(212, 212, 212, 1);
  position: relative;
}
product-card-v2.checked .compare-select-button:after {
  border-color: var(--brand-color);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Njg4IDAuMzQ5NjA5QzEwLjY2OTkgMC4zNDk2MDkgMTAuNzg5IDAuNTgzNjk5IDEwLjY2MDIgMC43NDQxNDFMMTAuNjU5MiAwLjc0MzE2NEw0LjkzNzUgNy45OTYwOUg0LjkzNjUyQzQuNzI1NiA4LjI2MDk0IDQuMzIyNjUgOC4yNjE5NSA0LjExMjMgNy45OTYwOUwwLjkwMjM0NCAzLjkyOTY5QzAuNzc2NjYzIDMuNzcwMjkgMC44OTAyMzcgMy41MzUzIDEuMDkzNzUgMy41MzUxNkgxLjkxMzA5TDIuMDMwMjcgMy41NDg4M0MyLjA2ODc4IDMuNTU3NjkgMi4xMDY4MSAzLjU3MDUxIDIuMTQyNTggMy41ODc4OUMyLjIxMzc2IDMuNjIyNTUgMi4yNzYyIDMuNjczMTUgMi4zMjUyIDMuNzM1MzVMNC41MjM0NCA2LjUyMTQ4TDkuMjM4MjggMC41NDk4MDVDOS4zMzczIDAuNDIzNDEyIDkuNDg5NDcgMC4zNDk3MjcgOS42NDk0MSAwLjM0OTYwOUgxMC40Njg4WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC4zIi8+Cjwvc3ZnPgo=);
  background-color: var(--brand-color);
}
.compare-select-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.compare-select-wrapper-head {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
}
.compare-select-tag {
  display: flex;
  padding: 7px 9px 5px;
  justify-content: center;
  align-items: center;
  border-radius: 99px;
  background: #ffeee5;
  color: var(--brand-primary, #ff7a3d);
  font-family: var(--Shokz-Sans-Display, "Shokz Sans Display");
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  vertical-align: middle;
}
.compare-select-tags {
  display: flex;
  gap: 8px;
}
.compare-item-title svg {
  --product-name-svg-base-height: 14px;
  height: calc(var(--product-name-svg-base-height) * var(--product-name-svg-height-ratio, 1));
  width: auto;
  display: block;
  margin-bottom: 8px;
}
.compare-select-wrapper-head {
  position: relative;
  padding: 24px;
  align-items: center;
}
.compare-select-button:hover {
  background: #f6f7f8;
}
.compare-select-button-text {
  position: relative;
  z-index: 1;
}
.collection-tem-porduct-tag.tag-product {
  border-radius: 99px;
  background: #ffeee5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 4px 8px;
  color: var(--brand-primary, #FF7A3D);
  font-family: var(--Shokz-Sans-Display, "Shokz Sans Display");
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  width: fit-content;
  position: absolute;
}
.product-card__image .credential-wrapper {
  position: absolute;
  display: flex;
  align-items: canter;
  right: 0;
  bottom: 0;
}
.product-card__image .credentials-img {
  position: static;
  width: 100px;
  max-width: 100px;
  max-height: 70px;
  object-fit: contain;
}
@media (max-width: 750px) {
  .product-card-v2 {
    padding: 16px;
  }
  .compare-select-wrapper-head {
    padding: 0 0 0 8px;
    margin-bottom: 16px;
  }
  .compare-select-button {
    padding: 16px;
  }
  .product-card__option-count,
  .product-card-v2 .product-badge {
    font-size: 15px;
  }
}
.product-card-v2 .product-color-swatch-wrapper .swatch {
  margin-top: 16px;
  position: relative;
}
.product-card-v2 .variant-wrapper.disable {
  pointer-events: none;
  opacity: .45;
}
.product-card-v2 .product-color-swatch-wrapper .swatch[data-varavailable=false] {
  display: none;
}
product-card-v2[data-product-handle=openfit-air-2] .product-color-swatch-wrapper .swatch[data-varavailable=false] {
  display: inline-block;
}
.product-card-v2 .product-color-swatch-wrapper .swatch[data-id="56304541434238"],
.product-card-v2 .product-color-swatch-wrapper .swatch[data-id="56304541467006"] {
  display: none;
}
.product-card-v2 .product-color-swatch-wrapper .swatch:after {
  content: "";
  position: absolute;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 50%;
  left: -4px;
  top: -4px;
}
.product-card-v2 .product-color-swatch-wrapper .swatch.active:after {
  border: 1px solid #FF7A3D;
}
.product-card-v2 .product-card__image .variant-img {
  display: none;
}
.product-card-v2 .product-card__image .variant-img.active {
  display: block;
}
.product-card-v2 .prices-wrapper .prices {
  color: var(--font-primary, #0A0A0A);
  font-family: var(--Shokz-Sans-Display, "Shokz Sans Display");
  font-size: var(--Heading-XS, 24px);
  font-style: normal;
  font-weight: var(--fontWeight-medium, 400);
  line-height: 120%;
  margin-bottom: 12.5px;
  gap: 4px;
  justify-content: start;
}
.product-card-v2 .prices-wrapper .prices span {
  color: var(--font-primary, #0A0A0A);
  font-family: var(--Shokz-Sans-Display, "Shokz Sans Display");
  font-size: var(--Body-L, 18px);
  font-style: normal;
  font-weight: var(--fontWeight-medium, 400);
  line-height: 120%;
  text-decoration-line: line-through;
  justify-content: start;
  opacity: .45;
}
.product-card-v2 .product-badge {
  margin-top: 4px;
  color: var(--font-secondary, #404040);
  font-family: var(--Shokz-Sans-Text, "Shokz Sans Text");
  font-size: var(--Body-M, 16px);
  font-style: normal;
  font-weight: var(--fontWeight-regular, 400);
  line-height: 130%;
}
.event-sale-pre-gift-container {
  display: flex;
  padding: 0;
  border-radius: 6px;
  background: #fff1eb;
  gap: 10px;
  align-self: flex-end;
  position: absolute;
  overflow: hidden;
  width: 100%;
  bottom: 0;
}
.event-sale-pre-gift__image_item[data-active=false] {
  display: none;
}
.event-sale-pre-gift__title {
  color: var(--brand-primary, #ff7a3d);
  font-family: var(--Shokz-Sans-Display, "Shokz Sans Display");
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-transform: capitalize;
  padding-left: 4px;
  padding-top: 3px;
}
.event-sale-pre-gift__content {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 90%;
  justify-content: space-around;
}
.event-sale-pre-gift__content_text {
  color: #b15103;
  font-family: var(--Shokz-Sans-Text, "Shokz Sans Text");
  font-size: 12px;
  font-style: normal;
  font-weight: var(--fontWeight-regular, 400);
  line-height: 130%;
  margin-bottom: 0;
}
.event-sale-pre-gift__inventory {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}
.event-sale-pre-gift__inventory_bar {
  width: 43%;
  height: 6px;
  border-radius: 4px;
  background: var(--BG-page, #fff);
  position: relative;
}
.event-sale-pre-gift__inventory_bar_fill {
  transition: .3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: var(--brand-primary, #ff7a3d);
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      #f9a245 0%,
      var(--brand-text, #ff4d0a) 100%);
}
.event-sale-pre-gift__inventory_text {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--font-tertiary, #737373);
  font-family: var(--Shokz-Sans-Text, "Shokz Sans Text");
  font-size: 12px;
  font-style: normal;
  font-weight: var(--Light, 400);
  line-height: var(130%);
}
.event-sale-pre-gift__image {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.event-sale-pre-gift__svg {
  position: absolute;
  left: -4px;
  bottom: -2.5px;
  pointer-events: none;
}