.content-118 {
  background-color: var(--content-118--block--background-color);
  overflow: hidden;
  padding-bottom: var(--content-118--block--padding-y);
  padding-top: var(--content-118--block--padding-y);
}
.content-118:not(:first-child) {
  margin-top: var(--content-118--block--margin-top);
}

.content-118-header {
  display: grid;
  grid-template-columns: minmax(min-content, 1fr) minmax(0, auto);
  align-items: center;
  -moz-column-gap: var(--content-118--header--gap);
       column-gap: var(--content-118--header--gap);
}

.content-118-header > *:first-child {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.content-118-heading {
  color: var(--content-118--heading--color);
  font-family: var(--content-118--heading--font-family);
  font-size: var(--content-118--heading--font-size);
  font-weight: var(--content-118--heading--font-weight);
  line-height: var(--content-118--heading--line-height);
  letter-spacing: var(--content-118--heading--letter-spacing);
  text-transform: var(--content-118--heading--text-transform);
  margin: 0;
}

.content-118-header > fw-component {
  display: contents;
}

.content-118-header > fw-component.in-iframe {
  display: block;
  grid-column: 1/-1;
}

.content-118 .content-118-slider {
  display: contents;
}

.content-118 .content-118-tabs {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--content-118--tabs--gap);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.content-118 .content-118-tabs::-webkit-scrollbar {
  display: none;
}

.content-118 .content-118-tab {
  background-color: var(--content-118--tab--background-color);
  border-width: var(--content-118--tab--border-width);
  border-style: solid;
  border-color: var(--content-118--tab--border-color);
  border-radius: var(--content-118--tab--border-radius);
  color: var(--content-118--tab-inactive--color);
  cursor: pointer;
  flex-shrink: 0;
  padding: var(--content-118--tab--padding-y) var(--content-118--tab--padding-x);
  white-space: nowrap;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
.content-118 .content-118-tab.is-active {
  background-color: var(--content-118--tab-active--background-color);
  border-color: var(--content-118--tab-active--background-color);
  color: var(--content-118--tab-active--color);
}

.content-118 .content-118-tab-label {
  color: inherit;
  font-family: var(--content-118--tab--font-family);
  font-size: var(--content-118--tab--font-size);
  font-weight: var(--content-118--tab--font-weight);
  line-height: var(--content-118--tab--line-height);
  letter-spacing: var(--content-118--tab--letter-spacing);
  text-transform: var(--content-118--tab--text-transform);
}

.content-118 .content-118-panels {
  grid-column: 1/-1;
  grid-row: 2;
  min-width: 0;
  margin-top: var(--content-118--panels--margin-top);
}

.content-118 .content-118-swiper {
  overflow: hidden;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: max(var(--theme--spacing--grid--margin), (100vw - var(--layout--page--body--max-width-container)) / 2 + var(--theme--spacing--grid--margin));
  padding-right: max(var(--theme--spacing--grid--margin), (100vw - var(--layout--page--body--max-width-container)) / 2 + var(--theme--spacing--grid--margin));
}
.content-118 .content-118-swiper .swiper-button-prev,
.content-118 .content-118-swiper .swiper-button-next {
  width: var(--content-118--slider-nav--width);
  height: var(--content-118--slider-nav--width);
  margin-top: 0;
  transform: translateY(-50%);
  border-radius: var(--content-118--slider-nav--border-radius);
  background-color: var(--content-118--slider-nav--background-color);
  color: var(--content-118--slider-nav--color);
  transition: opacity 400ms ease-in-out, background-color 400ms ease-in-out;
}
.content-118 .content-118-swiper .swiper-button-prev::after,
.content-118 .content-118-swiper .swiper-button-next::after {
  font-size: var(--content-118--slider-nav--font-size);
}
.content-118 .content-118-swiper .swiper-button-prev:hover,
.content-118 .content-118-swiper .swiper-button-next:hover {
  background-color: var(--content-118--slider-nav-hover--background-color);
  color: var(--content-118--slider-nav-hover--color);
}
.content-118 .content-118-swiper .swiper-button-prev.swiper-button-disabled,
.content-118 .content-118-swiper .swiper-button-next.swiper-button-disabled {
  pointer-events: none;
}
.content-118 .content-118-swiper .swiper-button-prev {
  left: 0;
  margin-left: var(--content-118--slider-nav--margin-left);
}
.content-118 .content-118-swiper .swiper-button-next {
  right: 0;
  margin-right: var(--content-118--slider-nav--margin-right);
}
.content-118 .content-118-swiper .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--content-118--scroll--gap);
}
.content-118 .content-118-swiper .swiper-slide {
  width: var(--content-118--card--width);
  height: auto;
  flex-shrink: 0;
}

