/** Shopify CDN: Minification failed

Line 141:10 Expected identifier but found whitespace
Line 141:16 Unexpected ";"

**/
.fx-pdp {
  background: #fff;
  color: var(--ferxsport-heading-color, #060102);
  padding: calc(24 * var(--rem)) calc(48 * var(--rem)) calc(124 * var(--rem)) calc(48 * var(--rem));
}

.fx-pdp__inner {
  --ferxsport-contained-width: var(--fx-pdp-width, 1280);
}

.fx-pdp__crumbs {
  color: var(--ferxsport-muted, #8a8a8a);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  gap: calc(6 * var(--rem));
  line-height: 1.4;
  margin: 0 0 calc(20 * var(--rem));
}

.fx-pdp__crumbs a {
  color: #838383;
  text-decoration: none;
}

.fx-pdp__crumbs-sep {
  color: #838383;
}

.fx-pdp__layout {
  align-items: start;
  display: grid;
  gap: calc(40 * var(--rem));
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
}

.fx-pdp__media {
  position: sticky;
  top: calc(var(--header-height, 80px) + 16 * var(--rem));
  z-index: 1;
}

.fx-pdp__gallery-row {
  align-items: stretch;
  display: grid;
  gap: calc(16 * var(--rem));
  grid-template-columns: calc(72 * var(--rem)) minmax(0, 1fr);
}

.fx-pdp__thumbs {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--rem));
  height: 0;
  list-style: none;
  margin: 0;
  min-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.fx-pdp__thumbs::-webkit-scrollbar {
  display: none;
}

.fx-pdp__thumbs > li {
  flex: 0 0 auto;
}

.fx-pdp__stage-col {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--rem));
  min-width: 0;
}