.content-118 .content-118-card {
  display: flex;
  flex-direction: column;
  gap: var(--content-118--card--gap);
  color: inherit;
  text-decoration: none;
}

.content-118 .content-118-card-media {
  position: relative;
  background-color: var(--content-118--card-image--background-color);
  border-radius: var(--content-118--card-image--border-radius);
  overflow: hidden;
  aspect-ratio: var(--content-118--card-image--aspect-ratio);
}

.content-118 .content-118-card-image {
  display: block;
  width: 100%;
  height: 100%;
}
.content-118 .content-118-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: var(--content-118--card-image--object-fit);
     object-fit: var(--content-118--card-image--object-fit);
  transition: transform 400ms ease;
}

.content-118 .content-118-card:hover .content-118-card-image img {
  transform: scale(1.04);
}

.content-118 .content-118-card-image.is-swap {
  position: relative;
}
.content-118 .content-118-card-image.is-swap img {
  transition: opacity 400ms ease;
}
.content-118 .content-118-card-image.is-swap img:last-of-type:not(:first-of-type) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.content-118 .content-118-card:hover .content-118-card-image.is-swap img {
  transform: none;
}

.content-118 .content-118-card:hover .content-118-card-image.is-swap img:first-of-type:not(:last-of-type) {
  opacity: 0;
}

.content-118 .content-118-card:hover .content-118-card-image.is-swap img:last-of-type:not(:first-of-type) {
  opacity: 1;
}

.content-118 .content-118-card-quick-view {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 30;
  margin-top: var(--content-118--card-quick-view--margin-top);
  margin-right: var(--content-118--card-quick-view--margin-right);
  display: none;
  align-items: center;
  justify-content: center;
  width: var(--content-118--card-quick-view--width);
  height: var(--content-118--card-quick-view--width);
  border-radius: 50%;
  background-color: var(--content-118--card-quick-view--background-color);
  color: var(--content-118--card-quick-view--color);
  box-shadow: var(--content-118--card-quick-view--box-shadow);
  cursor: pointer;
}
.content-118 .content-118-card-quick-view svg {
  width: var(--content-118--card-quick-view-icon--width);
  height: var(--content-118--card-quick-view-icon--width);
}
.content-118 .content-118-card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: var(--content-118--card-action--gap);
  padding: var(--content-118--card-action--padding);
}
.content-118 .content-118-card-action .btn {
  width: 100%;
}
.content-118 .content-118-card-form {
  width: 100%;
}

.content-118 .content-118-card-labels {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: var(--content-118--card-labels--margin-top);
  margin-left: var(--content-118--card-labels--margin-left);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--content-118--card-labels--gap);
  z-index: 1;
}

.content-118 .content-118-card-label {
  background-color: var(--content-118--card-label--background-color);
  color: var(--content-118--card-label--color);
  border-radius: var(--content-118--card-label--border-radius);
  padding: var(--content-118--card-label--padding-y) var(--content-118--card-label--padding-x);
  font-family: var(--content-118--card-label--font-family);
  font-size: var(--content-118--card-label--font-size);
  font-weight: var(--content-118--card-label--font-weight);
  line-height: var(--content-118--card-label--line-height);
  letter-spacing: var(--content-118--card-label--letter-spacing);
  text-transform: var(--content-118--card-label--text-transform);
}

.content-118 .content-118-card-title {
  color: var(--content-118--card-title--color);
  font-family: var(--content-118--card-title--font-family);
  font-size: var(--content-118--card-title--font-size);
  font-weight: var(--content-118--card-title--font-weight);
  line-height: var(--content-118--card-title--line-height);
  letter-spacing: var(--content-118--card-title--letter-spacing);
  text-decoration: none;
  text-decoration-line: none;
}
.content-118 .content-118-card-title:hover {
  text-decoration: none;
  text-decoration-line: none;
}

.content-118 .content-118-card-price {
  color: var(--content-118--card-price--color);
  font-family: var(--content-118--card-price--font-family);
  font-size: var(--content-118--card-price--font-size);
  font-weight: var(--content-118--card-price--font-weight);
  line-height: var(--content-118--card-price--line-height);
  letter-spacing: var(--content-118--card-price--letter-spacing);
}

.content-118 .content-118-controls {
  display: flex;
  align-items: center;
  gap: var(--content-118--controls--gap);
  margin-top: var(--content-118--controls--margin-top);
}

.content-118 .content-118-pagination {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  height: var(--content-118--progressbar--height) !important;
  width: var(--content-118--progressbar--width) !important;
  background-color: var(--content-118--progressbar-track--background-color);
}
.content-118 .content-118-pagination .swiper-pagination-progressbar-fill {
  background-color: var(--content-118--progressbar--background-color);
}
.content-118 .content-118-pagination.swiper-pagination-lock {
  display: block !important;
}

.content-118 .content-118-nav {
  display: flex;
  gap: var(--content-118--nav--gap);
  flex-shrink: 0;
  margin-left: auto;
}
.content-118 .content-118-nav .swiper-button-prev,
.content-118 .content-118-nav .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  margin: 0;
  border-width: var(--content-118--slider-nav--border-width);
  border-style: solid;
  border-color: var(--content-118--slider-nav--border-color);
  flex-shrink: 0;
  opacity: 1;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}
.content-118 .content-118-nav .swiper-button-prev.swiper-button-disabled,
.content-118 .content-118-nav .swiper-button-next.swiper-button-disabled {
  opacity: var(--content-118--slider-nav-disabled--opacity);
}
.content-118 .content-118-nav .swiper-button-prev.swiper-button-lock,
.content-118 .content-118-nav .swiper-button-next.swiper-button-lock {
  display: flex !important;
}

.content-118 .content-118-swiper:not(.swiper-initialized) .swiper-button-prev {
  opacity: var(--content-118--slider-nav-disabled--opacity);
}

@media (max-width: 1023px) {
  .content-118-header {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    row-gap: var(--content-118--header--gap);
  }
  .content-118 .content-118-tabs {
    grid-column: 1;
    grid-row: 2;
    justify-self: stretch;
  }
  .content-118 .content-118-panels {
    grid-row: 3;
  }
  .content-118 .content-118-swiper .swiper-button-prev,
  .content-118 .content-118-swiper .swiper-button-next {
    opacity: 1;
  }
  .content-118 .content-118-swiper .swiper-button-prev.swiper-button-disabled,
  .content-118 .content-118-swiper .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
  }
  .content-118 .content-118-nav {
    display: none;
  }
  .content-118 .content-118-card-action {
    flex-direction: row;
    justify-content: flex-end;
  }
  .content-118 .content-118-card-action .content-118-card-form {
    width: auto;
  }
  .content-118 .content-118-card-action .btn {
    width: var(--content-118--card-action-cart--size);
    height: var(--content-118--card-action-cart--size);
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 9999px;
    background-color: var(--content-118--card-action-cart--background-color);
    color: var(--content-118--card-action-cart--color);
    box-shadow: var(--content-118--card-action-cart--box-shadow);
    font-size: 0;
    line-height: 0;
  }
  .content-118 .content-118-card-action .btn::after {
    content: "";
    display: block;
    width: var(--content-118--card-action-cart--icon-width);
    height: var(--content-118--card-action-cart--icon-width);
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M551.991 64H144.28l-8.726-44.608C133.35 8.128 123.478 0 112 0H12C5.373 0 0 5.373 0 12v24c0 6.627 5.373 12 12 12h80.24l69.594 355.701C150.796 415.201 144 430.802 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-18.136-7.556-34.496-19.676-46.142l1.035-4.757c3.254-14.96-8.142-29.101-23.452-29.101H203.76l-9.39-48h312.405c11.29 0 21.054-7.869 23.452-18.902l45.216-208C578.695 78.139 567.299 64 551.991 64zM208 472c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm256 0c-13.234 0-24-10.766-24-24s10.766-24 24-24 24 10.766 24 24-10.766 24-24 24zm23.438-200H184.98l-31.31-160h368.548l-34.78 160z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
}
@media (min-width: 1024px) {
  .content-118 .content-118-card-quick-view {
    display: flex;
    opacity: 0;
    transition: opacity var(--theme--effects--animation--transition-duration);
  }
  .content-118 .content-118-card:hover .content-118-card-quick-view,
  .content-118 .content-118-card:focus-within .content-118-card-quick-view {
    opacity: 1;
  }
  .content-118 .content-118-card-action {
    opacity: 0;
    transform: translateY(0.5rem);
    pointer-events: none;
    transition: opacity var(--theme--effects--animation--transition-duration), transform var(--theme--effects--animation--transition-duration);
  }
  .content-118 .content-118-card-action .btn {
    pointer-events: auto;
  }
  .content-118 .content-118-card:hover .content-118-card-action,
  .content-118 .content-118-card:focus-within .content-118-card-action {
    opacity: 1;
    transform: translateY(0);
  }
}