.fx-pdp__thumb {
  background: #f7f7f7;
  border: calc(1 * var(--rem)) solid transparent;
  border-radius: calc(8 * var(--rem));
  cursor: pointer;
  display: block;
  height: calc(64 * var(--rem));
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.fx-pdp__thumb::after {
  background: rgb(255 255 255 / 0.55);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.fx-pdp__thumb.is-active {
  border-color: var(--ferxsport-accent, #fed800);
}

.fx-pdp__thumb.is-active::after {
  opacity: 0;
}

.fx-pdp__thumb img,
.fx-pdp__thumb svg {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.fx-pdp__thumb-play {
  align-items: center;
  background: rgb(0 0 0 / 0.55);
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  height: calc(22 * var(--rem));
  justify-content: center;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(22 * var(--rem));
  z-index: 2;
}
  display: block;
  height: calc(10 * var(--rem));
  margin-left: calc(1 * var(--rem));
  width: calc(10 * var(--rem));
}

.fx-pdp__stage {
  border-radius: calc(16 * var(--rem));
  isolation: isolate;
  min-width: 0;
  overflow: hidden;
  position: relative;
  touch-action: pan-y;
  width: 100%;
}

.fx-pdp__stage-media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.fx-pdp__stage-media img,
.fx-pdp__stage-media svg,
.fx-pdp__stage-media .fx-pdp__video {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 80%;
  object-fit: contain;
  object-position: center;
  width: 80%;
}

.fx-pdp__stage-media iframe.fx-pdp__video,
.fx-pdp__stage-media .fx-pdp__video--external {
  aspect-ratio: 16 / 9;
  border: 0;
  height: auto;
  max-height: 100%;
  max-width: 90%;
  width: 90%;
}

.fx-pdp__stage-media [data-fx-slide] {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translate3d(18%, 0, 0);
  transition:
    opacity 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  visibility: hidden;
  z-index: 0;
}

.fx-pdp__stage-media.is-dir-prev [data-fx-slide] {
  transform: translate3d(-18%, 0, 0);
}

.fx-pdp__stage-media [data-fx-slide].is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  z-index: 1;
}

.fx-pdp__stage-media [data-fx-slide].is-exit {
  opacity: 0;
  visibility: visible;
  z-index: 0;
}

.fx-pdp__stage-media.is-dir-next [data-fx-slide].is-exit {
  transform: translate3d(-18%, 0, 0);
}

.fx-pdp__stage-media.is-dir-prev [data-fx-slide].is-exit {
  transform: translate3d(18%, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .fx-pdp__stage-media [data-fx-slide] {
    transition: none;
  }
}

.fx-pdp__badge {
  background: var(--ferxsport-accent-support-bg, #fff1c6);
  border: 1px solid var(--ferxsport-accent-support, #fdbd03);
  border-radius: calc(6 * var(--rem));
  color: #121315;
  font-family: var(--font-body--family);
  font-size: calc(10 * var(--rem));
  font-weight: 400;
  left: calc(16 * var(--rem));
  letter-spacing: 0.02em;
  line-height: 1;
  padding: calc(8 * var(--rem)) calc(14 * var(--rem));
  position: absolute;
  text-transform: uppercase;
  top: calc(16 * var(--rem));
  z-index: 2;
}

.fx-pdp__nav {
  align-items: center;
  background: #ececec;
  border: 0;
  border-radius: 50%;
  color: var(--ferxsport-heading-color, #060102);
  cursor: pointer;
  display: inline-flex;
  height: calc(40 * var(--rem));
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(40 * var(--rem));
  z-index: 2;
}

.fx-pdp__nav svg {
  height: calc(16 * var(--rem));
  width: calc(16 * var(--rem));
}

.fx-pdp__nav--prev {
  left: calc(10% + 12 * var(--rem));
}

.fx-pdp__nav--next {
  right: calc(10% + 12 * var(--rem));
}

.fx-pdp__zoom {
  align-items: center;
  background: #ececec;
  border: 0;
  border-radius: 50%;
  color: var(--ferxsport-heading-color, #060102);
  cursor: pointer;
  display: inline-flex;
  height: calc(40 * var(--rem));
  justify-content: center;
  padding: 0;
  position: absolute;
  right: calc(12 * var(--rem));
  top: calc(12 * var(--rem));
  width: calc(40 * var(--rem));
  z-index: 2;
}

.fx-pdp__zoom svg {
  height: calc(16 * var(--rem));
  width: calc(16 * var(--rem));
}

.fx-pdp__specs {
  /* background-color: #060102; */
  border-radius: 0 calc(10 * var(--rem)) calc(10 * var(--rem)) 0;
  display: grid;
  gap: calc(8 * var(--rem));
  grid-template-columns: repeat(var(--fx-spec-count, 6), minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: calc(10 * var(--rem));
  /* border-left: calc(5 * var(--rem)) solid #fed800; */
  /* border-bottom: 1px solid #fed800; */
}

.fx-pdp__specs--stack {
  display: none;
}

.fx-pdp__spec {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--rem));
  text-align: center;
}

.fx-pdp__spec-icon {
  color: var(--fx-spec-icon-color, var(--ferxsport-accent, #fed800));
  height: calc(32 * var(--rem));
  width: calc(32 * var(--rem));
}

.fx-pdp__spec-icon img,
.fx-pdp__spec-icon svg {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.fx-pdp__spec-icon svg {
  fill: none;
  stroke: currentColor;
}

.fx-pdp__spec-icon--asset {
  /* background-color: var(--ferxsport-accent, #fed800); */
  background-color: #060102;
  -webkit-mask: var(--fx-spec-icon-url) center / contain no-repeat;
  mask: var(--fx-spec-icon-url) center / contain no-repeat;
}

.fx-pdp__spec-value {
  color: #060102;
  font-family: var(--font-heading--family);
  font-size: calc(16 * var(--rem));
  line-height: 1.2;
}

.fx-pdp__spec-label {
  color: var(--ferxsport-muted, #8a8a8a);
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  line-height: 1.2;
}

.fx-pdp__title {
  color: var(--ferxsport-heading-color, #060102);
  font-family: var(--font-heading--family);
  font-size: var(--ferxsport-heading-size, calc(32 * var(--rem)));
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0 0 calc(8 * var(--rem));
}

.fx-pdp__subtitle {
  color: var(--ferxsport-muted, #8a8a8a);
  font-family: var(--font-body--family);
  font-size: calc(16 * var(--rem));
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 calc(12 * var(--rem));
}

.fx-pdp__reviews {
  align-items: center;
  display: flex;
  gap: calc(8 * var(--rem));
  margin-bottom: calc(16 * var(--rem));
}

.fx-pdp__stars {
  color: var(--ferxsport-accent, #fed800);
  display: inline-flex;
  gap: calc(2 * var(--rem));
}

.fx-pdp__stars svg {
  height: calc(16 * var(--rem));
  width: calc(16 * var(--rem));
}

.fx-pdp__review-count {
  color: var(--ferxsport-muted, #8a8a8a);
  font-family: var(--font-body--family);
  font-size: calc(14 * var(--rem));
}

.fx-pdp__price-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--rem));
  margin-bottom: calc(20 * var(--rem));
  margin-top: calc(20 * var(--rem));
}

.fx-pdp__price {
  font-family: var(--font-heading--family);
  font-size: calc(28 * var(--rem));
  font-weight: 500;
  line-height: 1;
}

.fx-pdp__compare {
  color: rgba(0, 0, 0, 0.2);
  font-family: var(--font-body--family);
  font-size: calc(16 * var(--rem));
  text-decoration: line-through;
}

.fx-pdp__save {
  background: var(--ferxsport-accent, #fed800);
  border-radius: calc(999 * var(--rem));
  color: #fff;
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: calc(6 * var(--rem)) calc(12 * var(--rem));
}

.fx-pdp__benefits {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--rem));
  list-style: none;
  margin: 0 0 calc(24 * var(--rem));
  padding: 0;
}

.fx-pdp__benefit {
  align-items: center;
  color: var(--ferxsport-heading-color, #060102);
  display: flex;
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  gap: calc(8 * var(--rem));
  line-height: 1.4;
}

.fx-pdp__benefit svg {
  color: var(--ferxsport-heading-color, #060102);
  flex-shrink: 0;
  height: calc(14 * var(--rem));
  width: calc(14 * var(--rem));
}

.fx-pdp__benefit svg path {
  stroke-width: 1.1;
}

.fx-pdp__benefit-text,
.fx-pdp__benefit-text p {
  display: inline;
  margin: 0;
}

.fx-pdp__benefit a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.fx-pdp__option {
  margin-bottom: calc(18 * var(--rem));
}

.fx-pdp__option-label {
  color: var(--ferxsport-heading-color, #060102);
  display: block;
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  font-weight: 500;
  margin-bottom: calc(10 * var(--rem));
}

.fx-pdp__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: calc(10 * var(--rem));
  list-style: none;
  margin: 0;
  padding: 0;
}

.fx-pdp__swatch {
  background-clip: padding-box;
  background-color: #d9d9d9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: calc(1 * var(--rem)) solid transparent;
  border-radius: 50%;
  cursor: pointer;
  height: calc(28 * var(--rem));
  overflow: hidden;
  padding: 0;
  width: calc(28 * var(--rem));
}

.fx-pdp__swatch.is-active {
  border-color: var(--ferxsport-heading-color, #060102);
  box-shadow: inset 0 0 0 calc(2 * var(--rem)) #fff;
}

.fx-pdp__toggle {
  display: inline-flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--rem));
}

.fx-pdp__toggle-btn {
  background: #fff;
  border: calc(1 * var(--rem)) solid #c8c8c8;
  border-radius: 999px;
  color: var(--ferxsport-heading-color, #060102);
  cursor: pointer;
  font-family: var(--font-body--family);
  font-size: calc(14 * var(--rem));
  font-weight: 500;
  min-width: calc(64 * var(--rem));
  padding: calc(8 * var(--rem)) calc(18 * var(--rem));
}

.fx-pdp__toggle-btn.is-active {
  background: var(--ferxsport-heading-color, #060102);
  border-color: var(--ferxsport-heading-color, #060102);
  box-shadow: inset 0 0 0 calc(2 * var(--rem)) #fff;
  color: #fff;
  font-weight: 600;
}

.fx-pdp__actions {
  align-items: stretch;
  display: flex;
  gap: calc(12 * var(--rem));
  margin-bottom: calc(12 * var(--rem));
}

.fx-pdp__qty {
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: calc(999 * var(--rem));
  display: flex;
  flex: 0 0 calc(140 * var(--rem));
  justify-content: space-between;
  min-height: calc(48 * var(--rem));
}

.fx-pdp__qty-btn {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ferxsport-heading-color, #060102);
  cursor: pointer;
  display: inline-flex;
  height: calc(48 * var(--rem));
  justify-content: center;
  width: calc(44 * var(--rem));
}

.fx-pdp__qty-input {
  background: transparent;
  border: 0;
  color: var(--ferxsport-heading-color, #060102);
  font-family: var(--font-body--family);
  font-size: calc(16 * var(--rem));
  font-weight: 600;
  text-align: center;
  width: calc(40 * var(--rem));
}

.fx-pdp__qty-input:disabled {
  cursor: not-allowed;
  opacity: 1;
}

.fx-pdp__qty.is-disabled,
.fx-pdp__qty:has(:disabled) {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}

.fx-pdp__qty-btn:disabled {
  cursor: not-allowed;
}

.fx-pdp__atc:disabled svg,
.fx-pdp-sticky__atc:disabled svg {
  display: none;
}

.fx-pdp__atc:disabled,
.fx-pdp__buy:disabled,
.fx-pdp-sticky__atc:disabled {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}

@media (hover: hover) {
  .fx-pdp__atc:disabled:hover,
  .fx-pdp__buy:disabled:hover,
  .fx-pdp-sticky__atc:disabled:hover {
    filter: none;
    opacity: 0.45;
    transform: none;
  }
}

.fx-pdp__atc {
  --ferxsport-homepage-btn-bg: var(--ferxsport-button, #060102);
  --ferxsport-homepage-btn-color: #fff;
  --ferxsport-homepage-btn-font-size: 12;
  --ferxsport-homepage-btn-height: 48;
  --ferxsport-homepage-btn-padding-inline: 28;
  --ferxsport-homepage-btn-radius: 100;
  flex: 1 1 auto;
  width: 100%;
}

.fx-pdp__buy {
  --ferxsport-homepage-btn-bg: var(--ferxsport-accent, #fed800);
  --ferxsport-homepage-btn-color: var(--ferxsport-heading-color, #060102);
  --ferxsport-homepage-btn-font-size: 12;
  --ferxsport-homepage-btn-height: 48;
  --ferxsport-homepage-btn-padding-inline: 28;
  --ferxsport-homepage-btn-radius: 100;
  margin-bottom: calc(24 * var(--rem));
  width: 100%;
}

.fx-pdp:has(.fx-pdp__payments) .fx-pdp__buy {
  margin-bottom: calc(12 * var(--rem));
}

.fx-pdp__payments {
  margin-top: calc(12 * var(--rem));
  margin-bottom: calc(10 * var(--rem));
}

.fx-pdp__payments-label {
  color: var(--ferxsport-heading-color, #060102);
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  font-weight: 500;
  line-height: 1.35;
  margin: 0 0 calc(10 * var(--rem));
}

.fx-pdp__payments .payment-icons__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: calc(6 * var(--rem));
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}

.fx-pdp__payments .payment-icons__item {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  line-height: 0;
  overflow: visible;
  padding-block: calc(1 * var(--rem));
}

.fx-pdp__payments .payment-icons__item svg {
  display: block;
  flex-shrink: 0;
  height: calc(20 * var(--rem));
  max-width: none;
  min-height: calc(20 * var(--rem));
  overflow: visible;
  width: auto;
}

.fx-pdp__accordions {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--rem));
}

.fx-pdp__acc {
  background: #f7f7f7;
  border-radius: calc(10 * var(--rem));
  overflow: hidden;
}

.fx-pdp__acc-btn {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--ferxsport-heading-color, #060102);
  cursor: pointer;
  display: flex;
  font-family: var(--font-heading--family);
  font-size: calc(12 * var(--rem));
  justify-content: space-between;
  padding: calc(16 * var(--rem)) calc(18 * var(--rem));
  text-align: left;
  width: 100%;
}

.fx-pdp__acc-icon {
  color: var(--ferxsport-heading-color, #060102);
  font-size: calc(22 * var(--rem));
  font-weight: 400;
  line-height: 1;
}

.fx-pdp__acc-panel {
  display: none;
  padding: 0 calc(18 * var(--rem)) calc(16 * var(--rem));
}

.fx-pdp__acc.is-open .fx-pdp__acc-panel {
  display: block;
}

.fx-pdp__acc-panel,
.fx-pdp__acc-panel p {
  color: #8a8a8a;
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  line-height: 1.6;
  margin: 0;
}

.fx-pdp__acc-panel ul {
  margin-block: 0;
}

.fx-pdp__acc-panel a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.fx-pdp__error {
  color: #c0392b;
  font-size: calc(13 * var(--rem));
  margin: 0 0 calc(10 * var(--rem));
}

.fx-pdp__lightbox {
  background: transparent;
  border: 0;
  height: 100%;
  inset: 0;
  max-height: 100%;
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.fx-pdp__lightbox::backdrop {
  background: rgb(0 0 0 / 0.78);
}

.fx-pdp__lightbox-frame {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: calc(56 * var(--rem)) calc(72 * var(--rem));
  pointer-events: none;
  position: relative;
  width: 100%;
}

.fx-pdp__lightbox-media,
.fx-pdp__lightbox-close,
.fx-pdp__lightbox-nav {
  pointer-events: auto;
}

.fx-pdp__lightbox-media {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.fx-pdp__lightbox-slide {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translate3d(18%, 0, 0);
  transition:
    opacity 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  visibility: hidden;
  z-index: 0;
}

.fx-pdp__lightbox-media.is-dir-prev .fx-pdp__lightbox-slide {
  transform: translate3d(-18%, 0, 0);
}

.fx-pdp__lightbox-media .fx-pdp__lightbox-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  z-index: 1;
}

.fx-pdp__lightbox-media .fx-pdp__lightbox-slide.is-exit {
  opacity: 0;
  visibility: visible;
  z-index: 0;
}

.fx-pdp__lightbox-media.is-dir-next .fx-pdp__lightbox-slide.is-exit {
  transform: translate3d(-18%, 0, 0);
}

.fx-pdp__lightbox-media.is-dir-prev .fx-pdp__lightbox-slide.is-exit {
  transform: translate3d(18%, 0, 0);
}

.fx-pdp__lightbox-slide img,
.fx-pdp__lightbox-slide svg,
.fx-pdp__lightbox-slide .fx-pdp__video {
  display: block;
  height: auto;
  max-height: min(90vh, 100%);
  max-width: 100%;
  object-fit: contain;
}

.fx-pdp__lightbox-slide iframe.fx-pdp__video,
.fx-pdp__lightbox-slide .fx-pdp__video--external {
  aspect-ratio: 16 / 9;
  border: 0;
  height: auto;
  max-height: min(80vh, 100%);
  max-width: min(90vw, 100%);
  width: min(90vw, 1200px);
}

@media (prefers-reduced-motion: reduce) {
  .fx-pdp__lightbox-slide {
    transition: none;
  }
}

.fx-pdp__lightbox-close,
.fx-pdp__lightbox-nav {
  align-items: center;
  background: #fff;
  border: 0;
  border-radius: 50%;
  color: var(--ferxsport-heading-color, #060102);
  cursor: pointer;
  display: inline-flex;
  height: calc(40 * var(--rem));
  justify-content: center;
  padding: 0;
  position: absolute;
  width: calc(40 * var(--rem));
  z-index: 2;
}

.fx-pdp__lightbox-close {
  right: calc(20 * var(--rem));
  top: calc(20 * var(--rem));
}

.fx-pdp__lightbox-close svg,
.fx-pdp__lightbox-nav svg {
  display: block;
  height: calc(16 * var(--rem));
  width: calc(16 * var(--rem));
}

.fx-pdp__lightbox-nav--prev {
  left: calc(20 * var(--rem));
  top: 50%;
  transform: translateY(-50%);
}

.fx-pdp__lightbox-nav--next {
  right: calc(20 * var(--rem));
  top: 50%;
  transform: translateY(-50%);
}

@media (hover: hover) {
  .fx-pdp__crumbs a:hover,
  .fx-pdp__benefit a:hover,
  .fx-pdp__acc-panel a:hover {
    opacity: 0.72;
  }

  .fx-pdp__stage .fx-pdp__nav,
  .fx-pdp__stage .fx-pdp__zoom {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, background 0.2s ease;
  }

  .fx-pdp__stage:hover .fx-pdp__nav,
  .fx-pdp__stage:hover .fx-pdp__zoom,
  .fx-pdp__stage:focus-within .fx-pdp__nav,
  .fx-pdp__stage:focus-within .fx-pdp__zoom {
    opacity: 1;
    pointer-events: auto;
  }

  .fx-pdp__nav:hover,
  .fx-pdp__zoom:hover,
  .fx-pdp__lightbox-close:hover,
  .fx-pdp__lightbox-nav:hover {
    background: var(--ferxsport-surface, #f7f7f7);
  }
}

@media screen and (max-width: 768px) {
  .fx-pdp__benefits {
    gap: calc(12 * var(--rem));
  }
  .fx-pdp__title {
    font-size: calc(42 * var(--rem));
    line-height: 1.5;
  }
  .fx-pdp {
    padding: calc(20 * var(--rem)) calc(0 * var(--rem)) calc(40 * var(--rem)) 0;
  }

  .fx-pdp__inner {
    padding-inline: var(--ferxsport-module-padding-inline-mobile);
  }

  .fx-pdp__crumbs {
    font-size: calc(20 * var(--rem));
    margin-bottom: calc(16 * var(--rem));
  }

  .fx-pdp__layout {
    gap: calc(24 * var(--rem));
    grid-template-columns: minmax(0, 1fr);
  }

  .fx-pdp__media {
    position: static;
  }

  .fx-pdp__gallery-row {
    display: flex;
    flex-direction: column;
    grid-template-columns: minmax(0, 1fr);
  }

  .fx-pdp__thumbs {
    flex-direction: row;
    height: auto;
    min-height: 0;
    order: 2;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .fx-pdp__stage-col {
    display: contents;
  }

  .fx-pdp__thumb {
    flex: 0 0 calc(88 * var(--rem));
    height: calc(88 * var(--rem));
    width: calc(88 * var(--rem));
  }

  .fx-pdp__stage {
    order: 1;
  }

  .fx-pdp__specs--gallery {
    display: none;
  }

  .fx-pdp__specs--stack {
    display: grid;
    margin-block: calc(16 * var(--rem)) calc(24 * var(--rem));
  }

  .fx-pdp__badge {
    font-size: calc(18 * var(--rem));
    padding: calc(10 * var(--rem)) calc(16 * var(--rem));
  }

  .fx-pdp__nav,
  .fx-pdp__zoom,
  .fx-pdp__lightbox-close,
  .fx-pdp__lightbox-nav {
    height: calc(48 * var(--rem));
    width: calc(48 * var(--rem));
  }

  .fx-pdp__lightbox-frame {
    padding: calc(72 * var(--rem)) calc(40 * var(--rem));
  }

  .fx-pdp__specs {
    padding: calc(20 * var(--rem)) calc(10 * var(--rem));
    gap: calc(12 * var(--rem));
    grid-template-columns: repeat(var(--fx-spec-count, 6), minmax(0, 1fr));
  }

  .fx-pdp__specs[data-spec-count='6'] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fx-pdp__specs[data-spec-count='7'] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .fx-pdp__spec-icon {
    height: calc(46 * var(--rem));
    width: calc(46 * var(--rem));
  }

  .fx-pdp__spec-value {
    font-size: calc(24 * var(--rem));
  }

  .fx-pdp__spec-label {
    font-size: calc(20 * var(--rem));
  }

  .fx-pdp__subtitle {
    font-size: calc(20 * var(--rem));
  }

  .fx-pdp__stars svg {
    height: calc(22 * var(--rem));
    width: calc(22 * var(--rem));
  }

  .fx-pdp__review-count,
  .fx-pdp__benefit,
  .fx-pdp__acc-panel,
  .fx-pdp__acc-panel p,
  .fx-pdp__acc-panel ul {
    font-size: calc(24 * var(--rem));
  }

  .fx-pdp__price {
    font-size: calc(42 * var(--rem));
    line-height: 1.5;
  }

  .fx-pdp__compare {
    font-size: calc(24 * var(--rem));
  }

  .fx-pdp__save {
    font-size: calc(20 * var(--rem));
    padding: calc(8 * var(--rem)) calc(14 * var(--rem));
  }

  .fx-pdp__option {
    margin-bottom: calc(28 * var(--rem));
  }

  .fx-pdp__option-label {
    font-size: calc(24 * var(--rem));
    margin-bottom: calc(16 * var(--rem));
  }

  .fx-pdp__toggle {
    gap: calc(12 * var(--rem));
  }

  .fx-pdp__toggle-btn {
    font-size: calc(22 * var(--rem));
    min-height: calc(56 * var(--rem));
    min-width: calc(96 * var(--rem));
    padding: calc(12 * var(--rem)) calc(28 * var(--rem));
  }

  .fx-pdp__swatches {
    gap: calc(16 * var(--rem));
  }

  .fx-pdp__swatch {
    box-shadow: none;
    height: calc(64 * var(--rem));
    width: calc(64 * var(--rem));
  }

  .fx-pdp__swatch.is-active {
    box-shadow: inset 0 0 0 calc(3 * var(--rem)) #fff;
  }

  .fx-pdp__actions {
    align-items: stretch;
    flex-direction: row;
  }

  .fx-pdp__qty {
    flex: 0 0 calc(220 * var(--rem));
    min-height: calc(56 * var(--rem));
    min-width: calc(220 * var(--rem));
    width: calc(220 * var(--rem));
  }

  .fx-pdp__qty-btn {
    height: calc(56 * var(--rem));
    width: calc(56 * var(--rem));
  }

  .fx-pdp__qty-input {
    font-size: calc(24 * var(--rem));
  }

  .fx-pdp__atc,
  .fx-pdp__buy {
    --ferxsport-homepage-btn-font-size: 20;
    --ferxsport-homepage-btn-height: 66;
  }

  .fx-pdp__atc {
    min-width: 0;
    width: auto;
  }
  .fx-pdp__payments {
    margin-top: calc(20 * var(--rem));
  }

  .fx-pdp__payments-label {
    
    font-size: calc(24 * var(--rem));
    margin-bottom: calc(16 * var(--rem));
  }

  .fx-pdp__payments .payment-icons__item svg {
    height: calc(36 * var(--rem));
    min-height: calc(36 * var(--rem));
  }

  .fx-pdp__accordions {
    gap: calc(20 * var(--rem));
  }

  .fx-pdp__acc-btn {
    font-size: calc(24 * var(--rem));
    padding: calc(22 * var(--rem));
  }

  .fx-pdp__acc-icon {
    font-size: calc(28 * var(--rem));
  }
}

.fx-pdp-sticky {
  align-items: center;
  background: #fff;
  border-radius: calc(12 * var(--rem));
  bottom: calc(32 * var(--rem));
  box-shadow: 0 calc(8 * var(--rem)) calc(32 * var(--rem)) rgba(0, 0, 0, 0.2);
  display: flex;
  gap: calc(16 * var(--rem));
  /* width: calc(600 * var(--rem)); */
  opacity: 0;
  padding: calc(10 * var(--rem)) calc(12 * var(--rem)) calc(10 * var(--rem)) calc(10 * var(--rem));
  pointer-events: none;
  position: fixed;
  right: calc(40 * var(--rem));
  transition: opacity 0.25s ease, visibility 0.25s ease;
  visibility: hidden;
  z-index: 40;
}

.fx-pdp-sticky.is-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.fx-pdp-sticky__media {
  border-radius: var(--ferxsport-radius-sm);
  flex-shrink: 0;
  height: calc(52 * var(--rem));
  overflow: hidden;
  width: calc(52 * var(--rem));
  border-radius: 10%;
}

.fx-pdp-sticky__img,
.fx-pdp-sticky__media img,
.fx-pdp-sticky__media svg {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.fx-pdp-sticky__info {
  display: flex;
  flex: 1 1 auto;
  gap: calc(14 * var(--rem));
  min-width: 0;
  justify-content: space-around;
  align-items: baseline;
}

.fx-pdp-sticky__title {
  color: var(--ferxsport-heading-color, #060102);
  font-family: var(--font-heading--family);
  font-size: calc(12 * var(--rem));
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fx-pdp-sticky__prices {
  align-items: baseline;
  display: flex;
  gap: calc(8 * var(--rem));
}

.fx-pdp-sticky__price {
  color: var(--ferxsport-heading-color, #060102);
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  font-weight: 600;
}

.fx-pdp-sticky__compare {
  color: #9a9a9a;
  font-family: var(--font-body--family);
  font-size: calc(12 * var(--rem));
  font-weight: 400;
  text-decoration: line-through;
}

.fx-pdp-sticky__atc {
  --ferxsport-homepage-btn-bg: var(--ferxsport-button, #060102);
  --ferxsport-homepage-btn-color: #fff;
  --ferxsport-homepage-btn-font-size: 12;
  --ferxsport-homepage-btn-height: 44;
  --ferxsport-homepage-btn-padding-inline: 22;
  --ferxsport-homepage-btn-radius: 100;
  flex-shrink: 0;
}

@media screen and (max-width: 749px) {
  .fx-pdp-sticky {
    bottom: calc(24 * var(--rem));
    gap: calc(12 * var(--rem));
    left: calc(24 * var(--rem));
    max-width: none;
    padding: calc(12 * var(--rem));
    right: calc(24 * var(--rem));
  }

  .fx-pdp-sticky__media {
    height: calc(64 * var(--rem));
    width: calc(64 * var(--rem));
  }

  .fx-pdp-sticky__title,
  .fx-pdp-sticky__price,
  .fx-pdp-sticky__compare {
    font-size: calc(24 * var(--rem));
  }

  .fx-pdp-sticky__atc {
    --ferxsport-homepage-btn-font-size: 18;
    --ferxsport-homepage-btn-height: 56;
    --ferxsport-homepage-btn-padding-inline: 24;
    margin-inline-start: auto;
  }
}

@media screen and (min-width: 750px) and (max-width: 768px) {
  .fx-pdp-sticky {
    bottom: calc(28 * var(--rem));
    right: calc(32 * var(--rem));
  }

  .fx-pdp-sticky__title,
  .fx-pdp-sticky__price,
  .fx-pdp-sticky__compare {
    font-size: calc(16 * var(--rem));
  }

  .fx-pdp-sticky__atc {
    margin-inline-start: auto;
  }
}