/** Shopify CDN: Minification failed

Line 1319:472814 Unexpected "}"
Line 1319:488620 Unexpected "}"
Line 1319:504426 Unexpected "}"
Line 1319:520232 Unexpected "}"
Line 1319:536038 Unexpected "}"
Line 1319:551844 Unexpected "}"
Line 1319:567650 Unexpected "}"
Line 1319:583456 Unexpected "}"

**/
.omnise-lightbox-ct .omnise-lightbox .omnise-media-lb img {
  object-fit: contain;
  margin: 0 auto; 
  display: block;
  height: 100%;
  z-index: 100;
  width: 100%;
}

.omnise-lightbox-ct .omnise-button-zoom {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 4px;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: var(--omnise-background-color);
}

.omnise-lightbox-ct .omnise-lightbox,
.omnise-lightbox-ct .omnise-bg-overlay {
  background-color: rgba(0, 0, 0, 0.85) !important;
  z-index: 999999999999999999999999999999;
}

.omnise-lightbox-ct {
  z-index: 999999999;
  opacity: 0;
}

.omnise-lightbox-ct.active {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-lightbox-toolbar,
.omnise-lightbox-ct .omnise-slider-controls {
  display: none !important;
}

.omnise-lightbox-ct.show-controls .omnise-lightbox-toolbar {
  display: flex !important;
}

.omnise-lightbox-ct.show-controls .omnise-slider-controls {
  display: block !important;
}

.omnise-lightbox-ct .omnise-lightbox {
  display: none;
  position: fixed !important;
  inset: 0;
}

.omnise-lightbox.active {
  display: flex !important;
}


.omnise-lightbox-ct .omnise-lightbox .omnise-carousel {
  position: relative;
  height: stretch;
  padding: 44px 0;
  width: 100%;
  overflow: hidden;
}

.omnise-lightbox .omnise-carousel .omnise-lightbox-toolbar {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
}

.omnise-lightbox .omnise-carousel .omnise-slider-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.omnise-lightbox .omnise-carousel .omnise-slider-wrapper .omnise-slider-content {
  height: 100%;
  user-select: none;
  overflow: hidden;
  display: flex;
  touch-action: pan-y pinch-zoom;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-carousel .omnise-slider-controls {
  display: block;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-slider-nav-left,
.omnise-lightbox-ct .omnise-lightbox .omnise-slider-nav-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-right.disabled,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-left.disabled {
  opacity: 0.5;
  pointer-events: all;
}

.omnise-lightbox-ct .omnise-slider-nav-left {
  left: 12px;
}

.omnise-lightbox-ct .omnise-slider-nav-right {
  right: 12px;
}

.omnise-lightbox-ct .omnise-slider-container[data-desktop-layout="slider"][data-mobile-layout="slider"] .omnise-slider-content {
  scroll-behavior: auto;
}

.omnise-lightbox-ct .omnise-slider-pagination-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.omnise-lightbox-ct .omnise-slider-pagination-wrapper {
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.omnise-lightbox-ct .omnise-slider-pagination-total {
  color: #fff;
  align-items: center;
  justify-content: center;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-bg-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0.1;
  z-index: -10;
  display: block;
  cursor: pointer;
}

.omnise-lightbox-ct .omnise-bg-overlay::after {
  content: "×";
  font-size: 48px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}

.omnise-lightbox-ct .omnise-bg-overlay:hover::after {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-media-lb {
  position: relative !important;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  @media (min-width: 1180px) {
    max-width: 70%;
  }
}

.omnise-lightbox-ct .omnise-lightbox-button {
  background: rgba(30, 30, 30, .6);
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  width: 44px;
  padding: 10px;
  color: white;
  opacity: 0.5;
  transition: color .2s;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-left,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-right {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-wrapper,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-total,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-progress {
  display: block;
}

.omnise-lightbox-ct .omnise-slide-item{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.omnise-lightbox-ct .omnise-lightbox.omnise-zoom-in .omnise-slide-item img {
  cursor: zoom-in;
}

.omnise-lightbox-ct .omnise-lightbox-button--zoom.active,
.omnise-lightbox-ct .omnise-lightbox-button--thumbs.active {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-slide-item img {
  transition: transform 0.3s ease;
}

.omnise-lightbox-ct .omnise-thumb-item {
  position: relative;
  padding: 0;
  border: none;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.omnise-lightbox-ct .omnise-thumb-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 4px solid #3498db;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.omnise-lightbox-ct .omnise-thumb-item.active::after {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
  margin-right: 220px;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
    margin-right: 150px;
  }

  .omnise-lightbox-ct .omnise-media-lb img {
    max-height: 70%;
  }
}

@media (max-width: 639px) {
  .omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
    margin-right: 90px;
  }

  .omnise-lightbox .omnise-carousel .omnise-slider-wrapper {
    height: 92%;
  }
}

.omnise-lightbox-ct .omnise-lightbox-hover-overlay {
  position: absolute;
  inset: 0;
  transform: none;
  width: 70%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%;
  cursor: zoom-in;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  z-index: 500;
  overflow: hidden;
  display: block !important;
  margin: 0 auto;
}

@media (max-width: 1179px) {

  .omnise-lightbox .omnise-slider-nav-left,
  .omnise-lightbox .omnise-slider-nav-right {
    display: none !important;
  }

  .omnise-lightbox-ct .omnise-lightbox-hover-overlay {
    left: 0;
    transform: none;
    width: 100%;
    background-size: 250%;
  }
}

.omnise-lightbox-ct #omnise-lightbox {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.omnise-lightbox-ct #omnise-lightbox.omnise-lightbox-closing {
  opacity: 0;
}

.omnise-lightbox-ct .omnise-thumbnails-grid {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 90px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 40;
}

.omnise-lightbox-ct .omnise-thumbnails-grid .omnise-thumbnails-content {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.25rem;
  padding: 0.25rem;
}

@media (min-width: 640px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid .omnise-thumbnails-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 640px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid {
    width: 150px;
  }
}

@media (min-width: 1024px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid {
    width: 220px;
  }
}


/* ========== CONTROLS (Navigation & Pagination) ========== */
.omnise-carousel {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  max-width: stretch;
  width: 100%;
  height: fit-content;
  .omnise-slider-item{
    min-width: 0;
  }
  .omnise-slider-wrapper{
    position: relative;
    height: 100%;
    .omnise-slider-items{
      display: flex;
      max-width: 100%;
    }
  }
}

.omnise-slider-nav-left,
.omnise-slider-nav-right {
  position: absolute;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color:#f5f5f5;
  transition: all ease 0.3s;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  top: calc(50% - var(--height-controls,0px) / 2);
  transform: translate(0, -50%);
  color: #333333;
  cursor: pointer;
  &:hover {
    background-color: #cccccc;
    scale: 1.1;
    color: #333333;
  }
  svg {
    width: 20px;
    height: 20px;
  }
}

.omnise-slider-nav-left {
  left: 15px;
}

.omnise-slider-nav-right {
  right: 15px;
}

.omnise-carousel:hover {
  .omnise-slider-nav-left,
  .omnise-slider-nav-right {
    opacity: 1;
   
  }
  .omnise-slider-nav-left.disabled,
  .omnise-slider-nav-right.disabled {
    opacity: 0.5;
  }
}
.omnise-slider-nav-left.disabled,
.omnise-slider-nav-right.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

/* ========== SLIDER CONTROLS & PAGINATION NESTING ========== */

.omnise-slider-controls {
  display: none;
  @media (min-width: 1024px) {
  &[show-desktop="true"] {
      display: block;
    }
  }
  @media (min-width: 767.79px) and (max-width: 1180px) {
  &[show-tablet="true"] {
      display: block;
    }
  }
  @media (max-width: 767px) {
  &[show-mobile="true"] {
      display: block;
    }
  }
  .omnise-slider-pagination-wrp {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    .omnise-slider-pagination-wrapper,
    .omnise-slider-pagination-total,
    .omnise-slider-pagination-progress {
      display: none;
      position: relative;
      line-height: 1;
    }
  }
}

.omnise-slider-wrapper {
  &[data-pagination="dots"],
  &[data-pagination="dynamic-dots"],
  &[data-pagination="numbers"] {
    & + .omnise-slider-controls .omnise-slider-pagination-wrapper {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
      .pagination-bullets-dynamic{
        gap: 8px;
        width: 100%;
      }
    }
  }
  &[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination {
    width: 8px;
    height: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    &.active {
      background: #181818;
    }
    &:not(.active):hover {
      background: #cccccc;
    }
  }
  &[data-pagination="dynamic-dots"] + .omnise-slider-controls  .omnise-slider-pagination {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    min-width: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
    transform: scale(0);
    &.prev,
    &.next {
      transform: scale(0.66);
    }
    &.prev-prev,
    &.next-next {
      transform: scale(0.33);
    }
    &.active {
      background: #181818;
      opacity: 1;
      transform: scale(1);
    }

    &:not(.active):hover {
      background: #cccccc;
    }
  }

  &[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination {
    padding: 10px;
    opacity: 0.7;
    cursor: pointer;
    color: #e6e6e6;
    &.active {
      text-decoration: underline;
      color: #181818;
      opacity: 1;
    }

    &:not(.active):hover {
      color: #cccccc;
    }
  }

  &[data-pagination="counter"]
    + .omnise-slider-controls
    .omnise-slider-pagination-total {
    display: flex;
  }

  &[data-pagination="progress"]
    + .omnise-slider-controls
    .omnise-slider-pagination-progress {
    display: flex;
    justify-content: center;
    height: 4px;
    width: 100%;
    background-color: #e6e6e6;

    span {
      display: flex;
      height: 100%;
      position: absolute;
      left: 0;
      background-color: #181818;
      transition: all ease 0.3s;
    }
  }
}

/* ========== FADE EFFECT ========== */
.omnise-slider-wrapper[data-effect="fade"] {
  .omnise-slider-items {
    scroll-behavior: auto;
  }
  .omnise-slide-item {
    flex: 0 0 100%;
  }
}
/**
 * Default flex layout via class / data-bnode selectors (no per-node data attributes).
 * Overrides use [data-bnode="id"] dynamic styles from buildFlexLayoutDynamicCss.
 *
 * Section: data-bnode is on <section>; flex host is child .omnise-section-container
 * (same as buildFlexLayoutDynamicCss childSelector "> .omnise-section-container").
 */

.omnise-section-container {
  display: flex;
  flex-direction: column;
  gap: var(--omnise-grid-gap,0);
    > *:not(.omnise-slot) {
      position: relative;
      z-index: 1;
    }
    > .omnise-bg-image {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      z-index: 0;
      img {
        width: 100%;
        height: 100%;
      }
    }
    > .omnise-video-background {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      z-index: 0;
      object-fit: cover;
      background: #000000;
    }
}

.omnise-section[data-bnode] {
  position: relative;
  max-width: 100%;
  padding: var(--omnise-section-padding-y, 0) var(--omnise-section-padding-x, 0);
}

@media (min-width: 767.79px) and (max-width: 1180px) {
  .omnise-section[data-bnode] {
    padding: var(--omnise-section-padding-y-tablet, var(--omnise-section-padding-y, 0))
      var(--omnise-section-padding-x-tablet, var(--omnise-section-padding-x, 0));
  }
}

@media (max-width: 767px) {
  .omnise-section[data-bnode] {
    padding: var(--omnise-section-padding-y-mobile, var(--omnise-section-padding-y-tablet, var(--omnise-section-padding-y, 0)))
      var(--omnise-section-padding-x-mobile, var(--omnise-section-padding-x-tablet, var(--omnise-section-padding-x, 0)));
  }
}

.omnise-slot {
  display: flex;
  flex-direction: column;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  transform: none;
  max-width: 100%;
  width: 100%;
}

@media (min-width: 767.79px) and (max-width: 1180px) {
  .omnise-slot {
    gap: var(--omnise-slot-gap-tablet, var(--omnise-slot-gap, 0));
    padding: var(--omnise-slot-padding-y-tablet, var(--omnise-slot-padding-y, 0))
      var(--omnise-slot-padding-x-tablet, var(--omnise-slot-padding-x, 0));
  }
}

@media (max-width: 767px) {
  .omnise-slot {
    gap: var(--omnise-slot-gap-mobile, var(--omnise-slot-gap-tablet, var(--omnise-slot-gap, 0)));
    padding: var(--omnise-slot-padding-y-mobile, var(--omnise-slot-padding-y-tablet, var(--omnise-slot-padding-y, 0)))
      var(--omnise-slot-padding-x-mobile, var(--omnise-slot-padding-x-tablet, var(--omnise-slot-padding-x, 0)));
  }
}
.omnise-slot.omnise-virtual-slot {
  flex-direction: unset;
}
.omnise-slot.omnise-featured-product > .omnise-bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.omnise-slot.omnise-featured-product > .omnise-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.omnise-contact-fields.omnise-slot {
  overflow: hidden;
}

.omnise-contact-fields.omnise-slot > * {
  position: relative;
  z-index: 1;
}

.omnise-contact-fields.omnise-slot > .omnise-bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: inherit;
  overflow: hidden;
  z-index: 0;
}

.omnise-contact-fields.omnise-slot > .omnise-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ========== CONTROLS (Navigation & Pagination) ========== */
.omnise-carousel {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  max-width: stretch;
  width: 100%;
  height: fit-content;
  .omnise-slider-item{
    min-width: 0;
  }
  .omnise-slider-wrapper{
    position: relative;
    height: 100%;
    .omnise-slider-items{
      display: flex;
      max-width: 100%;
    }
  }
}

.omnise-slider-nav-left,
.omnise-slider-nav-right {
  position: absolute;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color:#f5f5f5;
  transition: all ease 0.3s;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  top: calc(50% - var(--height-controls,0px) / 2);
  transform: translate(0, -50%);
  color: #333333;
  cursor: pointer;
  &:hover {
    background-color: #cccccc;
    scale: 1.1;
    color: #333333;
  }
  svg {
    width: 20px;
    height: 20px;
  }
}

.omnise-slider-nav-left {
  left: 15px;
}

.omnise-slider-nav-right {
  right: 15px;
}

.omnise-carousel:hover {
  .omnise-slider-nav-left,
  .omnise-slider-nav-right {
    opacity: 1;
   
  }
  .omnise-slider-nav-left.disabled,
  .omnise-slider-nav-right.disabled {
    opacity: 0.5;
  }
}
.omnise-slider-nav-left.disabled,
.omnise-slider-nav-right.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

/* ========== SLIDER CONTROLS & PAGINATION NESTING ========== */

.omnise-slider-controls {
  display: none;
  @media (min-width: 1024px) {
  &[show-desktop="true"] {
      display: block;
    }
  }
  @media (min-width: 767.79px) and (max-width: 1180px) {
  &[show-tablet="true"] {
      display: block;
    }
  }
  @media (max-width: 767px) {
  &[show-mobile="true"] {
      display: block;
    }
  }
  .omnise-slider-pagination-wrp {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    .omnise-slider-pagination-wrapper,
    .omnise-slider-pagination-total,
    .omnise-slider-pagination-progress {
      display: none;
      position: relative;
      line-height: 1;
    }
  }
}

.omnise-slider-wrapper {
  &[data-pagination="dots"],
  &[data-pagination="dynamic-dots"],
  &[data-pagination="numbers"] {
    & + .omnise-slider-controls .omnise-slider-pagination-wrapper {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
      .pagination-bullets-dynamic{
        gap: 8px;
        width: 100%;
      }
    }
  }
  &[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination {
    width: 8px;
    height: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    &.active {
      background: #181818;
    }
    &:not(.active):hover {
      background: #cccccc;
    }
  }
  &[data-pagination="dynamic-dots"] + .omnise-slider-controls  .omnise-slider-pagination {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    min-width: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
    transform: scale(0);
    &.prev,
    &.next {
      transform: scale(0.66);
    }
    &.prev-prev,
    &.next-next {
      transform: scale(0.33);
    }
    &.active {
      background: #181818;
      opacity: 1;
      transform: scale(1);
    }

    &:not(.active):hover {
      background: #cccccc;
    }
  }

  &[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination {
    padding: 10px;
    opacity: 0.7;
    cursor: pointer;
    color: #e6e6e6;
    &.active {
      text-decoration: underline;
      color: #181818;
      opacity: 1;
    }

    &:not(.active):hover {
      color: #cccccc;
    }
  }

  &[data-pagination="counter"]
    + .omnise-slider-controls
    .omnise-slider-pagination-total {
    display: flex;
  }

  &[data-pagination="progress"]
    + .omnise-slider-controls
    .omnise-slider-pagination-progress {
    display: flex;
    justify-content: center;
    height: 4px;
    width: 100%;
    background-color: #e6e6e6;

    span {
      display: flex;
      height: 100%;
      position: absolute;
      left: 0;
      background-color: #181818;
      transition: all ease 0.3s;
    }
  }
}

/* ========== FADE EFFECT ========== */
.omnise-slider-wrapper[data-effect="fade"] {
  .omnise-slider-items {
    scroll-behavior: auto;
  }
  .omnise-slide-item {
    flex: 0 0 100%;
  }
}
.omnise-lightbox-ct .omnise-lightbox .omnise-media-lb img {
  object-fit: contain;
  margin: 0 auto; 
  display: block;
  height: 100%;
  z-index: 100;
  width: 100%;
}

.omnise-lightbox-ct .omnise-button-zoom {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 4px;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: var(--omnise-background-color);
}

.omnise-lightbox-ct .omnise-lightbox,
.omnise-lightbox-ct .omnise-bg-overlay {
  background-color: rgba(0, 0, 0, 0.85) !important;
  z-index: 999999999999999999999999999999;
}

.omnise-lightbox-ct {
  z-index: 999999999;
  opacity: 0;
}

.omnise-lightbox-ct.active {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-lightbox-toolbar,
.omnise-lightbox-ct .omnise-slider-controls {
  display: none !important;
}

.omnise-lightbox-ct.show-controls .omnise-lightbox-toolbar {
  display: flex !important;
}

.omnise-lightbox-ct.show-controls .omnise-slider-controls {
  display: block !important;
}

.omnise-lightbox-ct .omnise-lightbox {
  display: none;
  position: fixed !important;
  inset: 0;
}

.omnise-lightbox.active {
  display: flex !important;
}


.omnise-lightbox-ct .omnise-lightbox .omnise-carousel {
  position: relative;
  height: stretch;
  padding: 44px 0;
  width: 100%;
  overflow: hidden;
}

.omnise-lightbox .omnise-carousel .omnise-lightbox-toolbar {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
}

.omnise-lightbox .omnise-carousel .omnise-slider-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.omnise-lightbox .omnise-carousel .omnise-slider-wrapper .omnise-slider-content {
  height: 100%;
  user-select: none;
  overflow: hidden;
  display: flex;
  touch-action: pan-y pinch-zoom;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-carousel .omnise-slider-controls {
  display: block;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-slider-nav-left,
.omnise-lightbox-ct .omnise-lightbox .omnise-slider-nav-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-right.disabled,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-left.disabled {
  opacity: 0.5;
  pointer-events: all;
}

.omnise-lightbox-ct .omnise-slider-nav-left {
  left: 12px;
}

.omnise-lightbox-ct .omnise-slider-nav-right {
  right: 12px;
}

.omnise-lightbox-ct .omnise-slider-container[data-desktop-layout="slider"][data-mobile-layout="slider"] .omnise-slider-content {
  scroll-behavior: auto;
}

.omnise-lightbox-ct .omnise-slider-pagination-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.omnise-lightbox-ct .omnise-slider-pagination-wrapper {
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.omnise-lightbox-ct .omnise-slider-pagination-total {
  color: #fff;
  align-items: center;
  justify-content: center;
}

.omnise-lightbox-ct .omnise-lightbox .omnise-bg-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0.1;
  z-index: -10;
  display: block;
  cursor: pointer;
}

.omnise-lightbox-ct .omnise-bg-overlay::after {
  content: "×";
  font-size: 48px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}

.omnise-lightbox-ct .omnise-bg-overlay:hover::after {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-media-lb {
  position: relative !important;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  @media (min-width: 1180px) {
    max-width: 70%;
  }
}

.omnise-lightbox-ct .omnise-lightbox-button {
  background: rgba(30, 30, 30, .6);
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  width: 44px;
  padding: 10px;
  color: white;
  opacity: 0.5;
  transition: color .2s;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-left,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-nav-right {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-wrapper,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-total,
.omnise-lightbox-ct .omnise-lightbox.omnise-slide-show:hover .omnise-slider-pagination-progress {
  display: block;
}

.omnise-lightbox-ct .omnise-slide-item{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.omnise-lightbox-ct .omnise-lightbox.omnise-zoom-in .omnise-slide-item img {
  cursor: zoom-in;
}

.omnise-lightbox-ct .omnise-lightbox-button--zoom.active,
.omnise-lightbox-ct .omnise-lightbox-button--thumbs.active {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-slide-item img {
  transition: transform 0.3s ease;
}

.omnise-lightbox-ct .omnise-thumb-item {
  position: relative;
  padding: 0;
  border: none;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.omnise-lightbox-ct .omnise-thumb-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 4px solid #3498db;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.omnise-lightbox-ct .omnise-thumb-item.active::after {
  opacity: 1;
}

.omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
  margin-right: 220px;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
    margin-right: 150px;
  }

  .omnise-lightbox-ct .omnise-media-lb img {
    max-height: 70%;
  }
}

@media (max-width: 639px) {
  .omnise-lightbox-ct .omnise-carousel.omnise-with-thumb {
    margin-right: 90px;
  }

  .omnise-lightbox .omnise-carousel .omnise-slider-wrapper {
    height: 92%;
  }
}

.omnise-lightbox-ct .omnise-lightbox-hover-overlay {
  position: absolute;
  inset: 0;
  transform: none;
  width: 70%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%;
  cursor: zoom-in;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  z-index: 500;
  overflow: hidden;
  display: block !important;
  margin: 0 auto;
}

@media (max-width: 1179px) {

  .omnise-lightbox .omnise-slider-nav-left,
  .omnise-lightbox .omnise-slider-nav-right {
    display: none !important;
  }

  .omnise-lightbox-ct .omnise-lightbox-hover-overlay {
    left: 0;
    transform: none;
    width: 100%;
    background-size: 250%;
  }
}

.omnise-lightbox-ct #omnise-lightbox {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.omnise-lightbox-ct #omnise-lightbox.omnise-lightbox-closing {
  opacity: 0;
}

.omnise-lightbox-ct .omnise-thumbnails-grid {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 90px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 40;
}

.omnise-lightbox-ct .omnise-thumbnails-grid .omnise-thumbnails-content {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.25rem;
  padding: 0.25rem;
}

@media (min-width: 640px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid .omnise-thumbnails-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 640px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid {
    width: 150px;
  }
}

@media (min-width: 1024px) {
  .omnise-lightbox-ct .omnise-thumbnails-grid {
    width: 220px;
  }
}



[data-bnode="omnise-2t562e"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-2t562e"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; } } @media (max-width: 767px) { [data-bnode="omnise-2t562e"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-2t562e"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: 950px;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;     align-items: flex-end;           &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2t562e"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: 950px;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-2t562e"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: column;     justify-content: flex-end;     gap: 0px;     }  }[data-bnode="omnise-i0lbn5"] {   position: absolute; top: 0px; left: 0px; height: 100%;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-i0lbn5"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-i0lbn5"] {    position: relative;   }  } [data-bnode="omnise-i0lbn5"] {     flex-direction: row;   flex-wrap: nowrap;                &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-i0lbn5"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-i0lbn5"] {                     }  }[data-bnode="omnise-60oj0k"] { --60oj0k-width: 100%; --60oj0k-width-tablet: 100%; --60oj0k-width-mobile: 100%; --60oj0k-imageRatio: auto; --60oj0k-imageRatio-tablet: auto; --60oj0k-imageRatio-mobile: auto; --60oj0k-objFit: cover; --60oj0k-objFit-tablet: cover; --60oj0k-objFit-mobile: cover; --60oj0k-borderStyle: none; --60oj0k-borderStyle-tablet: none; --60oj0k-borderStyle-mobile: none; --60oj0k-borderRadius-tl: 0px; --60oj0k-borderRadius-tl-tablet: 0px; --60oj0k-borderRadius-tl-mobile: 0px; --60oj0k-borderRadius-tr: 0px; --60oj0k-borderRadius-tr-tablet: 0px; --60oj0k-borderRadius-tr-mobile: 0px; --60oj0k-borderRadius-bl: 0px; --60oj0k-borderRadius-bl-tablet: 0px; --60oj0k-borderRadius-bl-mobile: 0px; --60oj0k-borderRadius-br: 0px; --60oj0k-borderRadius-br-tablet: 0px; --60oj0k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-60oj0k"] { margin-top: var(--60oj0k-margin-top, 0px); margin-right: var(--60oj0k-margin-right, 0px); margin-bottom: var(--60oj0k-margin-bottom, 0px); margin-left: var(--60oj0k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--60oj0k-margin-top-tablet, 0px); margin-right: var(--60oj0k-margin-right-tablet, 0px); margin-bottom: var(--60oj0k-margin-bottom-tablet, 0px); margin-left: var(--60oj0k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--60oj0k-margin-top-mobile, 0px); margin-right: var(--60oj0k-margin-right-mobile, 0px); margin-bottom: var(--60oj0k-margin-bottom-mobile, 0px); margin-left: var(--60oj0k-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--60oj0k-width,100%) - var(--60oj0k-margin-left,0px) - var(--60oj0k-margin-right,0px)); width: calc(var(--60oj0k-width,100%) - var(--60oj0k-margin-left,0px) - var(--60oj0k-margin-right,0px)); min-height: min-content; border-color: var(--60oj0k-borderColor,var(--omnise-card-media-border-color)); border-style: var(--60oj0k-borderStyle,solid); border-width: var(--60oj0k-borderWidth-tl,var(--omnise-card-border-width)) var(--60oj0k-borderWidth-tr,var(--omnise-card-border-width)) var(--60oj0k-borderWidth-br,var(--omnise-card-border-width)) var(--60oj0k-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--60oj0k-borderRadius-tl,var(--omnise-card-border-radius)) var(--60oj0k-borderRadius-tr,var(--omnise-card-border-radius)) var(--60oj0k-borderRadius-br,var(--omnise-card-border-radius)) var(--60oj0k-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--60oj0k-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--60oj0k-borderWidth-tl-tablet, var(--60oj0k-borderWidth-tl,var(--omnise-card-border-width))) var(--60oj0k-borderWidth-tr-tablet, var(--60oj0k-borderWidth-tr,var(--omnise-card-border-width))) var(--60oj0k-borderWidth-br-tablet, var(--60oj0k-borderWidth-br,var(--omnise-card-border-width))) var(--60oj0k-borderWidth-bl-tablet, var(--60oj0k-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--60oj0k-borderRadius-tl-tablet, var(--60oj0k-borderRadius-tl,var(--omnise-card-border-radius))) var(--60oj0k-borderRadius-tr-tablet, var(--60oj0k-borderRadius-tr,var(--omnise-card-border-radius))) var(--60oj0k-borderRadius-br-tablet, var(--60oj0k-borderRadius-br,var(--omnise-card-border-radius))) var(--60oj0k-borderRadius-bl-tablet, var(--60oj0k-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--60oj0k-borderWidth-tl-mobile, var(--60oj0k-borderWidth-tl,var(--omnise-card-border-width))) var(--60oj0k-borderWidth-tr-mobile, var(--60oj0k-borderWidth-tr,var(--omnise-card-border-width))) var(--60oj0k-borderWidth-br-mobile, var(--60oj0k-borderWidth-br,var(--omnise-card-border-width))) var(--60oj0k-borderWidth-bl-mobile, var(--60oj0k-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--60oj0k-borderRadius-tl-mobile, var(--60oj0k-borderRadius-tl,var(--omnise-card-border-radius))) var(--60oj0k-borderRadius-tr-mobile, var(--60oj0k-borderRadius-tr,var(--omnise-card-border-radius))) var(--60oj0k-borderRadius-br-mobile, var(--60oj0k-borderRadius-br,var(--omnise-card-border-radius))) var(--60oj0k-borderRadius-bl-mobile, var(--60oj0k-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--60oj0k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--60oj0k-shadowVertical, var(--omnise-card-shadow-y)) var(--60oj0k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--60oj0k-shadowColor, var(--omnise-card-media-shadow-color)) var(--60oj0k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--60oj0k-overlayColor-color, #000); opacity: var(--60oj0k-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--60oj0k-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--60oj0k-width-tablet,var(--60oj0k-width,100%)) - var(--60oj0k-margin-left-tablet,var(--60oj0k-margin-left,0px)) - var(--60oj0k-margin-right-tablet,var(--60oj0k-margin-right,0px))); width: calc(var(--60oj0k-width-tablet,var(--60oj0k-width,100%)) - var(--60oj0k-margin-left-tablet,var(--60oj0k-margin-left,0px)) - var(--60oj0k-margin-right-tablet,var(--60oj0k-margin-right,0px))); aspect-ratio: var(--60oj0k-imageRatio-tablet, var(--60oj0k-imageRatio, auto)); img { object-fit: var(--60oj0k-objFit-tablet, var(--60oj0k-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--60oj0k-width-mobile,var(--60oj0k-width,100%)) - var(--60oj0k-margin-left-mobile,var(--60oj0k-margin-left,0px)) - var(--60oj0k-margin-right-mobile,var(--60oj0k-margin-right,0px))); width: calc(var(--60oj0k-width-mobile,var(--60oj0k-width,100%)) - var(--60oj0k-margin-left-mobile,var(--60oj0k-margin-left,0px)) - var(--60oj0k-margin-right-mobile,var(--60oj0k-margin-right,0px))); aspect-ratio: var(--60oj0k-imageRatio-mobile, var(--60oj0k-imageRatio, auto)); img { object-fit: var(--60oj0k-objFit-mobile, var(--60oj0k-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.omnise-media-wrapper is relative; .omnise-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.omnise-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .omnise-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: omnise-ai-gen-shimmer 1.8s linear infinite; } &.omnise-ai-gen-done .omnise-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .omnise-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: omnise-ai-gen-scan 2.6s ease-in-out infinite; } & .omnise-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .omnise-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: omnise-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.omnise-ai-generating .omnise-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.omnise-ai-gen-done .omnise-image { opacity: 1; transform: scale(1); } } @keyframes omnise-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes omnise-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes omnise-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="omnise-baiedy"] { background: #000000; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (max-width: 767px) { [data-bnode="omnise-baiedy"] { padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; } } [data-bnode="omnise-baiedy"] {   max-width: 672px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-baiedy"] {    z-index: 1000;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-baiedy"] {    z-index: 1000; max-width: 100%;   }  } [data-bnode="omnise-baiedy"] {        flex-wrap: nowrap;   justify-content: flex-end;   align-items: flex-start;   gap: 32px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-baiedy"] {                gap: 32px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-baiedy"] {           justify-content: flex-start;     gap: 24px;     }  }[data-bnode="omnise-xbtskc"] { background: #000000; -webkit-backdrop-filter: saturate(100%); backdrop-filter: saturate(100%); } [data-bnode="omnise-xbtskc"] {        flex-wrap: nowrap;   justify-content: flex-end;   align-items: flex-start;       }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-xbtskc"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-xbtskc"] {                     }  }[data-bnode="omnise-uno1gt"] { --omnise-eyebrow-font-size: 14px; --omnise-eyebrow-font-size-tablet: 14px; --omnise-eyebrow-font-size-mobile: 14px; --omnise-eyebrow-color: #FFFFFF; --omnise-eyebrow-font-family: IBM Plex Sans; --omnise-eyebrow-font-weight: 600; --omnise-eyebrow-line-height: 1.5; --omnise-eyebrow-line-height-tablet: 1.5; --omnise-eyebrow-line-height-mobile: 1.5; --omnise-eyebrow-letter-spacing: 0.14px; --omnise-eyebrow-letter-spacing-tablet: 0.14px; --omnise-eyebrow-letter-spacing-mobile: 0.14px; --omnise-eyebrow-text-transform: uppercase; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --uno1gt-typography: eyebrow; --uno1gt-typography-tablet: eyebrow; --uno1gt-typography-mobile: eyebrow; --omnise-eyebrow-text-align: start; }[data-bnode="omnise-uno1gt"] { margin-top: var(--uno1gt-margin-top, 0px); margin-right: var(--uno1gt-margin-right, 0px); margin-bottom: var(--uno1gt-margin-bottom, 0px); margin-left: var(--uno1gt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uno1gt-margin-top-tablet, 0px); margin-right: var(--uno1gt-margin-right-tablet, 0px); margin-bottom: var(--uno1gt-margin-bottom-tablet, 0px); margin-left: var(--uno1gt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uno1gt-margin-top-mobile, 0px); margin-right: var(--uno1gt-margin-right-mobile, 0px); margin-bottom: var(--uno1gt-margin-bottom-mobile, 0px); margin-left: var(--uno1gt-margin-left-mobile, 0px); } }[data-bnode="omnise-ex84kj"] { --omnise-h1-font-size: 64px; --omnise-h1-font-size-tablet: 40px; --omnise-h1-font-size-mobile: 34px; --omnise-h1-color: #FFFFFF; --omnise-h1-font-family: Lora; --omnise-h1-font-weight: 400; --omnise-h1-line-height: 1.2; --omnise-h1-line-height-tablet: 1.2; --omnise-h1-line-height-mobile: 1.2; --omnise-h1-letter-spacing: 0px; --omnise-h1-letter-spacing-tablet: 0px; --omnise-h1-letter-spacing-mobile: 0px; --omnise-h1-text-transform: none; --ex84kj-typography: h1; --ex84kj-typography-tablet: h1; --ex84kj-typography-mobile: h1; --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; --omnise-h1-text-align: start; }[data-bnode="omnise-ex84kj"] { margin-top: var(--ex84kj-margin-top, 0px); margin-right: var(--ex84kj-margin-right, 0px); margin-bottom: var(--ex84kj-margin-bottom, 0px); margin-left: var(--ex84kj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ex84kj-margin-top-tablet, 0px); margin-right: var(--ex84kj-margin-right-tablet, 0px); margin-bottom: var(--ex84kj-margin-bottom-tablet, 0px); margin-left: var(--ex84kj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ex84kj-margin-top-mobile, 0px); margin-right: var(--ex84kj-margin-right-mobile, 0px); margin-bottom: var(--ex84kj-margin-bottom-mobile, 0px); margin-left: var(--ex84kj-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ex84kj-highlightColor,var(--omnise-p-color)); top: var(--ex84kj-highlightTop, 100%); } }[data-bnode="omnise-4uoxol"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #FFFFFF; --omnise-p-font-family: IBM Plex Sans; --omnise-p-font-weight: 400; --omnise-p-line-height: 1.5; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --4uoxol-typography: p; --4uoxol-typography-tablet: p; --4uoxol-typography-mobile: p; --omnise-p-text-align: start; }[data-bnode="omnise-4uoxol"] { margin-top: var(--4uoxol-margin-top, 0px); margin-right: var(--4uoxol-margin-right, 0px); margin-bottom: var(--4uoxol-margin-bottom, 0px); margin-left: var(--4uoxol-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4uoxol-margin-top-tablet, 0px); margin-right: var(--4uoxol-margin-right-tablet, 0px); margin-bottom: var(--4uoxol-margin-bottom-tablet, 0px); margin-left: var(--4uoxol-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4uoxol-margin-top-mobile, 0px); margin-right: var(--4uoxol-margin-right-mobile, 0px); margin-bottom: var(--4uoxol-margin-bottom-mobile, 0px); margin-left: var(--4uoxol-margin-left-mobile, 0px); } }[data-bnode="omnise-hotf1f"] { --hotf1f-width: fill; --hotf1f-width-tablet: fill; --hotf1f-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-pr-label-color: #211612; --omnise-btn-pr-background-color: #FFFFFF; --omnise-btn-pr-border-color: #FFFFFF; --omnise-btn-text-transform: inherit; --hotf1f-iconWidth: 20px; --hotf1f-iconWidth-tablet: 20px; --hotf1f-iconWidth-mobile: 20px; --hotf1f-iconGap: 5px; --hotf1f-iconGap-tablet: 5px; --hotf1f-iconGap-mobile: 5px; --hotf1f-labelBtnHover: 0; --hotf1f-labelBtnHover-tablet: 0; --hotf1f-labelBtnHover-mobile: 0; --hotf1f-bgBtnHover: -8; --hotf1f-bgBtnHover-tablet: -8; --hotf1f-bgBtnHover-mobile: -8; --hotf1f-borderBtnHover: 0; --hotf1f-borderBtnHover-tablet: 0; --hotf1f-borderBtnHover-mobile: 0; --hotf1f-button: pr; --hotf1f-button-tablet: pr; --hotf1f-button-mobile: pr; }[data-bnode="omnise-hotf1f"] { margin-top: var(--hotf1f-margin-top, 0px); margin-right: var(--hotf1f-margin-right, 0px); margin-bottom: var(--hotf1f-margin-bottom, 0px); margin-left: var(--hotf1f-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hotf1f-margin-top-tablet, 0px); margin-right: var(--hotf1f-margin-right-tablet, 0px); margin-bottom: var(--hotf1f-margin-bottom-tablet, 0px); margin-left: var(--hotf1f-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hotf1f-margin-top-mobile, 0px); margin-right: var(--hotf1f-margin-right-mobile, 0px); margin-bottom: var(--hotf1f-margin-bottom-mobile, 0px); margin-left: var(--hotf1f-margin-left-mobile, 0px); } &{ gap:var(--hotf1f-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--hotf1f-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--hotf1f-bgBtnHover)) * 1%)); style(--hotf1f-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--hotf1f-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--hotf1f-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--hotf1f-labelBtnHover)) * 1%)); style(--hotf1f-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--hotf1f-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--hotf1f-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--hotf1f-borderBtnHover)) * 1%)); style(--hotf1f-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--hotf1f-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--hotf1f-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--hotf1f-bgBtnHover)) * 1%)); style(--hotf1f-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--hotf1f-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--hotf1f-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--hotf1f-labelBtnHover)) * 1%)); style(--hotf1f-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--hotf1f-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--hotf1f-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--hotf1f-borderBtnHover)) * 1%)); style(--hotf1f-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--hotf1f-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--hotf1f-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--hotf1f-labelBtnHover)) * 1%)); style(--hotf1f-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--hotf1f-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--hotf1f-iconWidth); } svg { width: var(--hotf1f-iconWidth,20px); min-width: var(--hotf1f-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--hotf1f-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--hotf1f-iconWidth-tablet, var(--hotf1f-iconWidth)); } svg { width: var(--hotf1f-iconWidth-tablet, var(--hotf1f-iconWidth, 20px)); min-width: var(--hotf1f-iconWidth-tablet, var(--hotf1f-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--hotf1f-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--hotf1f-iconWidth-mobile, var(--hotf1f-iconWidth)); } svg { width: var(--hotf1f-iconWidth-mobile, var(--hotf1f-iconWidth, 20px)); min-width: var(--hotf1f-iconWidth-mobile, var(--hotf1f-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-q40ltd"].omnise-section { background: #FFFFFF; padding-top: 10px; padding-right: 2px; padding-bottom: 10px; padding-left: 2px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-q40ltd"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-q40ltd"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-q40ltd"] > .omnise-section-container{     width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;        gap: 40px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q40ltd"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 32px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q40ltd"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 0px;     }  }[data-bnode="omnise-awbbx9"] { background: #FFFFFF; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-awbbx9"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-awbbx9"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-awbbx9"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 12px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(25.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(75.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-awbbx9"] {                gap: 8px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(50.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(50.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-awbbx9"] {      flex-direction: column;          gap: 0px;     }  }[data-bnode="omnise-pusyzd"] { background: #FFFFFF; } @media (max-width: 767px) { [data-bnode="omnise-pusyzd"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-pusyzd"] {        flex-wrap: nowrap;        gap: 24px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-pusyzd"] {                gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-pusyzd"] {                gap: 0px;     }  }@media (max-width: 767px) { [data-bnode="omnise-bbzxi4"] { padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; } } [data-bnode="omnise-bbzxi4"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bbzxi4"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-bbzxi4"] {                gap: 0px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(50.00% - 0px - 0px);    }   }  }[data-bnode="omnise-ddgvq9"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ddgvq9"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ddgvq9"] {                     }  }[data-bnode="omnise-wc76u8"] { --omnise-p-text-align: center; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: center; --omnise-p-font-size: 34px; --omnise-p-color: #8f8b2d; --omnise-p-font-size-mobile: 24px; }[data-bnode="omnise-wc76u8"] { margin-top: var(--wc76u8-margin-top, 0px); margin-right: var(--wc76u8-margin-right, 0px); margin-bottom: var(--wc76u8-margin-bottom, 0px); margin-left: var(--wc76u8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wc76u8-margin-top-tablet, 0px); margin-right: var(--wc76u8-margin-right-tablet, 0px); margin-bottom: var(--wc76u8-margin-bottom-tablet, 0px); margin-left: var(--wc76u8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wc76u8-margin-top-mobile, 0px); margin-right: var(--wc76u8-margin-right-mobile, 0px); margin-bottom: var(--wc76u8-margin-bottom-mobile, 0px); margin-left: var(--wc76u8-margin-left-mobile, 0px); } &{ p { margin: 0; } a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; margin: 0.5em 0; } ul:first-child, ol:first-child { margin-top: 0; } ul:last-child, ol:last-child { margin-bottom: 0; } li p { margin: 0; } } }[data-bnode="omnise-fhq5di"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-fhq5di"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-fhq5di"] {                     }  }[data-bnode="omnise-594vlg"] { --omnise-p-text-align: center; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: center; --omnise-p-font-size: 34px; --omnise-p-color: #8f8b2d; --omnise-p-font-size-mobile: 24px; }[data-bnode="omnise-594vlg"] { margin-top: var(--594vlg-margin-top, 0px); margin-right: var(--594vlg-margin-right, 0px); margin-bottom: var(--594vlg-margin-bottom, 0px); margin-left: var(--594vlg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--594vlg-margin-top-tablet, 0px); margin-right: var(--594vlg-margin-right-tablet, 0px); margin-bottom: var(--594vlg-margin-bottom-tablet, 0px); margin-left: var(--594vlg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--594vlg-margin-top-mobile, 0px); margin-right: var(--594vlg-margin-right-mobile, 0px); margin-bottom: var(--594vlg-margin-bottom-mobile, 0px); margin-left: var(--594vlg-margin-left-mobile, 0px); } &{ p { margin: 0; } a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; margin: 0.5em 0; } ul:first-child, ol:first-child { margin-top: 0; } ul:last-child, ol:last-child { margin-bottom: 0; } li p { margin: 0; } } }[data-bnode="omnise-st84m0"] { --st84m0-listType: grid; --st84m0-listType-tablet: slider; --st84m0-listType-mobile: grid; --st84m0-columns: 4; --st84m0-columns-tablet: 1.2; --st84m0-columns-mobile: 1.2; --st84m0-navType: true; --st84m0-navType-tablet: true; --st84m0-navType-mobile: true; --st84m0-navColor: #333333; --st84m0-navColor-tablet: #333333; --st84m0-navColor-mobile: #333333; --st84m0-pagiType: true; --st84m0-pagiType-tablet: true; --st84m0-pagiType-mobile: true; --st84m0-gap: 12px; --st84m0-gap-tablet: 8px; --st84m0-gap-mobile: 12px; --st84m0-statePagination: hover; --st84m0-statePagination-tablet: hover; --st84m0-statePagination-mobile: hover; --st84m0-pagiBg: #e6e6e6; --st84m0-pagiBg-tablet: #e6e6e6; --st84m0-pagiBg-mobile: #e6e6e6; --st84m0-navIconSize: 20px; --st84m0-navIconSize-tablet: 20px; --st84m0-navIconSize-mobile: 20px; --st84m0-margin-top-tablet: 0px; --st84m0-margin-top-mobile: 0px; --st84m0-margin-right-tablet: 0px; --st84m0-margin-right-mobile: 0px; --st84m0-margin-bottom-tablet: 0px; --st84m0-margin-bottom-mobile: 0px; --st84m0-margin-left-tablet: 0px; --st84m0-margin-left-mobile: 0px; --st84m0-columnsMobile-mobile: 2; }[data-bnode="omnise-st84m0"] { margin-top: var(--st84m0-margin-top, 0px); margin-right: var(--st84m0-margin-right, 0px); margin-bottom: var(--st84m0-margin-bottom, 0px); margin-left: var(--st84m0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--st84m0-margin-top-tablet, 0px); margin-right: var(--st84m0-margin-right-tablet, 0px); margin-bottom: var(--st84m0-margin-bottom-tablet, 0px); margin-left: var(--st84m0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--st84m0-margin-top-mobile, 0px); margin-right: var(--st84m0-margin-right-mobile, 0px); margin-bottom: var(--st84m0-margin-bottom-mobile, 0px); margin-left: var(--st84m0-margin-left-mobile, 0px); } .omnise-slider-items:has(.omnise-content-list-empty) ~ .omnise-slider-controls { display: none; } &.omnise-content-list { .omnise-slider-wrapper { height: fit-content; } .omnise-slider-pagination-progress { display: none !important; } & .omnise-slide-item { &:hover { .omnise-atc-btn { opacity: 1; z-index: 2; bottom: 0; &:disabled { opacity: 0.5 !important; pointer-events: none; } } } } @media (min-width: 1181px){ & .omnise-slider-wrapper[data-pagination="progress"] + .omnise-slider-controls .omnise-slider-pagination-progress { height: 2px; background: var(--st84m0-pagiBg, #E6E6E6); display: flex !important; span { background: var(--st84m0-pagiBgActive, #181818); &:hover { background: var(--st84m0-pagiBgHover, #CCCCCC); } } } } @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--st84m0-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--st84m0-gap, 20px) * (var(--st84m0-columns, 3) - 1) ) / var(--st84m0-columns, 3) ); &:last-child { margin-right: var(--st84m0-gap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--st84m0-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--st84m0-columns) - 1) * var(--st84m0-gap, 20px)) / var(--st84m0-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--st84m0-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--st84m0-gap-tablet, 20px) * (var(--st84m0-columns-tablet, 3) - 1) ) / var(--st84m0-columns-tablet, 3) ); &:last-child { margin-right: var(--st84m0-gap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--st84m0-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--st84m0-columns-tablet) - 1) * var(--st84m0-gap-tablet, 20px) ) / var(--st84m0-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--st84m0-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--st84m0-gap-mobile, 20px) * (var(--st84m0-columnsMobile-mobile, 1) - 1) ) / var(--st84m0-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--st84m0-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--st84m0-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--st84m0-columnsMobile-mobile) - 1) * var(--st84m0-gap-mobile, 20px) ) / var(--st84m0-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--st84m0-navPadding, 12px); background: var(--st84m0-navBg, #f5f5f5); color: var(--st84m0-navColor, #333333); cursor: pointer; &:hover { background: var(--st84m0-navBgHover, #cccccc); color: var(--st84m0-navColorHover, #333333); } svg { width: var(--st84m0-navIconSize, 20px); height: var(--st84m0-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--st84m0-pagiBg, #e6e6e6); &.active { background: var(--st84m0-pagiBgActive, #181818); } &:not(.active):hover { background: var(--st84m0-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--st84m0-pagiColor, #e6e6e6); &.active { color: var(--st84m0-pagiColorActive, #181818); } &:not(.active):hover { color: var(--st84m0-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--st84m0-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--st84m0-pagiBg, #e6e6e6); &.active { background: var(--st84m0-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--st84m0-pagiBgHover, #cccccc); } } .omnise-slider-pagination-wrp { margin-top: 20px; } } &:has(.omnise-content-list-empty) { * { display: block; width: 100%; } .omnise-content-list-empty { background-color: #f0f0f0; color: #666; padding: 10px 20px; font-weight: 500; font-size: 20px; } .omnise-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } } }[data-bnode="omnise-2ry7rx"] { background: #FFFFFF; } [data-bnode="omnise-2ry7rx"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }[data-bnode="omnise-e0gkz7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e0gkz7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e0gkz7"] {                     }  }[data-bnode="omnise-8b2o5t"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {      }  } [data-bnode="omnise-8b2o5t"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-vi1h8o"] { --vi1h8o-typography: p; --vi1h8o-typography-tablet: p; --vi1h8o-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vi1h8o-paddingX: 0; --vi1h8o-paddingX-tablet: 0; --vi1h8o-paddingX-mobile: 0; --vi1h8o-paddingY: 2px; --vi1h8o-paddingY-tablet: 2px; --vi1h8o-paddingY-mobile: 2px; --vi1h8o-gap: 16px; --vi1h8o-gap-tablet: 16px; --vi1h8o-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-text-transform: capitalize; --omnise-p-line-height-mobile: 1.4; }[data-bnode="omnise-vi1h8o"] { margin-top: var(--vi1h8o-margin-top, 0px); margin-right: var(--vi1h8o-margin-right, 0px); margin-bottom: var(--vi1h8o-margin-bottom, 0px); margin-left: var(--vi1h8o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vi1h8o-margin-top-tablet, 0px); margin-right: var(--vi1h8o-margin-right-tablet, 0px); margin-bottom: var(--vi1h8o-margin-bottom-tablet, 0px); margin-left: var(--vi1h8o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vi1h8o-margin-top-mobile, 0px); margin-right: var(--vi1h8o-margin-right-mobile, 0px); margin-bottom: var(--vi1h8o-margin-bottom-mobile, 0px); margin-left: var(--vi1h8o-margin-left-mobile, 0px); } }[data-bnode="omnise-nsuh8w"] { --nsuh8w-borderStyle: none; --nsuh8w-borderStyle-tablet: none; --nsuh8w-borderStyle-mobile: none; --nsuh8w-borderColor: #000000; --nsuh8w-borderColor-tablet: #000000; --nsuh8w-borderColor-mobile: #000000; --nsuh8w-borderWidth: 1px; --nsuh8w-borderWidth-tablet: 1px; --nsuh8w-borderWidth-mobile: 1px; --nsuh8w-shadowHorizontal: 0; --nsuh8w-shadowHorizontal-tablet: 0; --nsuh8w-shadowHorizontal-mobile: 0; --nsuh8w-shadowVertical: 0; --nsuh8w-shadowVertical-tablet: 0; --nsuh8w-shadowVertical-mobile: 0; --nsuh8w-shadowBlur: 0; --nsuh8w-shadowBlur-tablet: 0; --nsuh8w-shadowBlur-mobile: 0; --nsuh8w-shadowColor: #000000; --nsuh8w-shadowColor-tablet: #000000; --nsuh8w-shadowColor-mobile: #000000; --nsuh8w-padding-top: 0px; --nsuh8w-padding-top-tablet: 0px; --nsuh8w-padding-top-mobile: 0px; --nsuh8w-padding-right: 0px; --nsuh8w-padding-right-tablet: 0px; --nsuh8w-padding-right-mobile: 0px; --nsuh8w-padding-bottom: 0px; --nsuh8w-padding-bottom-tablet: 0px; --nsuh8w-padding-bottom-mobile: 0px; --nsuh8w-padding-left: 0px; --nsuh8w-padding-left-tablet: 0px; --nsuh8w-padding-left-mobile: 0px; --nsuh8w-enableShadow: false; --nsuh8w-enableShadow-tablet: false; --nsuh8w-enableShadow-mobile: false; --nsuh8w-imageRatio: 5/7; --nsuh8w-imageRatio-tablet: 5/7; --nsuh8w-imageRatio-mobile: 3/4; --nsuh8w-borderRadius-tl: 0px; --nsuh8w-borderRadius-tl-tablet: 0px; --nsuh8w-borderRadius-tl-mobile: 0px; --nsuh8w-borderRadius-tr: 0px; --nsuh8w-borderRadius-tr-tablet: 0px; --nsuh8w-borderRadius-tr-mobile: 0px; --nsuh8w-borderRadius-bl: 0px; --nsuh8w-borderRadius-bl-tablet: 0px; --nsuh8w-borderRadius-bl-mobile: 0px; --nsuh8w-borderRadius-br: 0px; --nsuh8w-borderRadius-br-tablet: 0px; --nsuh8w-borderRadius-br-mobile: 0px; }[data-bnode="omnise-nsuh8w"] { margin-top: var(--nsuh8w-margin-top, 0px); margin-right: var(--nsuh8w-margin-right, 0px); margin-bottom: var(--nsuh8w-margin-bottom, 0px); margin-left: var(--nsuh8w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nsuh8w-margin-top-tablet, 0px); margin-right: var(--nsuh8w-margin-right-tablet, 0px); margin-bottom: var(--nsuh8w-margin-bottom-tablet, 0px); margin-left: var(--nsuh8w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nsuh8w-margin-top-mobile, 0px); margin-right: var(--nsuh8w-margin-right-mobile, 0px); margin-bottom: var(--nsuh8w-margin-bottom-mobile, 0px); margin-left: var(--nsuh8w-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--nsuh8w-imageRatio, auto); overflow: hidden; border-style: var(--nsuh8w-borderStyle, solid); border-color: var(--nsuh8w-borderColor, var(--omnise-card-media-border-color)); border-width: var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--nsuh8w-shadowHorizontal, var(--omnise-card-shadow-x)) var(--nsuh8w-shadowVertical, var(--omnise-card-shadow-y)) var(--nsuh8w-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--nsuh8w-shadowColor, var(--omnise-card-media-shadow-color)) var(--nsuh8w-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--nsuh8w-imageRatio-tablet, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-tablet, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-tablet, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-tablet, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-tablet, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-tablet, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-tablet, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-tablet, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-tablet, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-tablet, var(--nsuh8w-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--nsuh8w-imageRatio-mobile, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-mobile, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-mobile, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-mobile, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-mobile, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-mobile, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-mobile, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-mobile, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-mobile, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-mobile, var(--nsuh8w-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-tdih7k"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {      }  } [data-bnode="omnise-tdih7k"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {                     }  }[data-bnode="omnise-t12599"] { --t12599-width: fill; --t12599-width-tablet: fill; --t12599-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --t12599-transform: none; --t12599-transform-tablet: none; --t12599-transform-mobile: none; --t12599-iconWidth: 20px; --t12599-iconWidth-tablet: 20px; --t12599-iconWidth-mobile: 20px; --t12599-iconGap: 5px; --t12599-iconGap-tablet: 5px; --t12599-iconGap-mobile: 5px; --t12599-button: pr; --t12599-button-tablet: pr; --t12599-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-t12599"] { margin-top: var(--t12599-margin-top, 0px); margin-right: var(--t12599-margin-right, 0px); margin-bottom: var(--t12599-margin-bottom, 0px); margin-left: var(--t12599-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t12599-margin-top-tablet, 0px); margin-right: var(--t12599-margin-right-tablet, 0px); margin-bottom: var(--t12599-margin-bottom-tablet, 0px); margin-left: var(--t12599-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t12599-margin-top-mobile, 0px); margin-right: var(--t12599-margin-right-mobile, 0px); margin-bottom: var(--t12599-margin-bottom-mobile, 0px); margin-left: var(--t12599-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--t12599-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--t12599-iconWidth,20px); min-width: var(--t12599-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--t12599-iconGap-tablet); svg { width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--t12599-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-20anlv"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --20anlv-typography: p2; --20anlv-typography-tablet: p2; --20anlv-typography-mobile: p2; --20anlv-margin-top: 12px; --20anlv-margin-top-tablet: 12px; --20anlv-margin-top-mobile: 12px; --20anlv-margin-right: 0px; --20anlv-margin-right-tablet: 0px; --20anlv-margin-right-mobile: 0px; --20anlv-margin-bottom: 0px; --20anlv-margin-bottom-tablet: 0px; --20anlv-margin-bottom-mobile: 0px; --20anlv-margin-left: 0px; --20anlv-margin-left-tablet: 0px; --20anlv-margin-left-mobile: 0px; }[data-bnode="omnise-20anlv"] { margin-top: var(--20anlv-margin-top, 0px); margin-right: var(--20anlv-margin-right, 0px); margin-bottom: var(--20anlv-margin-bottom, 0px); margin-left: var(--20anlv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--20anlv-margin-top-tablet, 0px); margin-right: var(--20anlv-margin-right-tablet, 0px); margin-bottom: var(--20anlv-margin-bottom-tablet, 0px); margin-left: var(--20anlv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--20anlv-margin-top-mobile, 0px); margin-right: var(--20anlv-margin-right-mobile, 0px); margin-bottom: var(--20anlv-margin-bottom-mobile, 0px); margin-left: var(--20anlv-margin-left-mobile, 0px); } }[data-bnode="omnise-us1jzx"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --us1jzx-priceType: salePrice; --us1jzx-priceType-tablet: salePrice; --us1jzx-priceType-mobile: salePrice; --us1jzx-decoration: line-through; --us1jzx-decoration-tablet: line-through; --us1jzx-decoration-mobile: line-through; --us1jzx-typography: p2; --us1jzx-typography-tablet: p2; --us1jzx-typography-mobile: p2; --us1jzx-comparePriceColor: #181818; --us1jzx-comparePriceColor-tablet: #181818; --us1jzx-comparePriceColor-mobile: #181818; --us1jzx-salePriceColor: #C13C18; --us1jzx-salePriceColor-tablet: #C13C18; --us1jzx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-us1jzx"] { margin-top: var(--us1jzx-margin-top, 0px); margin-right: var(--us1jzx-margin-right, 0px); margin-bottom: var(--us1jzx-margin-bottom, 0px); margin-left: var(--us1jzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us1jzx-margin-top-tablet, 0px); margin-right: var(--us1jzx-margin-right-tablet, 0px); margin-bottom: var(--us1jzx-margin-bottom-tablet, 0px); margin-left: var(--us1jzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us1jzx-margin-top-mobile, 0px); margin-right: var(--us1jzx-margin-right-mobile, 0px); margin-bottom: var(--us1jzx-margin-bottom-mobile, 0px); margin-left: var(--us1jzx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--us1jzx-comparePriceColor); text-decoration: var(--us1jzx-decoration, none); font-size: calc(var(--us1jzx-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--us1jzx-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2ry7rx"] { background: #FFFFFF; } [data-bnode="omnise-2ry7rx"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }[data-bnode="omnise-e0gkz7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e0gkz7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e0gkz7"] {                     }  }[data-bnode="omnise-8b2o5t"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {      }  } [data-bnode="omnise-8b2o5t"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-vi1h8o"] { --vi1h8o-typography: p; --vi1h8o-typography-tablet: p; --vi1h8o-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vi1h8o-paddingX: 0; --vi1h8o-paddingX-tablet: 0; --vi1h8o-paddingX-mobile: 0; --vi1h8o-paddingY: 2px; --vi1h8o-paddingY-tablet: 2px; --vi1h8o-paddingY-mobile: 2px; --vi1h8o-gap: 16px; --vi1h8o-gap-tablet: 16px; --vi1h8o-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-text-transform: capitalize; --omnise-p-line-height-mobile: 1.4; }[data-bnode="omnise-vi1h8o"] { margin-top: var(--vi1h8o-margin-top, 0px); margin-right: var(--vi1h8o-margin-right, 0px); margin-bottom: var(--vi1h8o-margin-bottom, 0px); margin-left: var(--vi1h8o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vi1h8o-margin-top-tablet, 0px); margin-right: var(--vi1h8o-margin-right-tablet, 0px); margin-bottom: var(--vi1h8o-margin-bottom-tablet, 0px); margin-left: var(--vi1h8o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vi1h8o-margin-top-mobile, 0px); margin-right: var(--vi1h8o-margin-right-mobile, 0px); margin-bottom: var(--vi1h8o-margin-bottom-mobile, 0px); margin-left: var(--vi1h8o-margin-left-mobile, 0px); } }[data-bnode="omnise-nsuh8w"] { --nsuh8w-borderStyle: none; --nsuh8w-borderStyle-tablet: none; --nsuh8w-borderStyle-mobile: none; --nsuh8w-borderColor: #000000; --nsuh8w-borderColor-tablet: #000000; --nsuh8w-borderColor-mobile: #000000; --nsuh8w-borderWidth: 1px; --nsuh8w-borderWidth-tablet: 1px; --nsuh8w-borderWidth-mobile: 1px; --nsuh8w-shadowHorizontal: 0; --nsuh8w-shadowHorizontal-tablet: 0; --nsuh8w-shadowHorizontal-mobile: 0; --nsuh8w-shadowVertical: 0; --nsuh8w-shadowVertical-tablet: 0; --nsuh8w-shadowVertical-mobile: 0; --nsuh8w-shadowBlur: 0; --nsuh8w-shadowBlur-tablet: 0; --nsuh8w-shadowBlur-mobile: 0; --nsuh8w-shadowColor: #000000; --nsuh8w-shadowColor-tablet: #000000; --nsuh8w-shadowColor-mobile: #000000; --nsuh8w-padding-top: 0px; --nsuh8w-padding-top-tablet: 0px; --nsuh8w-padding-top-mobile: 0px; --nsuh8w-padding-right: 0px; --nsuh8w-padding-right-tablet: 0px; --nsuh8w-padding-right-mobile: 0px; --nsuh8w-padding-bottom: 0px; --nsuh8w-padding-bottom-tablet: 0px; --nsuh8w-padding-bottom-mobile: 0px; --nsuh8w-padding-left: 0px; --nsuh8w-padding-left-tablet: 0px; --nsuh8w-padding-left-mobile: 0px; --nsuh8w-enableShadow: false; --nsuh8w-enableShadow-tablet: false; --nsuh8w-enableShadow-mobile: false; --nsuh8w-imageRatio: 5/7; --nsuh8w-imageRatio-tablet: 5/7; --nsuh8w-imageRatio-mobile: 3/4; --nsuh8w-borderRadius-tl: 0px; --nsuh8w-borderRadius-tl-tablet: 0px; --nsuh8w-borderRadius-tl-mobile: 0px; --nsuh8w-borderRadius-tr: 0px; --nsuh8w-borderRadius-tr-tablet: 0px; --nsuh8w-borderRadius-tr-mobile: 0px; --nsuh8w-borderRadius-bl: 0px; --nsuh8w-borderRadius-bl-tablet: 0px; --nsuh8w-borderRadius-bl-mobile: 0px; --nsuh8w-borderRadius-br: 0px; --nsuh8w-borderRadius-br-tablet: 0px; --nsuh8w-borderRadius-br-mobile: 0px; }[data-bnode="omnise-nsuh8w"] { margin-top: var(--nsuh8w-margin-top, 0px); margin-right: var(--nsuh8w-margin-right, 0px); margin-bottom: var(--nsuh8w-margin-bottom, 0px); margin-left: var(--nsuh8w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nsuh8w-margin-top-tablet, 0px); margin-right: var(--nsuh8w-margin-right-tablet, 0px); margin-bottom: var(--nsuh8w-margin-bottom-tablet, 0px); margin-left: var(--nsuh8w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nsuh8w-margin-top-mobile, 0px); margin-right: var(--nsuh8w-margin-right-mobile, 0px); margin-bottom: var(--nsuh8w-margin-bottom-mobile, 0px); margin-left: var(--nsuh8w-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--nsuh8w-imageRatio, auto); overflow: hidden; border-style: var(--nsuh8w-borderStyle, solid); border-color: var(--nsuh8w-borderColor, var(--omnise-card-media-border-color)); border-width: var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--nsuh8w-shadowHorizontal, var(--omnise-card-shadow-x)) var(--nsuh8w-shadowVertical, var(--omnise-card-shadow-y)) var(--nsuh8w-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--nsuh8w-shadowColor, var(--omnise-card-media-shadow-color)) var(--nsuh8w-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--nsuh8w-imageRatio-tablet, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-tablet, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-tablet, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-tablet, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-tablet, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-tablet, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-tablet, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-tablet, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-tablet, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-tablet, var(--nsuh8w-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--nsuh8w-imageRatio-mobile, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-mobile, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-mobile, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-mobile, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-mobile, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-mobile, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-mobile, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-mobile, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-mobile, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-mobile, var(--nsuh8w-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-tdih7k"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {      }  } [data-bnode="omnise-tdih7k"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {                     }  }[data-bnode="omnise-t12599"] { --t12599-width: fill; --t12599-width-tablet: fill; --t12599-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --t12599-transform: none; --t12599-transform-tablet: none; --t12599-transform-mobile: none; --t12599-iconWidth: 20px; --t12599-iconWidth-tablet: 20px; --t12599-iconWidth-mobile: 20px; --t12599-iconGap: 5px; --t12599-iconGap-tablet: 5px; --t12599-iconGap-mobile: 5px; --t12599-button: pr; --t12599-button-tablet: pr; --t12599-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-t12599"] { margin-top: var(--t12599-margin-top, 0px); margin-right: var(--t12599-margin-right, 0px); margin-bottom: var(--t12599-margin-bottom, 0px); margin-left: var(--t12599-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t12599-margin-top-tablet, 0px); margin-right: var(--t12599-margin-right-tablet, 0px); margin-bottom: var(--t12599-margin-bottom-tablet, 0px); margin-left: var(--t12599-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t12599-margin-top-mobile, 0px); margin-right: var(--t12599-margin-right-mobile, 0px); margin-bottom: var(--t12599-margin-bottom-mobile, 0px); margin-left: var(--t12599-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--t12599-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--t12599-iconWidth,20px); min-width: var(--t12599-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--t12599-iconGap-tablet); svg { width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--t12599-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-20anlv"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --20anlv-typography: p2; --20anlv-typography-tablet: p2; --20anlv-typography-mobile: p2; --20anlv-margin-top: 12px; --20anlv-margin-top-tablet: 12px; --20anlv-margin-top-mobile: 12px; --20anlv-margin-right: 0px; --20anlv-margin-right-tablet: 0px; --20anlv-margin-right-mobile: 0px; --20anlv-margin-bottom: 0px; --20anlv-margin-bottom-tablet: 0px; --20anlv-margin-bottom-mobile: 0px; --20anlv-margin-left: 0px; --20anlv-margin-left-tablet: 0px; --20anlv-margin-left-mobile: 0px; }[data-bnode="omnise-20anlv"] { margin-top: var(--20anlv-margin-top, 0px); margin-right: var(--20anlv-margin-right, 0px); margin-bottom: var(--20anlv-margin-bottom, 0px); margin-left: var(--20anlv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--20anlv-margin-top-tablet, 0px); margin-right: var(--20anlv-margin-right-tablet, 0px); margin-bottom: var(--20anlv-margin-bottom-tablet, 0px); margin-left: var(--20anlv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--20anlv-margin-top-mobile, 0px); margin-right: var(--20anlv-margin-right-mobile, 0px); margin-bottom: var(--20anlv-margin-bottom-mobile, 0px); margin-left: var(--20anlv-margin-left-mobile, 0px); } }[data-bnode="omnise-us1jzx"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --us1jzx-priceType: salePrice; --us1jzx-priceType-tablet: salePrice; --us1jzx-priceType-mobile: salePrice; --us1jzx-decoration: line-through; --us1jzx-decoration-tablet: line-through; --us1jzx-decoration-mobile: line-through; --us1jzx-typography: p2; --us1jzx-typography-tablet: p2; --us1jzx-typography-mobile: p2; --us1jzx-comparePriceColor: #181818; --us1jzx-comparePriceColor-tablet: #181818; --us1jzx-comparePriceColor-mobile: #181818; --us1jzx-salePriceColor: #C13C18; --us1jzx-salePriceColor-tablet: #C13C18; --us1jzx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-us1jzx"] { margin-top: var(--us1jzx-margin-top, 0px); margin-right: var(--us1jzx-margin-right, 0px); margin-bottom: var(--us1jzx-margin-bottom, 0px); margin-left: var(--us1jzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us1jzx-margin-top-tablet, 0px); margin-right: var(--us1jzx-margin-right-tablet, 0px); margin-bottom: var(--us1jzx-margin-bottom-tablet, 0px); margin-left: var(--us1jzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us1jzx-margin-top-mobile, 0px); margin-right: var(--us1jzx-margin-right-mobile, 0px); margin-bottom: var(--us1jzx-margin-bottom-mobile, 0px); margin-left: var(--us1jzx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--us1jzx-comparePriceColor); text-decoration: var(--us1jzx-decoration, none); font-size: calc(var(--us1jzx-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--us1jzx-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2ry7rx"] { background: #FFFFFF; } [data-bnode="omnise-2ry7rx"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }[data-bnode="omnise-e0gkz7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e0gkz7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e0gkz7"] {                     }  }[data-bnode="omnise-8b2o5t"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {      }  } [data-bnode="omnise-8b2o5t"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-vi1h8o"] { --vi1h8o-typography: p; --vi1h8o-typography-tablet: p; --vi1h8o-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vi1h8o-paddingX: 0; --vi1h8o-paddingX-tablet: 0; --vi1h8o-paddingX-mobile: 0; --vi1h8o-paddingY: 2px; --vi1h8o-paddingY-tablet: 2px; --vi1h8o-paddingY-mobile: 2px; --vi1h8o-gap: 16px; --vi1h8o-gap-tablet: 16px; --vi1h8o-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-text-transform: capitalize; --omnise-p-line-height-mobile: 1.4; }[data-bnode="omnise-vi1h8o"] { margin-top: var(--vi1h8o-margin-top, 0px); margin-right: var(--vi1h8o-margin-right, 0px); margin-bottom: var(--vi1h8o-margin-bottom, 0px); margin-left: var(--vi1h8o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vi1h8o-margin-top-tablet, 0px); margin-right: var(--vi1h8o-margin-right-tablet, 0px); margin-bottom: var(--vi1h8o-margin-bottom-tablet, 0px); margin-left: var(--vi1h8o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vi1h8o-margin-top-mobile, 0px); margin-right: var(--vi1h8o-margin-right-mobile, 0px); margin-bottom: var(--vi1h8o-margin-bottom-mobile, 0px); margin-left: var(--vi1h8o-margin-left-mobile, 0px); } }[data-bnode="omnise-nsuh8w"] { --nsuh8w-borderStyle: none; --nsuh8w-borderStyle-tablet: none; --nsuh8w-borderStyle-mobile: none; --nsuh8w-borderColor: #000000; --nsuh8w-borderColor-tablet: #000000; --nsuh8w-borderColor-mobile: #000000; --nsuh8w-borderWidth: 1px; --nsuh8w-borderWidth-tablet: 1px; --nsuh8w-borderWidth-mobile: 1px; --nsuh8w-shadowHorizontal: 0; --nsuh8w-shadowHorizontal-tablet: 0; --nsuh8w-shadowHorizontal-mobile: 0; --nsuh8w-shadowVertical: 0; --nsuh8w-shadowVertical-tablet: 0; --nsuh8w-shadowVertical-mobile: 0; --nsuh8w-shadowBlur: 0; --nsuh8w-shadowBlur-tablet: 0; --nsuh8w-shadowBlur-mobile: 0; --nsuh8w-shadowColor: #000000; --nsuh8w-shadowColor-tablet: #000000; --nsuh8w-shadowColor-mobile: #000000; --nsuh8w-padding-top: 0px; --nsuh8w-padding-top-tablet: 0px; --nsuh8w-padding-top-mobile: 0px; --nsuh8w-padding-right: 0px; --nsuh8w-padding-right-tablet: 0px; --nsuh8w-padding-right-mobile: 0px; --nsuh8w-padding-bottom: 0px; --nsuh8w-padding-bottom-tablet: 0px; --nsuh8w-padding-bottom-mobile: 0px; --nsuh8w-padding-left: 0px; --nsuh8w-padding-left-tablet: 0px; --nsuh8w-padding-left-mobile: 0px; --nsuh8w-enableShadow: false; --nsuh8w-enableShadow-tablet: false; --nsuh8w-enableShadow-mobile: false; --nsuh8w-imageRatio: 5/7; --nsuh8w-imageRatio-tablet: 5/7; --nsuh8w-imageRatio-mobile: 3/4; --nsuh8w-borderRadius-tl: 0px; --nsuh8w-borderRadius-tl-tablet: 0px; --nsuh8w-borderRadius-tl-mobile: 0px; --nsuh8w-borderRadius-tr: 0px; --nsuh8w-borderRadius-tr-tablet: 0px; --nsuh8w-borderRadius-tr-mobile: 0px; --nsuh8w-borderRadius-bl: 0px; --nsuh8w-borderRadius-bl-tablet: 0px; --nsuh8w-borderRadius-bl-mobile: 0px; --nsuh8w-borderRadius-br: 0px; --nsuh8w-borderRadius-br-tablet: 0px; --nsuh8w-borderRadius-br-mobile: 0px; }[data-bnode="omnise-nsuh8w"] { margin-top: var(--nsuh8w-margin-top, 0px); margin-right: var(--nsuh8w-margin-right, 0px); margin-bottom: var(--nsuh8w-margin-bottom, 0px); margin-left: var(--nsuh8w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nsuh8w-margin-top-tablet, 0px); margin-right: var(--nsuh8w-margin-right-tablet, 0px); margin-bottom: var(--nsuh8w-margin-bottom-tablet, 0px); margin-left: var(--nsuh8w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nsuh8w-margin-top-mobile, 0px); margin-right: var(--nsuh8w-margin-right-mobile, 0px); margin-bottom: var(--nsuh8w-margin-bottom-mobile, 0px); margin-left: var(--nsuh8w-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--nsuh8w-imageRatio, auto); overflow: hidden; border-style: var(--nsuh8w-borderStyle, solid); border-color: var(--nsuh8w-borderColor, var(--omnise-card-media-border-color)); border-width: var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--nsuh8w-shadowHorizontal, var(--omnise-card-shadow-x)) var(--nsuh8w-shadowVertical, var(--omnise-card-shadow-y)) var(--nsuh8w-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--nsuh8w-shadowColor, var(--omnise-card-media-shadow-color)) var(--nsuh8w-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--nsuh8w-imageRatio-tablet, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-tablet, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-tablet, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-tablet, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-tablet, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-tablet, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-tablet, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-tablet, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-tablet, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-tablet, var(--nsuh8w-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--nsuh8w-imageRatio-mobile, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-mobile, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-mobile, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-mobile, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-mobile, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-mobile, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-mobile, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-mobile, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-mobile, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-mobile, var(--nsuh8w-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-tdih7k"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {      }  } [data-bnode="omnise-tdih7k"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {                     }  }[data-bnode="omnise-t12599"] { --t12599-width: fill; --t12599-width-tablet: fill; --t12599-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --t12599-transform: none; --t12599-transform-tablet: none; --t12599-transform-mobile: none; --t12599-iconWidth: 20px; --t12599-iconWidth-tablet: 20px; --t12599-iconWidth-mobile: 20px; --t12599-iconGap: 5px; --t12599-iconGap-tablet: 5px; --t12599-iconGap-mobile: 5px; --t12599-button: pr; --t12599-button-tablet: pr; --t12599-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-t12599"] { margin-top: var(--t12599-margin-top, 0px); margin-right: var(--t12599-margin-right, 0px); margin-bottom: var(--t12599-margin-bottom, 0px); margin-left: var(--t12599-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t12599-margin-top-tablet, 0px); margin-right: var(--t12599-margin-right-tablet, 0px); margin-bottom: var(--t12599-margin-bottom-tablet, 0px); margin-left: var(--t12599-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t12599-margin-top-mobile, 0px); margin-right: var(--t12599-margin-right-mobile, 0px); margin-bottom: var(--t12599-margin-bottom-mobile, 0px); margin-left: var(--t12599-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--t12599-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--t12599-iconWidth,20px); min-width: var(--t12599-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--t12599-iconGap-tablet); svg { width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--t12599-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-20anlv"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --20anlv-typography: p2; --20anlv-typography-tablet: p2; --20anlv-typography-mobile: p2; --20anlv-margin-top: 12px; --20anlv-margin-top-tablet: 12px; --20anlv-margin-top-mobile: 12px; --20anlv-margin-right: 0px; --20anlv-margin-right-tablet: 0px; --20anlv-margin-right-mobile: 0px; --20anlv-margin-bottom: 0px; --20anlv-margin-bottom-tablet: 0px; --20anlv-margin-bottom-mobile: 0px; --20anlv-margin-left: 0px; --20anlv-margin-left-tablet: 0px; --20anlv-margin-left-mobile: 0px; }[data-bnode="omnise-20anlv"] { margin-top: var(--20anlv-margin-top, 0px); margin-right: var(--20anlv-margin-right, 0px); margin-bottom: var(--20anlv-margin-bottom, 0px); margin-left: var(--20anlv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--20anlv-margin-top-tablet, 0px); margin-right: var(--20anlv-margin-right-tablet, 0px); margin-bottom: var(--20anlv-margin-bottom-tablet, 0px); margin-left: var(--20anlv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--20anlv-margin-top-mobile, 0px); margin-right: var(--20anlv-margin-right-mobile, 0px); margin-bottom: var(--20anlv-margin-bottom-mobile, 0px); margin-left: var(--20anlv-margin-left-mobile, 0px); } }[data-bnode="omnise-us1jzx"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --us1jzx-priceType: salePrice; --us1jzx-priceType-tablet: salePrice; --us1jzx-priceType-mobile: salePrice; --us1jzx-decoration: line-through; --us1jzx-decoration-tablet: line-through; --us1jzx-decoration-mobile: line-through; --us1jzx-typography: p2; --us1jzx-typography-tablet: p2; --us1jzx-typography-mobile: p2; --us1jzx-comparePriceColor: #181818; --us1jzx-comparePriceColor-tablet: #181818; --us1jzx-comparePriceColor-mobile: #181818; --us1jzx-salePriceColor: #C13C18; --us1jzx-salePriceColor-tablet: #C13C18; --us1jzx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-us1jzx"] { margin-top: var(--us1jzx-margin-top, 0px); margin-right: var(--us1jzx-margin-right, 0px); margin-bottom: var(--us1jzx-margin-bottom, 0px); margin-left: var(--us1jzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us1jzx-margin-top-tablet, 0px); margin-right: var(--us1jzx-margin-right-tablet, 0px); margin-bottom: var(--us1jzx-margin-bottom-tablet, 0px); margin-left: var(--us1jzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us1jzx-margin-top-mobile, 0px); margin-right: var(--us1jzx-margin-right-mobile, 0px); margin-bottom: var(--us1jzx-margin-bottom-mobile, 0px); margin-left: var(--us1jzx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--us1jzx-comparePriceColor); text-decoration: var(--us1jzx-decoration, none); font-size: calc(var(--us1jzx-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--us1jzx-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2ry7rx"] { background: #FFFFFF; } [data-bnode="omnise-2ry7rx"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }[data-bnode="omnise-e0gkz7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e0gkz7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e0gkz7"] {                     }  }[data-bnode="omnise-8b2o5t"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {      }  } [data-bnode="omnise-8b2o5t"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-vi1h8o"] { --vi1h8o-typography: p; --vi1h8o-typography-tablet: p; --vi1h8o-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vi1h8o-paddingX: 0; --vi1h8o-paddingX-tablet: 0; --vi1h8o-paddingX-mobile: 0; --vi1h8o-paddingY: 2px; --vi1h8o-paddingY-tablet: 2px; --vi1h8o-paddingY-mobile: 2px; --vi1h8o-gap: 16px; --vi1h8o-gap-tablet: 16px; --vi1h8o-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-text-transform: capitalize; --omnise-p-line-height-mobile: 1.4; }[data-bnode="omnise-vi1h8o"] { margin-top: var(--vi1h8o-margin-top, 0px); margin-right: var(--vi1h8o-margin-right, 0px); margin-bottom: var(--vi1h8o-margin-bottom, 0px); margin-left: var(--vi1h8o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vi1h8o-margin-top-tablet, 0px); margin-right: var(--vi1h8o-margin-right-tablet, 0px); margin-bottom: var(--vi1h8o-margin-bottom-tablet, 0px); margin-left: var(--vi1h8o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vi1h8o-margin-top-mobile, 0px); margin-right: var(--vi1h8o-margin-right-mobile, 0px); margin-bottom: var(--vi1h8o-margin-bottom-mobile, 0px); margin-left: var(--vi1h8o-margin-left-mobile, 0px); } }[data-bnode="omnise-nsuh8w"] { --nsuh8w-borderStyle: none; --nsuh8w-borderStyle-tablet: none; --nsuh8w-borderStyle-mobile: none; --nsuh8w-borderColor: #000000; --nsuh8w-borderColor-tablet: #000000; --nsuh8w-borderColor-mobile: #000000; --nsuh8w-borderWidth: 1px; --nsuh8w-borderWidth-tablet: 1px; --nsuh8w-borderWidth-mobile: 1px; --nsuh8w-shadowHorizontal: 0; --nsuh8w-shadowHorizontal-tablet: 0; --nsuh8w-shadowHorizontal-mobile: 0; --nsuh8w-shadowVertical: 0; --nsuh8w-shadowVertical-tablet: 0; --nsuh8w-shadowVertical-mobile: 0; --nsuh8w-shadowBlur: 0; --nsuh8w-shadowBlur-tablet: 0; --nsuh8w-shadowBlur-mobile: 0; --nsuh8w-shadowColor: #000000; --nsuh8w-shadowColor-tablet: #000000; --nsuh8w-shadowColor-mobile: #000000; --nsuh8w-padding-top: 0px; --nsuh8w-padding-top-tablet: 0px; --nsuh8w-padding-top-mobile: 0px; --nsuh8w-padding-right: 0px; --nsuh8w-padding-right-tablet: 0px; --nsuh8w-padding-right-mobile: 0px; --nsuh8w-padding-bottom: 0px; --nsuh8w-padding-bottom-tablet: 0px; --nsuh8w-padding-bottom-mobile: 0px; --nsuh8w-padding-left: 0px; --nsuh8w-padding-left-tablet: 0px; --nsuh8w-padding-left-mobile: 0px; --nsuh8w-enableShadow: false; --nsuh8w-enableShadow-tablet: false; --nsuh8w-enableShadow-mobile: false; --nsuh8w-imageRatio: 5/7; --nsuh8w-imageRatio-tablet: 5/7; --nsuh8w-imageRatio-mobile: 3/4; --nsuh8w-borderRadius-tl: 0px; --nsuh8w-borderRadius-tl-tablet: 0px; --nsuh8w-borderRadius-tl-mobile: 0px; --nsuh8w-borderRadius-tr: 0px; --nsuh8w-borderRadius-tr-tablet: 0px; --nsuh8w-borderRadius-tr-mobile: 0px; --nsuh8w-borderRadius-bl: 0px; --nsuh8w-borderRadius-bl-tablet: 0px; --nsuh8w-borderRadius-bl-mobile: 0px; --nsuh8w-borderRadius-br: 0px; --nsuh8w-borderRadius-br-tablet: 0px; --nsuh8w-borderRadius-br-mobile: 0px; }[data-bnode="omnise-nsuh8w"] { margin-top: var(--nsuh8w-margin-top, 0px); margin-right: var(--nsuh8w-margin-right, 0px); margin-bottom: var(--nsuh8w-margin-bottom, 0px); margin-left: var(--nsuh8w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nsuh8w-margin-top-tablet, 0px); margin-right: var(--nsuh8w-margin-right-tablet, 0px); margin-bottom: var(--nsuh8w-margin-bottom-tablet, 0px); margin-left: var(--nsuh8w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nsuh8w-margin-top-mobile, 0px); margin-right: var(--nsuh8w-margin-right-mobile, 0px); margin-bottom: var(--nsuh8w-margin-bottom-mobile, 0px); margin-left: var(--nsuh8w-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--nsuh8w-imageRatio, auto); overflow: hidden; border-style: var(--nsuh8w-borderStyle, solid); border-color: var(--nsuh8w-borderColor, var(--omnise-card-media-border-color)); border-width: var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--nsuh8w-shadowHorizontal, var(--omnise-card-shadow-x)) var(--nsuh8w-shadowVertical, var(--omnise-card-shadow-y)) var(--nsuh8w-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--nsuh8w-shadowColor, var(--omnise-card-media-shadow-color)) var(--nsuh8w-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--nsuh8w-imageRatio-tablet, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-tablet, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-tablet, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-tablet, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-tablet, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-tablet, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-tablet, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-tablet, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-tablet, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-tablet, var(--nsuh8w-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--nsuh8w-imageRatio-mobile, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-mobile, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-mobile, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-mobile, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-mobile, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-mobile, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-mobile, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-mobile, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-mobile, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-mobile, var(--nsuh8w-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-tdih7k"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {      }  } [data-bnode="omnise-tdih7k"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {                     }  }[data-bnode="omnise-t12599"] { --t12599-width: fill; --t12599-width-tablet: fill; --t12599-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --t12599-transform: none; --t12599-transform-tablet: none; --t12599-transform-mobile: none; --t12599-iconWidth: 20px; --t12599-iconWidth-tablet: 20px; --t12599-iconWidth-mobile: 20px; --t12599-iconGap: 5px; --t12599-iconGap-tablet: 5px; --t12599-iconGap-mobile: 5px; --t12599-button: pr; --t12599-button-tablet: pr; --t12599-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-t12599"] { margin-top: var(--t12599-margin-top, 0px); margin-right: var(--t12599-margin-right, 0px); margin-bottom: var(--t12599-margin-bottom, 0px); margin-left: var(--t12599-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t12599-margin-top-tablet, 0px); margin-right: var(--t12599-margin-right-tablet, 0px); margin-bottom: var(--t12599-margin-bottom-tablet, 0px); margin-left: var(--t12599-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t12599-margin-top-mobile, 0px); margin-right: var(--t12599-margin-right-mobile, 0px); margin-bottom: var(--t12599-margin-bottom-mobile, 0px); margin-left: var(--t12599-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--t12599-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--t12599-iconWidth,20px); min-width: var(--t12599-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--t12599-iconGap-tablet); svg { width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--t12599-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-20anlv"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --20anlv-typography: p2; --20anlv-typography-tablet: p2; --20anlv-typography-mobile: p2; --20anlv-margin-top: 12px; --20anlv-margin-top-tablet: 12px; --20anlv-margin-top-mobile: 12px; --20anlv-margin-right: 0px; --20anlv-margin-right-tablet: 0px; --20anlv-margin-right-mobile: 0px; --20anlv-margin-bottom: 0px; --20anlv-margin-bottom-tablet: 0px; --20anlv-margin-bottom-mobile: 0px; --20anlv-margin-left: 0px; --20anlv-margin-left-tablet: 0px; --20anlv-margin-left-mobile: 0px; }[data-bnode="omnise-20anlv"] { margin-top: var(--20anlv-margin-top, 0px); margin-right: var(--20anlv-margin-right, 0px); margin-bottom: var(--20anlv-margin-bottom, 0px); margin-left: var(--20anlv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--20anlv-margin-top-tablet, 0px); margin-right: var(--20anlv-margin-right-tablet, 0px); margin-bottom: var(--20anlv-margin-bottom-tablet, 0px); margin-left: var(--20anlv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--20anlv-margin-top-mobile, 0px); margin-right: var(--20anlv-margin-right-mobile, 0px); margin-bottom: var(--20anlv-margin-bottom-mobile, 0px); margin-left: var(--20anlv-margin-left-mobile, 0px); } }[data-bnode="omnise-us1jzx"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --us1jzx-priceType: salePrice; --us1jzx-priceType-tablet: salePrice; --us1jzx-priceType-mobile: salePrice; --us1jzx-decoration: line-through; --us1jzx-decoration-tablet: line-through; --us1jzx-decoration-mobile: line-through; --us1jzx-typography: p2; --us1jzx-typography-tablet: p2; --us1jzx-typography-mobile: p2; --us1jzx-comparePriceColor: #181818; --us1jzx-comparePriceColor-tablet: #181818; --us1jzx-comparePriceColor-mobile: #181818; --us1jzx-salePriceColor: #C13C18; --us1jzx-salePriceColor-tablet: #C13C18; --us1jzx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-us1jzx"] { margin-top: var(--us1jzx-margin-top, 0px); margin-right: var(--us1jzx-margin-right, 0px); margin-bottom: var(--us1jzx-margin-bottom, 0px); margin-left: var(--us1jzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us1jzx-margin-top-tablet, 0px); margin-right: var(--us1jzx-margin-right-tablet, 0px); margin-bottom: var(--us1jzx-margin-bottom-tablet, 0px); margin-left: var(--us1jzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us1jzx-margin-top-mobile, 0px); margin-right: var(--us1jzx-margin-right-mobile, 0px); margin-bottom: var(--us1jzx-margin-bottom-mobile, 0px); margin-left: var(--us1jzx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--us1jzx-comparePriceColor); text-decoration: var(--us1jzx-decoration, none); font-size: calc(var(--us1jzx-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--us1jzx-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2ry7rx"] { background: #FFFFFF; } [data-bnode="omnise-2ry7rx"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }[data-bnode="omnise-e0gkz7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e0gkz7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e0gkz7"] {                     }  }[data-bnode="omnise-8b2o5t"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {      }  } [data-bnode="omnise-8b2o5t"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-vi1h8o"] { --vi1h8o-typography: p; --vi1h8o-typography-tablet: p; --vi1h8o-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vi1h8o-paddingX: 0; --vi1h8o-paddingX-tablet: 0; --vi1h8o-paddingX-mobile: 0; --vi1h8o-paddingY: 2px; --vi1h8o-paddingY-tablet: 2px; --vi1h8o-paddingY-mobile: 2px; --vi1h8o-gap: 16px; --vi1h8o-gap-tablet: 16px; --vi1h8o-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-text-transform: capitalize; --omnise-p-line-height-mobile: 1.4; }[data-bnode="omnise-vi1h8o"] { margin-top: var(--vi1h8o-margin-top, 0px); margin-right: var(--vi1h8o-margin-right, 0px); margin-bottom: var(--vi1h8o-margin-bottom, 0px); margin-left: var(--vi1h8o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vi1h8o-margin-top-tablet, 0px); margin-right: var(--vi1h8o-margin-right-tablet, 0px); margin-bottom: var(--vi1h8o-margin-bottom-tablet, 0px); margin-left: var(--vi1h8o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vi1h8o-margin-top-mobile, 0px); margin-right: var(--vi1h8o-margin-right-mobile, 0px); margin-bottom: var(--vi1h8o-margin-bottom-mobile, 0px); margin-left: var(--vi1h8o-margin-left-mobile, 0px); } }[data-bnode="omnise-nsuh8w"] { --nsuh8w-borderStyle: none; --nsuh8w-borderStyle-tablet: none; --nsuh8w-borderStyle-mobile: none; --nsuh8w-borderColor: #000000; --nsuh8w-borderColor-tablet: #000000; --nsuh8w-borderColor-mobile: #000000; --nsuh8w-borderWidth: 1px; --nsuh8w-borderWidth-tablet: 1px; --nsuh8w-borderWidth-mobile: 1px; --nsuh8w-shadowHorizontal: 0; --nsuh8w-shadowHorizontal-tablet: 0; --nsuh8w-shadowHorizontal-mobile: 0; --nsuh8w-shadowVertical: 0; --nsuh8w-shadowVertical-tablet: 0; --nsuh8w-shadowVertical-mobile: 0; --nsuh8w-shadowBlur: 0; --nsuh8w-shadowBlur-tablet: 0; --nsuh8w-shadowBlur-mobile: 0; --nsuh8w-shadowColor: #000000; --nsuh8w-shadowColor-tablet: #000000; --nsuh8w-shadowColor-mobile: #000000; --nsuh8w-padding-top: 0px; --nsuh8w-padding-top-tablet: 0px; --nsuh8w-padding-top-mobile: 0px; --nsuh8w-padding-right: 0px; --nsuh8w-padding-right-tablet: 0px; --nsuh8w-padding-right-mobile: 0px; --nsuh8w-padding-bottom: 0px; --nsuh8w-padding-bottom-tablet: 0px; --nsuh8w-padding-bottom-mobile: 0px; --nsuh8w-padding-left: 0px; --nsuh8w-padding-left-tablet: 0px; --nsuh8w-padding-left-mobile: 0px; --nsuh8w-enableShadow: false; --nsuh8w-enableShadow-tablet: false; --nsuh8w-enableShadow-mobile: false; --nsuh8w-imageRatio: 5/7; --nsuh8w-imageRatio-tablet: 5/7; --nsuh8w-imageRatio-mobile: 3/4; --nsuh8w-borderRadius-tl: 0px; --nsuh8w-borderRadius-tl-tablet: 0px; --nsuh8w-borderRadius-tl-mobile: 0px; --nsuh8w-borderRadius-tr: 0px; --nsuh8w-borderRadius-tr-tablet: 0px; --nsuh8w-borderRadius-tr-mobile: 0px; --nsuh8w-borderRadius-bl: 0px; --nsuh8w-borderRadius-bl-tablet: 0px; --nsuh8w-borderRadius-bl-mobile: 0px; --nsuh8w-borderRadius-br: 0px; --nsuh8w-borderRadius-br-tablet: 0px; --nsuh8w-borderRadius-br-mobile: 0px; }[data-bnode="omnise-nsuh8w"] { margin-top: var(--nsuh8w-margin-top, 0px); margin-right: var(--nsuh8w-margin-right, 0px); margin-bottom: var(--nsuh8w-margin-bottom, 0px); margin-left: var(--nsuh8w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nsuh8w-margin-top-tablet, 0px); margin-right: var(--nsuh8w-margin-right-tablet, 0px); margin-bottom: var(--nsuh8w-margin-bottom-tablet, 0px); margin-left: var(--nsuh8w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nsuh8w-margin-top-mobile, 0px); margin-right: var(--nsuh8w-margin-right-mobile, 0px); margin-bottom: var(--nsuh8w-margin-bottom-mobile, 0px); margin-left: var(--nsuh8w-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--nsuh8w-imageRatio, auto); overflow: hidden; border-style: var(--nsuh8w-borderStyle, solid); border-color: var(--nsuh8w-borderColor, var(--omnise-card-media-border-color)); border-width: var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--nsuh8w-shadowHorizontal, var(--omnise-card-shadow-x)) var(--nsuh8w-shadowVertical, var(--omnise-card-shadow-y)) var(--nsuh8w-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--nsuh8w-shadowColor, var(--omnise-card-media-shadow-color)) var(--nsuh8w-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--nsuh8w-imageRatio-tablet, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-tablet, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-tablet, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-tablet, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-tablet, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-tablet, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-tablet, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-tablet, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-tablet, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-tablet, var(--nsuh8w-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--nsuh8w-imageRatio-mobile, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-mobile, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-mobile, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-mobile, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-mobile, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-mobile, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-mobile, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-mobile, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-mobile, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-mobile, var(--nsuh8w-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-tdih7k"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {      }  } [data-bnode="omnise-tdih7k"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {                     }  }[data-bnode="omnise-t12599"] { --t12599-width: fill; --t12599-width-tablet: fill; --t12599-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --t12599-transform: none; --t12599-transform-tablet: none; --t12599-transform-mobile: none; --t12599-iconWidth: 20px; --t12599-iconWidth-tablet: 20px; --t12599-iconWidth-mobile: 20px; --t12599-iconGap: 5px; --t12599-iconGap-tablet: 5px; --t12599-iconGap-mobile: 5px; --t12599-button: pr; --t12599-button-tablet: pr; --t12599-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-t12599"] { margin-top: var(--t12599-margin-top, 0px); margin-right: var(--t12599-margin-right, 0px); margin-bottom: var(--t12599-margin-bottom, 0px); margin-left: var(--t12599-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t12599-margin-top-tablet, 0px); margin-right: var(--t12599-margin-right-tablet, 0px); margin-bottom: var(--t12599-margin-bottom-tablet, 0px); margin-left: var(--t12599-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t12599-margin-top-mobile, 0px); margin-right: var(--t12599-margin-right-mobile, 0px); margin-bottom: var(--t12599-margin-bottom-mobile, 0px); margin-left: var(--t12599-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--t12599-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--t12599-iconWidth,20px); min-width: var(--t12599-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--t12599-iconGap-tablet); svg { width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--t12599-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-20anlv"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --20anlv-typography: p2; --20anlv-typography-tablet: p2; --20anlv-typography-mobile: p2; --20anlv-margin-top: 12px; --20anlv-margin-top-tablet: 12px; --20anlv-margin-top-mobile: 12px; --20anlv-margin-right: 0px; --20anlv-margin-right-tablet: 0px; --20anlv-margin-right-mobile: 0px; --20anlv-margin-bottom: 0px; --20anlv-margin-bottom-tablet: 0px; --20anlv-margin-bottom-mobile: 0px; --20anlv-margin-left: 0px; --20anlv-margin-left-tablet: 0px; --20anlv-margin-left-mobile: 0px; }[data-bnode="omnise-20anlv"] { margin-top: var(--20anlv-margin-top, 0px); margin-right: var(--20anlv-margin-right, 0px); margin-bottom: var(--20anlv-margin-bottom, 0px); margin-left: var(--20anlv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--20anlv-margin-top-tablet, 0px); margin-right: var(--20anlv-margin-right-tablet, 0px); margin-bottom: var(--20anlv-margin-bottom-tablet, 0px); margin-left: var(--20anlv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--20anlv-margin-top-mobile, 0px); margin-right: var(--20anlv-margin-right-mobile, 0px); margin-bottom: var(--20anlv-margin-bottom-mobile, 0px); margin-left: var(--20anlv-margin-left-mobile, 0px); } }[data-bnode="omnise-us1jzx"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --us1jzx-priceType: salePrice; --us1jzx-priceType-tablet: salePrice; --us1jzx-priceType-mobile: salePrice; --us1jzx-decoration: line-through; --us1jzx-decoration-tablet: line-through; --us1jzx-decoration-mobile: line-through; --us1jzx-typography: p2; --us1jzx-typography-tablet: p2; --us1jzx-typography-mobile: p2; --us1jzx-comparePriceColor: #181818; --us1jzx-comparePriceColor-tablet: #181818; --us1jzx-comparePriceColor-mobile: #181818; --us1jzx-salePriceColor: #C13C18; --us1jzx-salePriceColor-tablet: #C13C18; --us1jzx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-us1jzx"] { margin-top: var(--us1jzx-margin-top, 0px); margin-right: var(--us1jzx-margin-right, 0px); margin-bottom: var(--us1jzx-margin-bottom, 0px); margin-left: var(--us1jzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us1jzx-margin-top-tablet, 0px); margin-right: var(--us1jzx-margin-right-tablet, 0px); margin-bottom: var(--us1jzx-margin-bottom-tablet, 0px); margin-left: var(--us1jzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us1jzx-margin-top-mobile, 0px); margin-right: var(--us1jzx-margin-right-mobile, 0px); margin-bottom: var(--us1jzx-margin-bottom-mobile, 0px); margin-left: var(--us1jzx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--us1jzx-comparePriceColor); text-decoration: var(--us1jzx-decoration, none); font-size: calc(var(--us1jzx-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--us1jzx-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2ry7rx"] { background: #FFFFFF; } [data-bnode="omnise-2ry7rx"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }[data-bnode="omnise-e0gkz7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e0gkz7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e0gkz7"] {                     }  }[data-bnode="omnise-8b2o5t"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {      }  } [data-bnode="omnise-8b2o5t"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-vi1h8o"] { --vi1h8o-typography: p; --vi1h8o-typography-tablet: p; --vi1h8o-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vi1h8o-paddingX: 0; --vi1h8o-paddingX-tablet: 0; --vi1h8o-paddingX-mobile: 0; --vi1h8o-paddingY: 2px; --vi1h8o-paddingY-tablet: 2px; --vi1h8o-paddingY-mobile: 2px; --vi1h8o-gap: 16px; --vi1h8o-gap-tablet: 16px; --vi1h8o-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-text-transform: capitalize; --omnise-p-line-height-mobile: 1.4; }[data-bnode="omnise-vi1h8o"] { margin-top: var(--vi1h8o-margin-top, 0px); margin-right: var(--vi1h8o-margin-right, 0px); margin-bottom: var(--vi1h8o-margin-bottom, 0px); margin-left: var(--vi1h8o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vi1h8o-margin-top-tablet, 0px); margin-right: var(--vi1h8o-margin-right-tablet, 0px); margin-bottom: var(--vi1h8o-margin-bottom-tablet, 0px); margin-left: var(--vi1h8o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vi1h8o-margin-top-mobile, 0px); margin-right: var(--vi1h8o-margin-right-mobile, 0px); margin-bottom: var(--vi1h8o-margin-bottom-mobile, 0px); margin-left: var(--vi1h8o-margin-left-mobile, 0px); } }[data-bnode="omnise-nsuh8w"] { --nsuh8w-borderStyle: none; --nsuh8w-borderStyle-tablet: none; --nsuh8w-borderStyle-mobile: none; --nsuh8w-borderColor: #000000; --nsuh8w-borderColor-tablet: #000000; --nsuh8w-borderColor-mobile: #000000; --nsuh8w-borderWidth: 1px; --nsuh8w-borderWidth-tablet: 1px; --nsuh8w-borderWidth-mobile: 1px; --nsuh8w-shadowHorizontal: 0; --nsuh8w-shadowHorizontal-tablet: 0; --nsuh8w-shadowHorizontal-mobile: 0; --nsuh8w-shadowVertical: 0; --nsuh8w-shadowVertical-tablet: 0; --nsuh8w-shadowVertical-mobile: 0; --nsuh8w-shadowBlur: 0; --nsuh8w-shadowBlur-tablet: 0; --nsuh8w-shadowBlur-mobile: 0; --nsuh8w-shadowColor: #000000; --nsuh8w-shadowColor-tablet: #000000; --nsuh8w-shadowColor-mobile: #000000; --nsuh8w-padding-top: 0px; --nsuh8w-padding-top-tablet: 0px; --nsuh8w-padding-top-mobile: 0px; --nsuh8w-padding-right: 0px; --nsuh8w-padding-right-tablet: 0px; --nsuh8w-padding-right-mobile: 0px; --nsuh8w-padding-bottom: 0px; --nsuh8w-padding-bottom-tablet: 0px; --nsuh8w-padding-bottom-mobile: 0px; --nsuh8w-padding-left: 0px; --nsuh8w-padding-left-tablet: 0px; --nsuh8w-padding-left-mobile: 0px; --nsuh8w-enableShadow: false; --nsuh8w-enableShadow-tablet: false; --nsuh8w-enableShadow-mobile: false; --nsuh8w-imageRatio: 5/7; --nsuh8w-imageRatio-tablet: 5/7; --nsuh8w-imageRatio-mobile: 3/4; --nsuh8w-borderRadius-tl: 0px; --nsuh8w-borderRadius-tl-tablet: 0px; --nsuh8w-borderRadius-tl-mobile: 0px; --nsuh8w-borderRadius-tr: 0px; --nsuh8w-borderRadius-tr-tablet: 0px; --nsuh8w-borderRadius-tr-mobile: 0px; --nsuh8w-borderRadius-bl: 0px; --nsuh8w-borderRadius-bl-tablet: 0px; --nsuh8w-borderRadius-bl-mobile: 0px; --nsuh8w-borderRadius-br: 0px; --nsuh8w-borderRadius-br-tablet: 0px; --nsuh8w-borderRadius-br-mobile: 0px; }[data-bnode="omnise-nsuh8w"] { margin-top: var(--nsuh8w-margin-top, 0px); margin-right: var(--nsuh8w-margin-right, 0px); margin-bottom: var(--nsuh8w-margin-bottom, 0px); margin-left: var(--nsuh8w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nsuh8w-margin-top-tablet, 0px); margin-right: var(--nsuh8w-margin-right-tablet, 0px); margin-bottom: var(--nsuh8w-margin-bottom-tablet, 0px); margin-left: var(--nsuh8w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nsuh8w-margin-top-mobile, 0px); margin-right: var(--nsuh8w-margin-right-mobile, 0px); margin-bottom: var(--nsuh8w-margin-bottom-mobile, 0px); margin-left: var(--nsuh8w-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--nsuh8w-imageRatio, auto); overflow: hidden; border-style: var(--nsuh8w-borderStyle, solid); border-color: var(--nsuh8w-borderColor, var(--omnise-card-media-border-color)); border-width: var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--nsuh8w-shadowHorizontal, var(--omnise-card-shadow-x)) var(--nsuh8w-shadowVertical, var(--omnise-card-shadow-y)) var(--nsuh8w-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--nsuh8w-shadowColor, var(--omnise-card-media-shadow-color)) var(--nsuh8w-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--nsuh8w-imageRatio-tablet, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-tablet, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-tablet, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-tablet, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-tablet, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-tablet, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-tablet, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-tablet, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-tablet, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-tablet, var(--nsuh8w-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--nsuh8w-imageRatio-mobile, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-mobile, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-mobile, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-mobile, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-mobile, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-mobile, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-mobile, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-mobile, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-mobile, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-mobile, var(--nsuh8w-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-tdih7k"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {      }  } [data-bnode="omnise-tdih7k"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {                     }  }[data-bnode="omnise-t12599"] { --t12599-width: fill; --t12599-width-tablet: fill; --t12599-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --t12599-transform: none; --t12599-transform-tablet: none; --t12599-transform-mobile: none; --t12599-iconWidth: 20px; --t12599-iconWidth-tablet: 20px; --t12599-iconWidth-mobile: 20px; --t12599-iconGap: 5px; --t12599-iconGap-tablet: 5px; --t12599-iconGap-mobile: 5px; --t12599-button: pr; --t12599-button-tablet: pr; --t12599-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-t12599"] { margin-top: var(--t12599-margin-top, 0px); margin-right: var(--t12599-margin-right, 0px); margin-bottom: var(--t12599-margin-bottom, 0px); margin-left: var(--t12599-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t12599-margin-top-tablet, 0px); margin-right: var(--t12599-margin-right-tablet, 0px); margin-bottom: var(--t12599-margin-bottom-tablet, 0px); margin-left: var(--t12599-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t12599-margin-top-mobile, 0px); margin-right: var(--t12599-margin-right-mobile, 0px); margin-bottom: var(--t12599-margin-bottom-mobile, 0px); margin-left: var(--t12599-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--t12599-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--t12599-iconWidth,20px); min-width: var(--t12599-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--t12599-iconGap-tablet); svg { width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--t12599-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-20anlv"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --20anlv-typography: p2; --20anlv-typography-tablet: p2; --20anlv-typography-mobile: p2; --20anlv-margin-top: 12px; --20anlv-margin-top-tablet: 12px; --20anlv-margin-top-mobile: 12px; --20anlv-margin-right: 0px; --20anlv-margin-right-tablet: 0px; --20anlv-margin-right-mobile: 0px; --20anlv-margin-bottom: 0px; --20anlv-margin-bottom-tablet: 0px; --20anlv-margin-bottom-mobile: 0px; --20anlv-margin-left: 0px; --20anlv-margin-left-tablet: 0px; --20anlv-margin-left-mobile: 0px; }[data-bnode="omnise-20anlv"] { margin-top: var(--20anlv-margin-top, 0px); margin-right: var(--20anlv-margin-right, 0px); margin-bottom: var(--20anlv-margin-bottom, 0px); margin-left: var(--20anlv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--20anlv-margin-top-tablet, 0px); margin-right: var(--20anlv-margin-right-tablet, 0px); margin-bottom: var(--20anlv-margin-bottom-tablet, 0px); margin-left: var(--20anlv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--20anlv-margin-top-mobile, 0px); margin-right: var(--20anlv-margin-right-mobile, 0px); margin-bottom: var(--20anlv-margin-bottom-mobile, 0px); margin-left: var(--20anlv-margin-left-mobile, 0px); } }[data-bnode="omnise-us1jzx"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --us1jzx-priceType: salePrice; --us1jzx-priceType-tablet: salePrice; --us1jzx-priceType-mobile: salePrice; --us1jzx-decoration: line-through; --us1jzx-decoration-tablet: line-through; --us1jzx-decoration-mobile: line-through; --us1jzx-typography: p2; --us1jzx-typography-tablet: p2; --us1jzx-typography-mobile: p2; --us1jzx-comparePriceColor: #181818; --us1jzx-comparePriceColor-tablet: #181818; --us1jzx-comparePriceColor-mobile: #181818; --us1jzx-salePriceColor: #C13C18; --us1jzx-salePriceColor-tablet: #C13C18; --us1jzx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-us1jzx"] { margin-top: var(--us1jzx-margin-top, 0px); margin-right: var(--us1jzx-margin-right, 0px); margin-bottom: var(--us1jzx-margin-bottom, 0px); margin-left: var(--us1jzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us1jzx-margin-top-tablet, 0px); margin-right: var(--us1jzx-margin-right-tablet, 0px); margin-bottom: var(--us1jzx-margin-bottom-tablet, 0px); margin-left: var(--us1jzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us1jzx-margin-top-mobile, 0px); margin-right: var(--us1jzx-margin-right-mobile, 0px); margin-bottom: var(--us1jzx-margin-bottom-mobile, 0px); margin-left: var(--us1jzx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--us1jzx-comparePriceColor); text-decoration: var(--us1jzx-decoration, none); font-size: calc(var(--us1jzx-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--us1jzx-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2ry7rx"] { background: #FFFFFF; } [data-bnode="omnise-2ry7rx"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }[data-bnode="omnise-e0gkz7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e0gkz7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e0gkz7"] {                     }  }[data-bnode="omnise-8b2o5t"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {      }  } [data-bnode="omnise-8b2o5t"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-vi1h8o"] { --vi1h8o-typography: p; --vi1h8o-typography-tablet: p; --vi1h8o-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vi1h8o-paddingX: 0; --vi1h8o-paddingX-tablet: 0; --vi1h8o-paddingX-mobile: 0; --vi1h8o-paddingY: 2px; --vi1h8o-paddingY-tablet: 2px; --vi1h8o-paddingY-mobile: 2px; --vi1h8o-gap: 16px; --vi1h8o-gap-tablet: 16px; --vi1h8o-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-text-transform: capitalize; --omnise-p-line-height-mobile: 1.4; }[data-bnode="omnise-vi1h8o"] { margin-top: var(--vi1h8o-margin-top, 0px); margin-right: var(--vi1h8o-margin-right, 0px); margin-bottom: var(--vi1h8o-margin-bottom, 0px); margin-left: var(--vi1h8o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vi1h8o-margin-top-tablet, 0px); margin-right: var(--vi1h8o-margin-right-tablet, 0px); margin-bottom: var(--vi1h8o-margin-bottom-tablet, 0px); margin-left: var(--vi1h8o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vi1h8o-margin-top-mobile, 0px); margin-right: var(--vi1h8o-margin-right-mobile, 0px); margin-bottom: var(--vi1h8o-margin-bottom-mobile, 0px); margin-left: var(--vi1h8o-margin-left-mobile, 0px); } }[data-bnode="omnise-nsuh8w"] { --nsuh8w-borderStyle: none; --nsuh8w-borderStyle-tablet: none; --nsuh8w-borderStyle-mobile: none; --nsuh8w-borderColor: #000000; --nsuh8w-borderColor-tablet: #000000; --nsuh8w-borderColor-mobile: #000000; --nsuh8w-borderWidth: 1px; --nsuh8w-borderWidth-tablet: 1px; --nsuh8w-borderWidth-mobile: 1px; --nsuh8w-shadowHorizontal: 0; --nsuh8w-shadowHorizontal-tablet: 0; --nsuh8w-shadowHorizontal-mobile: 0; --nsuh8w-shadowVertical: 0; --nsuh8w-shadowVertical-tablet: 0; --nsuh8w-shadowVertical-mobile: 0; --nsuh8w-shadowBlur: 0; --nsuh8w-shadowBlur-tablet: 0; --nsuh8w-shadowBlur-mobile: 0; --nsuh8w-shadowColor: #000000; --nsuh8w-shadowColor-tablet: #000000; --nsuh8w-shadowColor-mobile: #000000; --nsuh8w-padding-top: 0px; --nsuh8w-padding-top-tablet: 0px; --nsuh8w-padding-top-mobile: 0px; --nsuh8w-padding-right: 0px; --nsuh8w-padding-right-tablet: 0px; --nsuh8w-padding-right-mobile: 0px; --nsuh8w-padding-bottom: 0px; --nsuh8w-padding-bottom-tablet: 0px; --nsuh8w-padding-bottom-mobile: 0px; --nsuh8w-padding-left: 0px; --nsuh8w-padding-left-tablet: 0px; --nsuh8w-padding-left-mobile: 0px; --nsuh8w-enableShadow: false; --nsuh8w-enableShadow-tablet: false; --nsuh8w-enableShadow-mobile: false; --nsuh8w-imageRatio: 5/7; --nsuh8w-imageRatio-tablet: 5/7; --nsuh8w-imageRatio-mobile: 3/4; --nsuh8w-borderRadius-tl: 0px; --nsuh8w-borderRadius-tl-tablet: 0px; --nsuh8w-borderRadius-tl-mobile: 0px; --nsuh8w-borderRadius-tr: 0px; --nsuh8w-borderRadius-tr-tablet: 0px; --nsuh8w-borderRadius-tr-mobile: 0px; --nsuh8w-borderRadius-bl: 0px; --nsuh8w-borderRadius-bl-tablet: 0px; --nsuh8w-borderRadius-bl-mobile: 0px; --nsuh8w-borderRadius-br: 0px; --nsuh8w-borderRadius-br-tablet: 0px; --nsuh8w-borderRadius-br-mobile: 0px; }[data-bnode="omnise-nsuh8w"] { margin-top: var(--nsuh8w-margin-top, 0px); margin-right: var(--nsuh8w-margin-right, 0px); margin-bottom: var(--nsuh8w-margin-bottom, 0px); margin-left: var(--nsuh8w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nsuh8w-margin-top-tablet, 0px); margin-right: var(--nsuh8w-margin-right-tablet, 0px); margin-bottom: var(--nsuh8w-margin-bottom-tablet, 0px); margin-left: var(--nsuh8w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nsuh8w-margin-top-mobile, 0px); margin-right: var(--nsuh8w-margin-right-mobile, 0px); margin-bottom: var(--nsuh8w-margin-bottom-mobile, 0px); margin-left: var(--nsuh8w-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--nsuh8w-imageRatio, auto); overflow: hidden; border-style: var(--nsuh8w-borderStyle, solid); border-color: var(--nsuh8w-borderColor, var(--omnise-card-media-border-color)); border-width: var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--nsuh8w-shadowHorizontal, var(--omnise-card-shadow-x)) var(--nsuh8w-shadowVertical, var(--omnise-card-shadow-y)) var(--nsuh8w-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--nsuh8w-shadowColor, var(--omnise-card-media-shadow-color)) var(--nsuh8w-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--nsuh8w-imageRatio-tablet, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-tablet, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-tablet, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-tablet, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-tablet, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-tablet, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-tablet, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-tablet, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-tablet, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-tablet, var(--nsuh8w-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--nsuh8w-imageRatio-mobile, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-mobile, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-mobile, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-mobile, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-mobile, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-mobile, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-mobile, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-mobile, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-mobile, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-mobile, var(--nsuh8w-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-tdih7k"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {      }  } [data-bnode="omnise-tdih7k"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {                     }  }[data-bnode="omnise-t12599"] { --t12599-width: fill; --t12599-width-tablet: fill; --t12599-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --t12599-transform: none; --t12599-transform-tablet: none; --t12599-transform-mobile: none; --t12599-iconWidth: 20px; --t12599-iconWidth-tablet: 20px; --t12599-iconWidth-mobile: 20px; --t12599-iconGap: 5px; --t12599-iconGap-tablet: 5px; --t12599-iconGap-mobile: 5px; --t12599-button: pr; --t12599-button-tablet: pr; --t12599-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-t12599"] { margin-top: var(--t12599-margin-top, 0px); margin-right: var(--t12599-margin-right, 0px); margin-bottom: var(--t12599-margin-bottom, 0px); margin-left: var(--t12599-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t12599-margin-top-tablet, 0px); margin-right: var(--t12599-margin-right-tablet, 0px); margin-bottom: var(--t12599-margin-bottom-tablet, 0px); margin-left: var(--t12599-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t12599-margin-top-mobile, 0px); margin-right: var(--t12599-margin-right-mobile, 0px); margin-bottom: var(--t12599-margin-bottom-mobile, 0px); margin-left: var(--t12599-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--t12599-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--t12599-iconWidth,20px); min-width: var(--t12599-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--t12599-iconGap-tablet); svg { width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--t12599-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-20anlv"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --20anlv-typography: p2; --20anlv-typography-tablet: p2; --20anlv-typography-mobile: p2; --20anlv-margin-top: 12px; --20anlv-margin-top-tablet: 12px; --20anlv-margin-top-mobile: 12px; --20anlv-margin-right: 0px; --20anlv-margin-right-tablet: 0px; --20anlv-margin-right-mobile: 0px; --20anlv-margin-bottom: 0px; --20anlv-margin-bottom-tablet: 0px; --20anlv-margin-bottom-mobile: 0px; --20anlv-margin-left: 0px; --20anlv-margin-left-tablet: 0px; --20anlv-margin-left-mobile: 0px; }[data-bnode="omnise-20anlv"] { margin-top: var(--20anlv-margin-top, 0px); margin-right: var(--20anlv-margin-right, 0px); margin-bottom: var(--20anlv-margin-bottom, 0px); margin-left: var(--20anlv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--20anlv-margin-top-tablet, 0px); margin-right: var(--20anlv-margin-right-tablet, 0px); margin-bottom: var(--20anlv-margin-bottom-tablet, 0px); margin-left: var(--20anlv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--20anlv-margin-top-mobile, 0px); margin-right: var(--20anlv-margin-right-mobile, 0px); margin-bottom: var(--20anlv-margin-bottom-mobile, 0px); margin-left: var(--20anlv-margin-left-mobile, 0px); } }[data-bnode="omnise-us1jzx"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --us1jzx-priceType: salePrice; --us1jzx-priceType-tablet: salePrice; --us1jzx-priceType-mobile: salePrice; --us1jzx-decoration: line-through; --us1jzx-decoration-tablet: line-through; --us1jzx-decoration-mobile: line-through; --us1jzx-typography: p2; --us1jzx-typography-tablet: p2; --us1jzx-typography-mobile: p2; --us1jzx-comparePriceColor: #181818; --us1jzx-comparePriceColor-tablet: #181818; --us1jzx-comparePriceColor-mobile: #181818; --us1jzx-salePriceColor: #C13C18; --us1jzx-salePriceColor-tablet: #C13C18; --us1jzx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-us1jzx"] { margin-top: var(--us1jzx-margin-top, 0px); margin-right: var(--us1jzx-margin-right, 0px); margin-bottom: var(--us1jzx-margin-bottom, 0px); margin-left: var(--us1jzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us1jzx-margin-top-tablet, 0px); margin-right: var(--us1jzx-margin-right-tablet, 0px); margin-bottom: var(--us1jzx-margin-bottom-tablet, 0px); margin-left: var(--us1jzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us1jzx-margin-top-mobile, 0px); margin-right: var(--us1jzx-margin-right-mobile, 0px); margin-bottom: var(--us1jzx-margin-bottom-mobile, 0px); margin-left: var(--us1jzx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--us1jzx-comparePriceColor); text-decoration: var(--us1jzx-decoration, none); font-size: calc(var(--us1jzx-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--us1jzx-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2ry7rx"] { background: #FFFFFF; } [data-bnode="omnise-2ry7rx"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2ry7rx"] {                gap: 4px;     }  }[data-bnode="omnise-e0gkz7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e0gkz7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e0gkz7"] {                     }  }[data-bnode="omnise-8b2o5t"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {      }  } [data-bnode="omnise-8b2o5t"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-8b2o5t"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-vi1h8o"] { --vi1h8o-typography: p; --vi1h8o-typography-tablet: p; --vi1h8o-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vi1h8o-paddingX: 0; --vi1h8o-paddingX-tablet: 0; --vi1h8o-paddingX-mobile: 0; --vi1h8o-paddingY: 2px; --vi1h8o-paddingY-tablet: 2px; --vi1h8o-paddingY-mobile: 2px; --vi1h8o-gap: 16px; --vi1h8o-gap-tablet: 16px; --vi1h8o-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-text-transform: capitalize; --omnise-p-line-height-mobile: 1.4; }[data-bnode="omnise-vi1h8o"] { margin-top: var(--vi1h8o-margin-top, 0px); margin-right: var(--vi1h8o-margin-right, 0px); margin-bottom: var(--vi1h8o-margin-bottom, 0px); margin-left: var(--vi1h8o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vi1h8o-margin-top-tablet, 0px); margin-right: var(--vi1h8o-margin-right-tablet, 0px); margin-bottom: var(--vi1h8o-margin-bottom-tablet, 0px); margin-left: var(--vi1h8o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vi1h8o-margin-top-mobile, 0px); margin-right: var(--vi1h8o-margin-right-mobile, 0px); margin-bottom: var(--vi1h8o-margin-bottom-mobile, 0px); margin-left: var(--vi1h8o-margin-left-mobile, 0px); } }[data-bnode="omnise-nsuh8w"] { --nsuh8w-borderStyle: none; --nsuh8w-borderStyle-tablet: none; --nsuh8w-borderStyle-mobile: none; --nsuh8w-borderColor: #000000; --nsuh8w-borderColor-tablet: #000000; --nsuh8w-borderColor-mobile: #000000; --nsuh8w-borderWidth: 1px; --nsuh8w-borderWidth-tablet: 1px; --nsuh8w-borderWidth-mobile: 1px; --nsuh8w-shadowHorizontal: 0; --nsuh8w-shadowHorizontal-tablet: 0; --nsuh8w-shadowHorizontal-mobile: 0; --nsuh8w-shadowVertical: 0; --nsuh8w-shadowVertical-tablet: 0; --nsuh8w-shadowVertical-mobile: 0; --nsuh8w-shadowBlur: 0; --nsuh8w-shadowBlur-tablet: 0; --nsuh8w-shadowBlur-mobile: 0; --nsuh8w-shadowColor: #000000; --nsuh8w-shadowColor-tablet: #000000; --nsuh8w-shadowColor-mobile: #000000; --nsuh8w-padding-top: 0px; --nsuh8w-padding-top-tablet: 0px; --nsuh8w-padding-top-mobile: 0px; --nsuh8w-padding-right: 0px; --nsuh8w-padding-right-tablet: 0px; --nsuh8w-padding-right-mobile: 0px; --nsuh8w-padding-bottom: 0px; --nsuh8w-padding-bottom-tablet: 0px; --nsuh8w-padding-bottom-mobile: 0px; --nsuh8w-padding-left: 0px; --nsuh8w-padding-left-tablet: 0px; --nsuh8w-padding-left-mobile: 0px; --nsuh8w-enableShadow: false; --nsuh8w-enableShadow-tablet: false; --nsuh8w-enableShadow-mobile: false; --nsuh8w-imageRatio: 5/7; --nsuh8w-imageRatio-tablet: 5/7; --nsuh8w-imageRatio-mobile: 3/4; --nsuh8w-borderRadius-tl: 0px; --nsuh8w-borderRadius-tl-tablet: 0px; --nsuh8w-borderRadius-tl-mobile: 0px; --nsuh8w-borderRadius-tr: 0px; --nsuh8w-borderRadius-tr-tablet: 0px; --nsuh8w-borderRadius-tr-mobile: 0px; --nsuh8w-borderRadius-bl: 0px; --nsuh8w-borderRadius-bl-tablet: 0px; --nsuh8w-borderRadius-bl-mobile: 0px; --nsuh8w-borderRadius-br: 0px; --nsuh8w-borderRadius-br-tablet: 0px; --nsuh8w-borderRadius-br-mobile: 0px; }[data-bnode="omnise-nsuh8w"] { margin-top: var(--nsuh8w-margin-top, 0px); margin-right: var(--nsuh8w-margin-right, 0px); margin-bottom: var(--nsuh8w-margin-bottom, 0px); margin-left: var(--nsuh8w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nsuh8w-margin-top-tablet, 0px); margin-right: var(--nsuh8w-margin-right-tablet, 0px); margin-bottom: var(--nsuh8w-margin-bottom-tablet, 0px); margin-left: var(--nsuh8w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nsuh8w-margin-top-mobile, 0px); margin-right: var(--nsuh8w-margin-right-mobile, 0px); margin-bottom: var(--nsuh8w-margin-bottom-mobile, 0px); margin-left: var(--nsuh8w-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--nsuh8w-imageRatio, auto); overflow: hidden; border-style: var(--nsuh8w-borderStyle, solid); border-color: var(--nsuh8w-borderColor, var(--omnise-card-media-border-color)); border-width: var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width)) var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius)) var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--nsuh8w-shadowHorizontal, var(--omnise-card-shadow-x)) var(--nsuh8w-shadowVertical, var(--omnise-card-shadow-y)) var(--nsuh8w-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--nsuh8w-shadowColor, var(--omnise-card-media-shadow-color)) var(--nsuh8w-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--nsuh8w-imageRatio-tablet, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-tablet, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-tablet, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-tablet, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-tablet, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-tablet, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-tablet, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-tablet, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-tablet, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-tablet, var(--nsuh8w-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--nsuh8w-imageRatio-mobile, var(--nsuh8w-imageRatio, auto)); border-width: var(--nsuh8w-borderWidth-tl-mobile, var(--nsuh8w-borderWidth-tl, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-tr-mobile, var(--nsuh8w-borderWidth-tr, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-br-mobile, var(--nsuh8w-borderWidth-br, var(--omnise-card-border-width))) var(--nsuh8w-borderWidth-bl-mobile, var(--nsuh8w-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--nsuh8w-borderRadius-tl-mobile, var(--nsuh8w-borderRadius-tl, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-tr-mobile, var(--nsuh8w-borderRadius-tr, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-br-mobile, var(--nsuh8w-borderRadius-br, var(--omnise-card-border-radius))) var(--nsuh8w-borderRadius-bl-mobile, var(--nsuh8w-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--nsuh8w-max-width-mobile, var(--nsuh8w-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-tdih7k"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {      }  } [data-bnode="omnise-tdih7k"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-tdih7k"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-tdih7k"] {                     }  }[data-bnode="omnise-t12599"] { --t12599-width: fill; --t12599-width-tablet: fill; --t12599-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --t12599-transform: none; --t12599-transform-tablet: none; --t12599-transform-mobile: none; --t12599-iconWidth: 20px; --t12599-iconWidth-tablet: 20px; --t12599-iconWidth-mobile: 20px; --t12599-iconGap: 5px; --t12599-iconGap-tablet: 5px; --t12599-iconGap-mobile: 5px; --t12599-button: pr; --t12599-button-tablet: pr; --t12599-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-t12599"] { margin-top: var(--t12599-margin-top, 0px); margin-right: var(--t12599-margin-right, 0px); margin-bottom: var(--t12599-margin-bottom, 0px); margin-left: var(--t12599-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t12599-margin-top-tablet, 0px); margin-right: var(--t12599-margin-right-tablet, 0px); margin-bottom: var(--t12599-margin-bottom-tablet, 0px); margin-left: var(--t12599-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t12599-margin-top-mobile, 0px); margin-right: var(--t12599-margin-right-mobile, 0px); margin-bottom: var(--t12599-margin-bottom-mobile, 0px); margin-left: var(--t12599-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--t12599-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--t12599-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--t12599-bgBtnHover)) * 1%)); style(--t12599-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--t12599-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--t12599-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--t12599-borderBtnHover)) * 1%)); style(--t12599-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--t12599-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--t12599-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--t12599-labelBtnHover)) * 1%)); style(--t12599-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--t12599-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--t12599-iconWidth,20px); min-width: var(--t12599-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--t12599-iconGap-tablet); svg { width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-tablet,var(--t12599-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--t12599-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); min-width: var(--t12599-iconWidth-mobile,var(--t12599-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-20anlv"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --20anlv-typography: p2; --20anlv-typography-tablet: p2; --20anlv-typography-mobile: p2; --20anlv-margin-top: 12px; --20anlv-margin-top-tablet: 12px; --20anlv-margin-top-mobile: 12px; --20anlv-margin-right: 0px; --20anlv-margin-right-tablet: 0px; --20anlv-margin-right-mobile: 0px; --20anlv-margin-bottom: 0px; --20anlv-margin-bottom-tablet: 0px; --20anlv-margin-bottom-mobile: 0px; --20anlv-margin-left: 0px; --20anlv-margin-left-tablet: 0px; --20anlv-margin-left-mobile: 0px; }[data-bnode="omnise-20anlv"] { margin-top: var(--20anlv-margin-top, 0px); margin-right: var(--20anlv-margin-right, 0px); margin-bottom: var(--20anlv-margin-bottom, 0px); margin-left: var(--20anlv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--20anlv-margin-top-tablet, 0px); margin-right: var(--20anlv-margin-right-tablet, 0px); margin-bottom: var(--20anlv-margin-bottom-tablet, 0px); margin-left: var(--20anlv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--20anlv-margin-top-mobile, 0px); margin-right: var(--20anlv-margin-right-mobile, 0px); margin-bottom: var(--20anlv-margin-bottom-mobile, 0px); margin-left: var(--20anlv-margin-left-mobile, 0px); } }[data-bnode="omnise-us1jzx"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --us1jzx-priceType: salePrice; --us1jzx-priceType-tablet: salePrice; --us1jzx-priceType-mobile: salePrice; --us1jzx-decoration: line-through; --us1jzx-decoration-tablet: line-through; --us1jzx-decoration-mobile: line-through; --us1jzx-typography: p2; --us1jzx-typography-tablet: p2; --us1jzx-typography-mobile: p2; --us1jzx-comparePriceColor: #181818; --us1jzx-comparePriceColor-tablet: #181818; --us1jzx-comparePriceColor-mobile: #181818; --us1jzx-salePriceColor: #C13C18; --us1jzx-salePriceColor-tablet: #C13C18; --us1jzx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-us1jzx"] { margin-top: var(--us1jzx-margin-top, 0px); margin-right: var(--us1jzx-margin-right, 0px); margin-bottom: var(--us1jzx-margin-bottom, 0px); margin-left: var(--us1jzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us1jzx-margin-top-tablet, 0px); margin-right: var(--us1jzx-margin-right-tablet, 0px); margin-bottom: var(--us1jzx-margin-bottom-tablet, 0px); margin-left: var(--us1jzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us1jzx-margin-top-mobile, 0px); margin-right: var(--us1jzx-margin-right-mobile, 0px); margin-bottom: var(--us1jzx-margin-bottom-mobile, 0px); margin-left: var(--us1jzx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--us1jzx-comparePriceColor); text-decoration: var(--us1jzx-decoration, none); font-size: calc(var(--us1jzx-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--us1jzx-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2aaecu"] { &.omnise-slot { position: relative; aspect-ratio: var(--background-imageRatio, auto); background: var(--background-color); border-style: var(--borderStyle, solid); border-color: var(--borderColor, #000000); border-width: var(--borderWidth-tl, 0px) var(--borderWidth-tr, 0px) var(--borderWidth-br, 0px) var(--borderWidth-bl, 0px); border-radius: var(--borderRadius-tl, 0px) var(--borderRadius-tr, 0px) var(--borderRadius-br, 0px) var(--borderRadius-bl, 0px); box-shadow: if( style(--enableShadow: true): var(--shadowHorizontal, 0) var(--shadowVertical, 0) var(--shadowBlur, 0) 1px var(--shadowColor, #000000) ; else: none ); max-width: var(--max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var( --background-imageRatio-tablet, var(--background-imageRatio, auto) ); border-width: var(--borderWidth-tl-tablet, 0px) var(--borderWidth-tr-tablet, 0px) var(--borderWidth-br-tablet, 0px) var(--borderWidth-bl-tablet, 0px); border-radius: var(--borderRadius-tl-tablet, 0px) var(--borderRadius-tr-tablet, 0px) var(--borderRadius-br-tablet, 0px) var(--borderRadius-bl-tablet, 0px); max-width: var(--max-width-tablet, var(--max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var( --background-imageRatio-mobile, var(--background-imageRatio, auto) ); border-width: var(--borderWidth-tl-mobile, 0px) var(--borderWidth-tr-mobile, 0px) var(--borderWidth-br-mobile, 0px) var(--borderWidth-bl-mobile, 0px); border-radius: var(--borderRadius-tl-mobile, 0px) var(--borderRadius-tr-mobile, 0px) var(--borderRadius-br-mobile, 0px) var(--borderRadius-bl-mobile, 0px); max-width: var(--max-width-mobile, var(--max-width, 100%)); } > * { position: relative; z-index: 1; } > .omnise-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } @media (min-width: 767px){ display: none; } } }[data-bnode="omnise-2aaecu"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2aaecu"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-2aaecu"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-277ptx"] { --277ptx-width: fill; --277ptx-width-tablet: fill; --277ptx-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-te-label-color: #1E1E1E; --omnise-btn-text-transform: capitalize; --277ptx-iconWidth: 20px; --277ptx-iconWidth-tablet: 20px; --277ptx-iconWidth-mobile: 20px; --277ptx-iconGap: 5px; --277ptx-iconGap-tablet: 5px; --277ptx-iconGap-mobile: 5px; --277ptx-labelBtnHover: -25; --277ptx-labelBtnHover-tablet: -25; --277ptx-labelBtnHover-mobile: -25; --277ptx-button: te; --277ptx-button-tablet: te; --277ptx-button-mobile: te; }[data-bnode="omnise-277ptx"] { margin-top: var(--277ptx-margin-top, 0px); margin-right: var(--277ptx-margin-right, 0px); margin-bottom: var(--277ptx-margin-bottom, 0px); margin-left: var(--277ptx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--277ptx-margin-top-tablet, 0px); margin-right: var(--277ptx-margin-right-tablet, 0px); margin-bottom: var(--277ptx-margin-bottom-tablet, 0px); margin-left: var(--277ptx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--277ptx-margin-top-mobile, 0px); margin-right: var(--277ptx-margin-right-mobile, 0px); margin-bottom: var(--277ptx-margin-bottom-mobile, 0px); margin-left: var(--277ptx-margin-left-mobile, 0px); } &{ gap:var(--277ptx-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--277ptx-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--277ptx-bgBtnHover)) * 1%)); style(--277ptx-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--277ptx-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--277ptx-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--277ptx-labelBtnHover)) * 1%)); style(--277ptx-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--277ptx-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--277ptx-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--277ptx-borderBtnHover)) * 1%)); style(--277ptx-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--277ptx-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--277ptx-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--277ptx-bgBtnHover)) * 1%)); style(--277ptx-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--277ptx-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--277ptx-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--277ptx-labelBtnHover)) * 1%)); style(--277ptx-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--277ptx-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--277ptx-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--277ptx-borderBtnHover)) * 1%)); style(--277ptx-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--277ptx-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--277ptx-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--277ptx-labelBtnHover)) * 1%)); style(--277ptx-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--277ptx-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--277ptx-iconWidth); } svg { width: var(--277ptx-iconWidth,20px); min-width: var(--277ptx-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--277ptx-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--277ptx-iconWidth-tablet, var(--277ptx-iconWidth)); } svg { width: var(--277ptx-iconWidth-tablet, var(--277ptx-iconWidth, 20px)); min-width: var(--277ptx-iconWidth-tablet, var(--277ptx-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--277ptx-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--277ptx-iconWidth-mobile, var(--277ptx-iconWidth)); } svg { width: var(--277ptx-iconWidth-mobile, var(--277ptx-iconWidth, 20px)); min-width: var(--277ptx-iconWidth-mobile, var(--277ptx-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }@media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-i7wvyg"] { padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-i7wvyg"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-i7wvyg"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-i7wvyg"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-i7wvyg"] {              align-items: center;        }  }[data-bnode="omnise-javrna"] {     flex-direction: row;   flex-wrap: nowrap;   justify-content: space-between;   align-items: flex-end;           &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-javrna"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-javrna"] {      flex-direction: column;     justify-content: center;   align-items: center;        }  }[data-bnode="omnise-bcfecy"] { --bcfecy-width: fill; --bcfecy-width-tablet: fill; --bcfecy-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-te-label-color: #1E1E1E; --omnise-btn-text-transform: inherit; --bcfecy-iconWidth: 20px; --bcfecy-iconWidth-tablet: 20px; --bcfecy-iconWidth-mobile: 20px; --bcfecy-iconGap: 5px; --bcfecy-iconGap-tablet: 5px; --bcfecy-iconGap-mobile: 5px; --bcfecy-labelBtnHover: -25; --bcfecy-labelBtnHover-tablet: -25; --bcfecy-labelBtnHover-mobile: -25; --bcfecy-button: te; --bcfecy-button-tablet: te; --bcfecy-button-mobile: te; }[data-bnode="omnise-bcfecy"] { margin-top: var(--bcfecy-margin-top, 0px); margin-right: var(--bcfecy-margin-right, 0px); margin-bottom: var(--bcfecy-margin-bottom, 0px); margin-left: var(--bcfecy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bcfecy-margin-top-tablet, 0px); margin-right: var(--bcfecy-margin-right-tablet, 0px); margin-bottom: var(--bcfecy-margin-bottom-tablet, 0px); margin-left: var(--bcfecy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bcfecy-margin-top-mobile, 0px); margin-right: var(--bcfecy-margin-right-mobile, 0px); margin-bottom: var(--bcfecy-margin-bottom-mobile, 0px); margin-left: var(--bcfecy-margin-left-mobile, 0px); } & { text-transform: var(--omnise-btn-text-transform); gap: var(--bcfecy-iconGap, 5px); &.omnise-btn-pr:hover { background-color: var(--bcfecy-bgPrHover, var(--omnise-btn-pr-background-hover)); color: var(--bcfecy-labelPrHover, var(--omnise-btn-pr-label-hover)); outline-color: var(--bcfecy-borderPrHover, var(--omnise-btn-pr-border-hover)); } &.omnise-btn-se:hover { background-color: var(--bcfecy-bgSeHover, var(--omnise-btn-se-background-hover)); color: var(--bcfecy-labelSeHover, var(--omnise-btn-se-label-hover)); outline-color: var(--bcfecy-borderSeHover, var(--omnise-btn-pr-border-hover)); } &.omnise-btn-te { text-decoration: var(--omnise-btn-te-underline); } &.omnise-btn-te:hover { color: var(--bcfecy-labelTeHover, var(--omnise-btn-te-label-hover)); } span { display: flex; font-size: var(--bcfecy-iconWidth); } svg { width: var(--bcfecy-iconWidth, 20px); min-width: var(--bcfecy-iconWidth, 20px); height: 100%; } @media (max-width: 767px){ display: none !important; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--bcfecy-iconGap-tablet); &:not(.omnise-btn-te) { height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span { font-size: var(--bcfecy-iconWidth-tablet, var(--bcfecy-iconWidth)); } svg { width: var(--bcfecy-iconWidth-tablet, var(--bcfecy-iconWidth)); min-width: var(--bcfecy-iconWidth-tablet, var(--bcfecy-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--bcfecy-iconGap-mobile); &:not(.omnise-btn-te) { height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span { font-size: var(--bcfecy-iconWidth-mobile, var(--bcfecy-iconWidth)); } svg { width: var(--bcfecy-iconWidth-mobile, var(--bcfecy-iconWidth)); min-width: var(--bcfecy-iconWidth-mobile, var(--bcfecy-iconWidth)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } }[data-bnode="omnise-7bj8x5"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 1px; padding-bottom: 0px; padding-left: 1px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-7bj8x5"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-7bj8x5"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 1px; padding-bottom: 0px; padding-left: 1px; } } [data-bnode="omnise-7bj8x5"] > .omnise-section-container{     width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-7bj8x5"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 32px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-7bj8x5"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 0px;     }  }@media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-8ebfrg"] { padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-8ebfrg"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-8ebfrg"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8ebfrg"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-8ebfrg"] {              align-items: center;   gap: 0px;     }  }[data-bnode="omnise-h4d54c"] { --omnise-eyebrow-font-size: 14px; --omnise-eyebrow-font-size-tablet: 14px; --omnise-eyebrow-font-size-mobile: 14px; --omnise-eyebrow-color: #8f8b2d; --omnise-eyebrow-font-family: IBM Plex Sans; --omnise-eyebrow-font-weight: 600; --omnise-eyebrow-line-height: 1.5; --omnise-eyebrow-line-height-tablet: 1.5; --omnise-eyebrow-line-height-mobile: 1.5; --omnise-eyebrow-letter-spacing: 0.14px; --omnise-eyebrow-letter-spacing-tablet: 0.14px; --omnise-eyebrow-letter-spacing-mobile: 0.14px; --omnise-eyebrow-text-transform: uppercase; --h4d54c-typography: eyebrow; --h4d54c-typography-tablet: eyebrow; --h4d54c-typography-mobile: eyebrow; --omnise-eyebrow-text-align: start; }[data-bnode="omnise-h4d54c"] { margin-top: var(--h4d54c-margin-top, 0px); margin-right: var(--h4d54c-margin-right, 0px); margin-bottom: var(--h4d54c-margin-bottom, 0px); margin-left: var(--h4d54c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h4d54c-margin-top-tablet, 0px); margin-right: var(--h4d54c-margin-right-tablet, 0px); margin-bottom: var(--h4d54c-margin-bottom-tablet, 0px); margin-left: var(--h4d54c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h4d54c-margin-top-mobile, 0px); margin-right: var(--h4d54c-margin-right-mobile, 0px); margin-bottom: var(--h4d54c-margin-bottom-mobile, 0px); margin-left: var(--h4d54c-margin-left-mobile, 0px); } }[data-bnode="omnise-lq70br"] { --lq70br-listType: slider; --lq70br-listType-tablet: slider; --lq70br-listType-mobile: slider; --lq70br-columns: 3; --lq70br-columns-tablet: 3; --lq70br-columns-mobile: 3; --lq70br-navType: true; --lq70br-navType-tablet: true; --lq70br-navType-mobile: true; --lq70br-navColor: #333333; --lq70br-navColor-tablet: #333333; --lq70br-navColor-mobile: #333333; --lq70br-pagiType: true; --lq70br-pagiType-tablet: true; --lq70br-pagiType-mobile: true; --lq70br-statePagination: normal; --lq70br-statePagination-tablet: normal; --lq70br-statePagination-mobile: normal; --lq70br-gap: 0px; --lq70br-gap-tablet: 0px; --lq70br-gap-mobile: 0px; --lq70br-columnsMobile-mobile: 2; }[data-bnode="omnise-lq70br"] { margin-top: var(--lq70br-margin-top, 0px); margin-right: var(--lq70br-margin-right, 0px); margin-bottom: var(--lq70br-margin-bottom, 0px); margin-left: var(--lq70br-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lq70br-margin-top-tablet, 0px); margin-right: var(--lq70br-margin-right-tablet, 0px); margin-bottom: var(--lq70br-margin-bottom-tablet, 0px); margin-left: var(--lq70br-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lq70br-margin-top-mobile, 0px); margin-right: var(--lq70br-margin-right-mobile, 0px); margin-bottom: var(--lq70br-margin-bottom-mobile, 0px); margin-left: var(--lq70br-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item>[data-bnode="be-ctl-item"] { height: 100%; &>.omnise-slot { height: 100%; } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--lq70br-gap, var(--omnise-grid-gap, 20px)); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--lq70br-gap, var(--omnise-grid-gap, 20px)) * (var(--lq70br-columns, 3) - 1) + 1px ) / var(--lq70br-columns, 3) ); &:last-child { margin-right: var(--lq70br-gap, var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { &[data-item="1"] { .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--lq70br-columns, 3), minmax(0, 1fr)); gap: var(--lq70br-gap, var(--omnise-grid-gap, 20px)); .omnise-slider-item { min-width: 0; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--lq70br-gap-tablet, var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--lq70br-gap-tablet, var(--omnise-grid-gap-tablet, 16px)) * (var(--lq70br-columns-tablet, 3) - 1) ) / var(--lq70br-columns-tablet, 3) ); &:last-child { margin-right: var(--lq70br-gap-tablet, var(--omnise-grid-gap-tablet, 16px) ); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { &[data-item-tablet="1"] { .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--lq70br-columns-tablet, 3), minmax(0, 1fr)); gap: var(--lq70br-gap-tablet, var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { min-width: 0; } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--lq70br-gap-mobile, var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--lq70br-gap-mobile, 20px) * (var(--lq70br-columnsMobile-mobile, 1) - 1) ) / var(--lq70br-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--lq70br-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { &[data-item-mobile="1"] { .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat( var(--lq70br-columnsMobile-mobile, 1), minmax(0, 1fr) ); gap: var(--lq70br-gap-mobile, var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { min-width: 0; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--lq70br-navPadding, 12px); background: var(--lq70br-navBg, #f5f5f5); color: var(--lq70br-navColor, #333333); cursor: pointer; &:hover { background: var(--lq70br-navBgHover, #cccccc); color: var(--lq70br-navColorHover, #333333); } svg { width: var(--lq70br-navIconSize, 20px); height: var(--lq70br-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--lq70br-pagiBg, #e6e6e6); &.active { background: var(--lq70br-pagiBgActive, #181818); } &:not(.active):hover { background: var(--lq70br-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--lq70br-pagiColor, #e6e6e6); &.active { color: var(--lq70br-pagiColorActive, #181818); } &:not(.active):hover { color: var(--lq70br-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--lq70br-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--lq70br-pagiBg, #e6e6e6); &.active { background: var(--lq70br-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--lq70br-pagiBgHover, #cccccc); } } .omnise-slider-pagination-wrp { margin-top: 20px; } } }[data-bnode="omnise-duc0e1"] { background: #FFFFFF; } [data-bnode="omnise-duc0e1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }[data-bnode="omnise-p1uc3k"] { --p1uc3k-borderStyle: none; --p1uc3k-borderStyle-tablet: none; --p1uc3k-borderStyle-mobile: none; --p1uc3k-borderColor: #000000; --p1uc3k-borderColor-tablet: #000000; --p1uc3k-borderColor-mobile: #000000; --p1uc3k-borderWidth: 1px; --p1uc3k-borderWidth-tablet: 1px; --p1uc3k-borderWidth-mobile: 1px; --p1uc3k-shadowHorizontal: 0; --p1uc3k-shadowHorizontal-tablet: 0; --p1uc3k-shadowHorizontal-mobile: 0; --p1uc3k-shadowVertical: 0; --p1uc3k-shadowVertical-tablet: 0; --p1uc3k-shadowVertical-mobile: 0; --p1uc3k-shadowBlur: 0; --p1uc3k-shadowBlur-tablet: 0; --p1uc3k-shadowBlur-mobile: 0; --p1uc3k-shadowColor: #000000; --p1uc3k-shadowColor-tablet: #000000; --p1uc3k-shadowColor-mobile: #000000; --p1uc3k-padding-top: 0px; --p1uc3k-padding-top-tablet: 0px; --p1uc3k-padding-top-mobile: 0px; --p1uc3k-padding-right: 0px; --p1uc3k-padding-right-tablet: 0px; --p1uc3k-padding-right-mobile: 0px; --p1uc3k-padding-bottom: 0px; --p1uc3k-padding-bottom-tablet: 0px; --p1uc3k-padding-bottom-mobile: 0px; --p1uc3k-padding-left: 0px; --p1uc3k-padding-left-tablet: 0px; --p1uc3k-padding-left-mobile: 0px; --p1uc3k-enableShadow: false; --p1uc3k-enableShadow-tablet: false; --p1uc3k-enableShadow-mobile: false; --p1uc3k-imageRatio: auto; --p1uc3k-imageRatio-tablet: auto; --p1uc3k-imageRatio-mobile: 2/3; --p1uc3k-borderRadius-tl: 0px; --p1uc3k-borderRadius-tl-tablet: 0px; --p1uc3k-borderRadius-tl-mobile: 0px; --p1uc3k-borderRadius-tr: 0px; --p1uc3k-borderRadius-tr-tablet: 0px; --p1uc3k-borderRadius-tr-mobile: 0px; --p1uc3k-borderRadius-bl: 0px; --p1uc3k-borderRadius-bl-tablet: 0px; --p1uc3k-borderRadius-bl-mobile: 0px; --p1uc3k-borderRadius-br: 0px; --p1uc3k-borderRadius-br-tablet: 0px; --p1uc3k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-p1uc3k"] { margin-top: var(--p1uc3k-margin-top, 0px); margin-right: var(--p1uc3k-margin-right, 0px); margin-bottom: var(--p1uc3k-margin-bottom, 0px); margin-left: var(--p1uc3k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p1uc3k-margin-top-tablet, 0px); margin-right: var(--p1uc3k-margin-right-tablet, 0px); margin-bottom: var(--p1uc3k-margin-bottom-tablet, 0px); margin-left: var(--p1uc3k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p1uc3k-margin-top-mobile, 0px); margin-right: var(--p1uc3k-margin-right-mobile, 0px); margin-bottom: var(--p1uc3k-margin-bottom-mobile, 0px); margin-left: var(--p1uc3k-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--p1uc3k-imageRatio, auto); overflow: hidden; border-style: var(--p1uc3k-borderStyle, solid); border-color: var(--p1uc3k-borderColor, var(--omnise-card-media-border-color)); border-width: var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--p1uc3k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--p1uc3k-shadowVertical, var(--omnise-card-shadow-y)) var(--p1uc3k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--p1uc3k-shadowColor, var(--omnise-card-media-shadow-color)) var(--p1uc3k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--p1uc3k-imageRatio-tablet, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-tablet, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-tablet, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-tablet, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-tablet, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-tablet, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-tablet, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-tablet, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-tablet, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-tablet, var(--p1uc3k-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--p1uc3k-imageRatio-mobile, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-mobile, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-mobile, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-mobile, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-mobile, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-mobile, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-mobile, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-mobile, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-mobile, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-mobile, var(--p1uc3k-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-mknm9d"] { --omnise-h3-font-size-mobile: 17px; --mknm9d-margin-top: 0px; --mknm9d-margin-top-tablet: 0px; --mknm9d-margin-top-mobile: 0px; --mknm9d-margin-right: 0px; --mknm9d-margin-right-tablet: 0px; --mknm9d-margin-right-mobile: 0px; --mknm9d-margin-bottom: 0px; --mknm9d-margin-bottom-tablet: 0px; --mknm9d-margin-bottom-mobile: 0px; --mknm9d-margin-left: 0px; --mknm9d-margin-left-tablet: 0px; --mknm9d-margin-left-mobile: 0px; }[data-bnode="omnise-mknm9d"] { margin-top: var(--mknm9d-margin-top, 0px); margin-right: var(--mknm9d-margin-right, 0px); margin-bottom: var(--mknm9d-margin-bottom, 0px); margin-left: var(--mknm9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mknm9d-margin-top-tablet, 0px); margin-right: var(--mknm9d-margin-right-tablet, 0px); margin-bottom: var(--mknm9d-margin-bottom-tablet, 0px); margin-left: var(--mknm9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mknm9d-margin-top-mobile, 0px); margin-right: var(--mknm9d-margin-right-mobile, 0px); margin-bottom: var(--mknm9d-margin-bottom-mobile, 0px); margin-left: var(--mknm9d-margin-left-mobile, 0px); } }[data-bnode="omnise-ohfjca"] { --ohfjca-priceType: comparePrice; --ohfjca-priceType-tablet: comparePrice; --ohfjca-priceType-mobile: comparePrice; --ohfjca-decoration: line-through; --ohfjca-decoration-tablet: line-through; --ohfjca-decoration-mobile: line-through; --omnise-p-color: #c13c18; }[data-bnode="omnise-ohfjca"] { margin-top: var(--ohfjca-margin-top, 0px); margin-right: var(--ohfjca-margin-right, 0px); margin-bottom: var(--ohfjca-margin-bottom, 0px); margin-left: var(--ohfjca-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ohfjca-margin-top-tablet, 0px); margin-right: var(--ohfjca-margin-right-tablet, 0px); margin-bottom: var(--ohfjca-margin-bottom-tablet, 0px); margin-left: var(--ohfjca-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ohfjca-margin-top-mobile, 0px); margin-right: var(--ohfjca-margin-right-mobile, 0px); margin-bottom: var(--ohfjca-margin-bottom-mobile, 0px); margin-left: var(--ohfjca-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ohfjca-comparePriceColor); text-decoration: var(--ohfjca-decoration,none); font-size: calc(var(--ohfjca-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ohfjca-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-duc0e1"] { background: #FFFFFF; } [data-bnode="omnise-duc0e1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }[data-bnode="omnise-p1uc3k"] { --p1uc3k-borderStyle: none; --p1uc3k-borderStyle-tablet: none; --p1uc3k-borderStyle-mobile: none; --p1uc3k-borderColor: #000000; --p1uc3k-borderColor-tablet: #000000; --p1uc3k-borderColor-mobile: #000000; --p1uc3k-borderWidth: 1px; --p1uc3k-borderWidth-tablet: 1px; --p1uc3k-borderWidth-mobile: 1px; --p1uc3k-shadowHorizontal: 0; --p1uc3k-shadowHorizontal-tablet: 0; --p1uc3k-shadowHorizontal-mobile: 0; --p1uc3k-shadowVertical: 0; --p1uc3k-shadowVertical-tablet: 0; --p1uc3k-shadowVertical-mobile: 0; --p1uc3k-shadowBlur: 0; --p1uc3k-shadowBlur-tablet: 0; --p1uc3k-shadowBlur-mobile: 0; --p1uc3k-shadowColor: #000000; --p1uc3k-shadowColor-tablet: #000000; --p1uc3k-shadowColor-mobile: #000000; --p1uc3k-padding-top: 0px; --p1uc3k-padding-top-tablet: 0px; --p1uc3k-padding-top-mobile: 0px; --p1uc3k-padding-right: 0px; --p1uc3k-padding-right-tablet: 0px; --p1uc3k-padding-right-mobile: 0px; --p1uc3k-padding-bottom: 0px; --p1uc3k-padding-bottom-tablet: 0px; --p1uc3k-padding-bottom-mobile: 0px; --p1uc3k-padding-left: 0px; --p1uc3k-padding-left-tablet: 0px; --p1uc3k-padding-left-mobile: 0px; --p1uc3k-enableShadow: false; --p1uc3k-enableShadow-tablet: false; --p1uc3k-enableShadow-mobile: false; --p1uc3k-imageRatio: auto; --p1uc3k-imageRatio-tablet: auto; --p1uc3k-imageRatio-mobile: 2/3; --p1uc3k-borderRadius-tl: 0px; --p1uc3k-borderRadius-tl-tablet: 0px; --p1uc3k-borderRadius-tl-mobile: 0px; --p1uc3k-borderRadius-tr: 0px; --p1uc3k-borderRadius-tr-tablet: 0px; --p1uc3k-borderRadius-tr-mobile: 0px; --p1uc3k-borderRadius-bl: 0px; --p1uc3k-borderRadius-bl-tablet: 0px; --p1uc3k-borderRadius-bl-mobile: 0px; --p1uc3k-borderRadius-br: 0px; --p1uc3k-borderRadius-br-tablet: 0px; --p1uc3k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-p1uc3k"] { margin-top: var(--p1uc3k-margin-top, 0px); margin-right: var(--p1uc3k-margin-right, 0px); margin-bottom: var(--p1uc3k-margin-bottom, 0px); margin-left: var(--p1uc3k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p1uc3k-margin-top-tablet, 0px); margin-right: var(--p1uc3k-margin-right-tablet, 0px); margin-bottom: var(--p1uc3k-margin-bottom-tablet, 0px); margin-left: var(--p1uc3k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p1uc3k-margin-top-mobile, 0px); margin-right: var(--p1uc3k-margin-right-mobile, 0px); margin-bottom: var(--p1uc3k-margin-bottom-mobile, 0px); margin-left: var(--p1uc3k-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--p1uc3k-imageRatio, auto); overflow: hidden; border-style: var(--p1uc3k-borderStyle, solid); border-color: var(--p1uc3k-borderColor, var(--omnise-card-media-border-color)); border-width: var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--p1uc3k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--p1uc3k-shadowVertical, var(--omnise-card-shadow-y)) var(--p1uc3k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--p1uc3k-shadowColor, var(--omnise-card-media-shadow-color)) var(--p1uc3k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--p1uc3k-imageRatio-tablet, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-tablet, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-tablet, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-tablet, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-tablet, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-tablet, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-tablet, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-tablet, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-tablet, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-tablet, var(--p1uc3k-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--p1uc3k-imageRatio-mobile, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-mobile, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-mobile, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-mobile, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-mobile, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-mobile, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-mobile, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-mobile, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-mobile, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-mobile, var(--p1uc3k-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-mknm9d"] { --omnise-h3-font-size-mobile: 17px; --mknm9d-margin-top: 0px; --mknm9d-margin-top-tablet: 0px; --mknm9d-margin-top-mobile: 0px; --mknm9d-margin-right: 0px; --mknm9d-margin-right-tablet: 0px; --mknm9d-margin-right-mobile: 0px; --mknm9d-margin-bottom: 0px; --mknm9d-margin-bottom-tablet: 0px; --mknm9d-margin-bottom-mobile: 0px; --mknm9d-margin-left: 0px; --mknm9d-margin-left-tablet: 0px; --mknm9d-margin-left-mobile: 0px; }[data-bnode="omnise-mknm9d"] { margin-top: var(--mknm9d-margin-top, 0px); margin-right: var(--mknm9d-margin-right, 0px); margin-bottom: var(--mknm9d-margin-bottom, 0px); margin-left: var(--mknm9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mknm9d-margin-top-tablet, 0px); margin-right: var(--mknm9d-margin-right-tablet, 0px); margin-bottom: var(--mknm9d-margin-bottom-tablet, 0px); margin-left: var(--mknm9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mknm9d-margin-top-mobile, 0px); margin-right: var(--mknm9d-margin-right-mobile, 0px); margin-bottom: var(--mknm9d-margin-bottom-mobile, 0px); margin-left: var(--mknm9d-margin-left-mobile, 0px); } }[data-bnode="omnise-ohfjca"] { --ohfjca-priceType: comparePrice; --ohfjca-priceType-tablet: comparePrice; --ohfjca-priceType-mobile: comparePrice; --ohfjca-decoration: line-through; --ohfjca-decoration-tablet: line-through; --ohfjca-decoration-mobile: line-through; --omnise-p-color: #c13c18; }[data-bnode="omnise-ohfjca"] { margin-top: var(--ohfjca-margin-top, 0px); margin-right: var(--ohfjca-margin-right, 0px); margin-bottom: var(--ohfjca-margin-bottom, 0px); margin-left: var(--ohfjca-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ohfjca-margin-top-tablet, 0px); margin-right: var(--ohfjca-margin-right-tablet, 0px); margin-bottom: var(--ohfjca-margin-bottom-tablet, 0px); margin-left: var(--ohfjca-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ohfjca-margin-top-mobile, 0px); margin-right: var(--ohfjca-margin-right-mobile, 0px); margin-bottom: var(--ohfjca-margin-bottom-mobile, 0px); margin-left: var(--ohfjca-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ohfjca-comparePriceColor); text-decoration: var(--ohfjca-decoration,none); font-size: calc(var(--ohfjca-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ohfjca-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-duc0e1"] { background: #FFFFFF; } [data-bnode="omnise-duc0e1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }[data-bnode="omnise-p1uc3k"] { --p1uc3k-borderStyle: none; --p1uc3k-borderStyle-tablet: none; --p1uc3k-borderStyle-mobile: none; --p1uc3k-borderColor: #000000; --p1uc3k-borderColor-tablet: #000000; --p1uc3k-borderColor-mobile: #000000; --p1uc3k-borderWidth: 1px; --p1uc3k-borderWidth-tablet: 1px; --p1uc3k-borderWidth-mobile: 1px; --p1uc3k-shadowHorizontal: 0; --p1uc3k-shadowHorizontal-tablet: 0; --p1uc3k-shadowHorizontal-mobile: 0; --p1uc3k-shadowVertical: 0; --p1uc3k-shadowVertical-tablet: 0; --p1uc3k-shadowVertical-mobile: 0; --p1uc3k-shadowBlur: 0; --p1uc3k-shadowBlur-tablet: 0; --p1uc3k-shadowBlur-mobile: 0; --p1uc3k-shadowColor: #000000; --p1uc3k-shadowColor-tablet: #000000; --p1uc3k-shadowColor-mobile: #000000; --p1uc3k-padding-top: 0px; --p1uc3k-padding-top-tablet: 0px; --p1uc3k-padding-top-mobile: 0px; --p1uc3k-padding-right: 0px; --p1uc3k-padding-right-tablet: 0px; --p1uc3k-padding-right-mobile: 0px; --p1uc3k-padding-bottom: 0px; --p1uc3k-padding-bottom-tablet: 0px; --p1uc3k-padding-bottom-mobile: 0px; --p1uc3k-padding-left: 0px; --p1uc3k-padding-left-tablet: 0px; --p1uc3k-padding-left-mobile: 0px; --p1uc3k-enableShadow: false; --p1uc3k-enableShadow-tablet: false; --p1uc3k-enableShadow-mobile: false; --p1uc3k-imageRatio: auto; --p1uc3k-imageRatio-tablet: auto; --p1uc3k-imageRatio-mobile: 2/3; --p1uc3k-borderRadius-tl: 0px; --p1uc3k-borderRadius-tl-tablet: 0px; --p1uc3k-borderRadius-tl-mobile: 0px; --p1uc3k-borderRadius-tr: 0px; --p1uc3k-borderRadius-tr-tablet: 0px; --p1uc3k-borderRadius-tr-mobile: 0px; --p1uc3k-borderRadius-bl: 0px; --p1uc3k-borderRadius-bl-tablet: 0px; --p1uc3k-borderRadius-bl-mobile: 0px; --p1uc3k-borderRadius-br: 0px; --p1uc3k-borderRadius-br-tablet: 0px; --p1uc3k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-p1uc3k"] { margin-top: var(--p1uc3k-margin-top, 0px); margin-right: var(--p1uc3k-margin-right, 0px); margin-bottom: var(--p1uc3k-margin-bottom, 0px); margin-left: var(--p1uc3k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p1uc3k-margin-top-tablet, 0px); margin-right: var(--p1uc3k-margin-right-tablet, 0px); margin-bottom: var(--p1uc3k-margin-bottom-tablet, 0px); margin-left: var(--p1uc3k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p1uc3k-margin-top-mobile, 0px); margin-right: var(--p1uc3k-margin-right-mobile, 0px); margin-bottom: var(--p1uc3k-margin-bottom-mobile, 0px); margin-left: var(--p1uc3k-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--p1uc3k-imageRatio, auto); overflow: hidden; border-style: var(--p1uc3k-borderStyle, solid); border-color: var(--p1uc3k-borderColor, var(--omnise-card-media-border-color)); border-width: var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--p1uc3k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--p1uc3k-shadowVertical, var(--omnise-card-shadow-y)) var(--p1uc3k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--p1uc3k-shadowColor, var(--omnise-card-media-shadow-color)) var(--p1uc3k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--p1uc3k-imageRatio-tablet, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-tablet, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-tablet, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-tablet, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-tablet, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-tablet, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-tablet, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-tablet, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-tablet, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-tablet, var(--p1uc3k-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--p1uc3k-imageRatio-mobile, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-mobile, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-mobile, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-mobile, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-mobile, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-mobile, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-mobile, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-mobile, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-mobile, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-mobile, var(--p1uc3k-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-mknm9d"] { --omnise-h3-font-size-mobile: 17px; --mknm9d-margin-top: 0px; --mknm9d-margin-top-tablet: 0px; --mknm9d-margin-top-mobile: 0px; --mknm9d-margin-right: 0px; --mknm9d-margin-right-tablet: 0px; --mknm9d-margin-right-mobile: 0px; --mknm9d-margin-bottom: 0px; --mknm9d-margin-bottom-tablet: 0px; --mknm9d-margin-bottom-mobile: 0px; --mknm9d-margin-left: 0px; --mknm9d-margin-left-tablet: 0px; --mknm9d-margin-left-mobile: 0px; }[data-bnode="omnise-mknm9d"] { margin-top: var(--mknm9d-margin-top, 0px); margin-right: var(--mknm9d-margin-right, 0px); margin-bottom: var(--mknm9d-margin-bottom, 0px); margin-left: var(--mknm9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mknm9d-margin-top-tablet, 0px); margin-right: var(--mknm9d-margin-right-tablet, 0px); margin-bottom: var(--mknm9d-margin-bottom-tablet, 0px); margin-left: var(--mknm9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mknm9d-margin-top-mobile, 0px); margin-right: var(--mknm9d-margin-right-mobile, 0px); margin-bottom: var(--mknm9d-margin-bottom-mobile, 0px); margin-left: var(--mknm9d-margin-left-mobile, 0px); } }[data-bnode="omnise-ohfjca"] { --ohfjca-priceType: comparePrice; --ohfjca-priceType-tablet: comparePrice; --ohfjca-priceType-mobile: comparePrice; --ohfjca-decoration: line-through; --ohfjca-decoration-tablet: line-through; --ohfjca-decoration-mobile: line-through; --omnise-p-color: #c13c18; }[data-bnode="omnise-ohfjca"] { margin-top: var(--ohfjca-margin-top, 0px); margin-right: var(--ohfjca-margin-right, 0px); margin-bottom: var(--ohfjca-margin-bottom, 0px); margin-left: var(--ohfjca-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ohfjca-margin-top-tablet, 0px); margin-right: var(--ohfjca-margin-right-tablet, 0px); margin-bottom: var(--ohfjca-margin-bottom-tablet, 0px); margin-left: var(--ohfjca-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ohfjca-margin-top-mobile, 0px); margin-right: var(--ohfjca-margin-right-mobile, 0px); margin-bottom: var(--ohfjca-margin-bottom-mobile, 0px); margin-left: var(--ohfjca-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ohfjca-comparePriceColor); text-decoration: var(--ohfjca-decoration,none); font-size: calc(var(--ohfjca-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ohfjca-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-duc0e1"] { background: #FFFFFF; } [data-bnode="omnise-duc0e1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }[data-bnode="omnise-p1uc3k"] { --p1uc3k-borderStyle: none; --p1uc3k-borderStyle-tablet: none; --p1uc3k-borderStyle-mobile: none; --p1uc3k-borderColor: #000000; --p1uc3k-borderColor-tablet: #000000; --p1uc3k-borderColor-mobile: #000000; --p1uc3k-borderWidth: 1px; --p1uc3k-borderWidth-tablet: 1px; --p1uc3k-borderWidth-mobile: 1px; --p1uc3k-shadowHorizontal: 0; --p1uc3k-shadowHorizontal-tablet: 0; --p1uc3k-shadowHorizontal-mobile: 0; --p1uc3k-shadowVertical: 0; --p1uc3k-shadowVertical-tablet: 0; --p1uc3k-shadowVertical-mobile: 0; --p1uc3k-shadowBlur: 0; --p1uc3k-shadowBlur-tablet: 0; --p1uc3k-shadowBlur-mobile: 0; --p1uc3k-shadowColor: #000000; --p1uc3k-shadowColor-tablet: #000000; --p1uc3k-shadowColor-mobile: #000000; --p1uc3k-padding-top: 0px; --p1uc3k-padding-top-tablet: 0px; --p1uc3k-padding-top-mobile: 0px; --p1uc3k-padding-right: 0px; --p1uc3k-padding-right-tablet: 0px; --p1uc3k-padding-right-mobile: 0px; --p1uc3k-padding-bottom: 0px; --p1uc3k-padding-bottom-tablet: 0px; --p1uc3k-padding-bottom-mobile: 0px; --p1uc3k-padding-left: 0px; --p1uc3k-padding-left-tablet: 0px; --p1uc3k-padding-left-mobile: 0px; --p1uc3k-enableShadow: false; --p1uc3k-enableShadow-tablet: false; --p1uc3k-enableShadow-mobile: false; --p1uc3k-imageRatio: auto; --p1uc3k-imageRatio-tablet: auto; --p1uc3k-imageRatio-mobile: 2/3; --p1uc3k-borderRadius-tl: 0px; --p1uc3k-borderRadius-tl-tablet: 0px; --p1uc3k-borderRadius-tl-mobile: 0px; --p1uc3k-borderRadius-tr: 0px; --p1uc3k-borderRadius-tr-tablet: 0px; --p1uc3k-borderRadius-tr-mobile: 0px; --p1uc3k-borderRadius-bl: 0px; --p1uc3k-borderRadius-bl-tablet: 0px; --p1uc3k-borderRadius-bl-mobile: 0px; --p1uc3k-borderRadius-br: 0px; --p1uc3k-borderRadius-br-tablet: 0px; --p1uc3k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-p1uc3k"] { margin-top: var(--p1uc3k-margin-top, 0px); margin-right: var(--p1uc3k-margin-right, 0px); margin-bottom: var(--p1uc3k-margin-bottom, 0px); margin-left: var(--p1uc3k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p1uc3k-margin-top-tablet, 0px); margin-right: var(--p1uc3k-margin-right-tablet, 0px); margin-bottom: var(--p1uc3k-margin-bottom-tablet, 0px); margin-left: var(--p1uc3k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p1uc3k-margin-top-mobile, 0px); margin-right: var(--p1uc3k-margin-right-mobile, 0px); margin-bottom: var(--p1uc3k-margin-bottom-mobile, 0px); margin-left: var(--p1uc3k-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--p1uc3k-imageRatio, auto); overflow: hidden; border-style: var(--p1uc3k-borderStyle, solid); border-color: var(--p1uc3k-borderColor, var(--omnise-card-media-border-color)); border-width: var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--p1uc3k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--p1uc3k-shadowVertical, var(--omnise-card-shadow-y)) var(--p1uc3k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--p1uc3k-shadowColor, var(--omnise-card-media-shadow-color)) var(--p1uc3k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--p1uc3k-imageRatio-tablet, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-tablet, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-tablet, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-tablet, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-tablet, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-tablet, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-tablet, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-tablet, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-tablet, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-tablet, var(--p1uc3k-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--p1uc3k-imageRatio-mobile, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-mobile, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-mobile, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-mobile, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-mobile, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-mobile, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-mobile, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-mobile, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-mobile, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-mobile, var(--p1uc3k-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-mknm9d"] { --omnise-h3-font-size-mobile: 17px; --mknm9d-margin-top: 0px; --mknm9d-margin-top-tablet: 0px; --mknm9d-margin-top-mobile: 0px; --mknm9d-margin-right: 0px; --mknm9d-margin-right-tablet: 0px; --mknm9d-margin-right-mobile: 0px; --mknm9d-margin-bottom: 0px; --mknm9d-margin-bottom-tablet: 0px; --mknm9d-margin-bottom-mobile: 0px; --mknm9d-margin-left: 0px; --mknm9d-margin-left-tablet: 0px; --mknm9d-margin-left-mobile: 0px; }[data-bnode="omnise-mknm9d"] { margin-top: var(--mknm9d-margin-top, 0px); margin-right: var(--mknm9d-margin-right, 0px); margin-bottom: var(--mknm9d-margin-bottom, 0px); margin-left: var(--mknm9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mknm9d-margin-top-tablet, 0px); margin-right: var(--mknm9d-margin-right-tablet, 0px); margin-bottom: var(--mknm9d-margin-bottom-tablet, 0px); margin-left: var(--mknm9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mknm9d-margin-top-mobile, 0px); margin-right: var(--mknm9d-margin-right-mobile, 0px); margin-bottom: var(--mknm9d-margin-bottom-mobile, 0px); margin-left: var(--mknm9d-margin-left-mobile, 0px); } }[data-bnode="omnise-ohfjca"] { --ohfjca-priceType: comparePrice; --ohfjca-priceType-tablet: comparePrice; --ohfjca-priceType-mobile: comparePrice; --ohfjca-decoration: line-through; --ohfjca-decoration-tablet: line-through; --ohfjca-decoration-mobile: line-through; --omnise-p-color: #c13c18; }[data-bnode="omnise-ohfjca"] { margin-top: var(--ohfjca-margin-top, 0px); margin-right: var(--ohfjca-margin-right, 0px); margin-bottom: var(--ohfjca-margin-bottom, 0px); margin-left: var(--ohfjca-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ohfjca-margin-top-tablet, 0px); margin-right: var(--ohfjca-margin-right-tablet, 0px); margin-bottom: var(--ohfjca-margin-bottom-tablet, 0px); margin-left: var(--ohfjca-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ohfjca-margin-top-mobile, 0px); margin-right: var(--ohfjca-margin-right-mobile, 0px); margin-bottom: var(--ohfjca-margin-bottom-mobile, 0px); margin-left: var(--ohfjca-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ohfjca-comparePriceColor); text-decoration: var(--ohfjca-decoration,none); font-size: calc(var(--ohfjca-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ohfjca-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-duc0e1"] { background: #FFFFFF; } [data-bnode="omnise-duc0e1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }[data-bnode="omnise-p1uc3k"] { --p1uc3k-borderStyle: none; --p1uc3k-borderStyle-tablet: none; --p1uc3k-borderStyle-mobile: none; --p1uc3k-borderColor: #000000; --p1uc3k-borderColor-tablet: #000000; --p1uc3k-borderColor-mobile: #000000; --p1uc3k-borderWidth: 1px; --p1uc3k-borderWidth-tablet: 1px; --p1uc3k-borderWidth-mobile: 1px; --p1uc3k-shadowHorizontal: 0; --p1uc3k-shadowHorizontal-tablet: 0; --p1uc3k-shadowHorizontal-mobile: 0; --p1uc3k-shadowVertical: 0; --p1uc3k-shadowVertical-tablet: 0; --p1uc3k-shadowVertical-mobile: 0; --p1uc3k-shadowBlur: 0; --p1uc3k-shadowBlur-tablet: 0; --p1uc3k-shadowBlur-mobile: 0; --p1uc3k-shadowColor: #000000; --p1uc3k-shadowColor-tablet: #000000; --p1uc3k-shadowColor-mobile: #000000; --p1uc3k-padding-top: 0px; --p1uc3k-padding-top-tablet: 0px; --p1uc3k-padding-top-mobile: 0px; --p1uc3k-padding-right: 0px; --p1uc3k-padding-right-tablet: 0px; --p1uc3k-padding-right-mobile: 0px; --p1uc3k-padding-bottom: 0px; --p1uc3k-padding-bottom-tablet: 0px; --p1uc3k-padding-bottom-mobile: 0px; --p1uc3k-padding-left: 0px; --p1uc3k-padding-left-tablet: 0px; --p1uc3k-padding-left-mobile: 0px; --p1uc3k-enableShadow: false; --p1uc3k-enableShadow-tablet: false; --p1uc3k-enableShadow-mobile: false; --p1uc3k-imageRatio: auto; --p1uc3k-imageRatio-tablet: auto; --p1uc3k-imageRatio-mobile: 2/3; --p1uc3k-borderRadius-tl: 0px; --p1uc3k-borderRadius-tl-tablet: 0px; --p1uc3k-borderRadius-tl-mobile: 0px; --p1uc3k-borderRadius-tr: 0px; --p1uc3k-borderRadius-tr-tablet: 0px; --p1uc3k-borderRadius-tr-mobile: 0px; --p1uc3k-borderRadius-bl: 0px; --p1uc3k-borderRadius-bl-tablet: 0px; --p1uc3k-borderRadius-bl-mobile: 0px; --p1uc3k-borderRadius-br: 0px; --p1uc3k-borderRadius-br-tablet: 0px; --p1uc3k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-p1uc3k"] { margin-top: var(--p1uc3k-margin-top, 0px); margin-right: var(--p1uc3k-margin-right, 0px); margin-bottom: var(--p1uc3k-margin-bottom, 0px); margin-left: var(--p1uc3k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p1uc3k-margin-top-tablet, 0px); margin-right: var(--p1uc3k-margin-right-tablet, 0px); margin-bottom: var(--p1uc3k-margin-bottom-tablet, 0px); margin-left: var(--p1uc3k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p1uc3k-margin-top-mobile, 0px); margin-right: var(--p1uc3k-margin-right-mobile, 0px); margin-bottom: var(--p1uc3k-margin-bottom-mobile, 0px); margin-left: var(--p1uc3k-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--p1uc3k-imageRatio, auto); overflow: hidden; border-style: var(--p1uc3k-borderStyle, solid); border-color: var(--p1uc3k-borderColor, var(--omnise-card-media-border-color)); border-width: var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--p1uc3k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--p1uc3k-shadowVertical, var(--omnise-card-shadow-y)) var(--p1uc3k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--p1uc3k-shadowColor, var(--omnise-card-media-shadow-color)) var(--p1uc3k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--p1uc3k-imageRatio-tablet, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-tablet, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-tablet, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-tablet, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-tablet, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-tablet, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-tablet, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-tablet, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-tablet, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-tablet, var(--p1uc3k-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--p1uc3k-imageRatio-mobile, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-mobile, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-mobile, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-mobile, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-mobile, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-mobile, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-mobile, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-mobile, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-mobile, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-mobile, var(--p1uc3k-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-mknm9d"] { --omnise-h3-font-size-mobile: 17px; --mknm9d-margin-top: 0px; --mknm9d-margin-top-tablet: 0px; --mknm9d-margin-top-mobile: 0px; --mknm9d-margin-right: 0px; --mknm9d-margin-right-tablet: 0px; --mknm9d-margin-right-mobile: 0px; --mknm9d-margin-bottom: 0px; --mknm9d-margin-bottom-tablet: 0px; --mknm9d-margin-bottom-mobile: 0px; --mknm9d-margin-left: 0px; --mknm9d-margin-left-tablet: 0px; --mknm9d-margin-left-mobile: 0px; }[data-bnode="omnise-mknm9d"] { margin-top: var(--mknm9d-margin-top, 0px); margin-right: var(--mknm9d-margin-right, 0px); margin-bottom: var(--mknm9d-margin-bottom, 0px); margin-left: var(--mknm9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mknm9d-margin-top-tablet, 0px); margin-right: var(--mknm9d-margin-right-tablet, 0px); margin-bottom: var(--mknm9d-margin-bottom-tablet, 0px); margin-left: var(--mknm9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mknm9d-margin-top-mobile, 0px); margin-right: var(--mknm9d-margin-right-mobile, 0px); margin-bottom: var(--mknm9d-margin-bottom-mobile, 0px); margin-left: var(--mknm9d-margin-left-mobile, 0px); } }[data-bnode="omnise-ohfjca"] { --ohfjca-priceType: comparePrice; --ohfjca-priceType-tablet: comparePrice; --ohfjca-priceType-mobile: comparePrice; --ohfjca-decoration: line-through; --ohfjca-decoration-tablet: line-through; --ohfjca-decoration-mobile: line-through; --omnise-p-color: #c13c18; }[data-bnode="omnise-ohfjca"] { margin-top: var(--ohfjca-margin-top, 0px); margin-right: var(--ohfjca-margin-right, 0px); margin-bottom: var(--ohfjca-margin-bottom, 0px); margin-left: var(--ohfjca-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ohfjca-margin-top-tablet, 0px); margin-right: var(--ohfjca-margin-right-tablet, 0px); margin-bottom: var(--ohfjca-margin-bottom-tablet, 0px); margin-left: var(--ohfjca-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ohfjca-margin-top-mobile, 0px); margin-right: var(--ohfjca-margin-right-mobile, 0px); margin-bottom: var(--ohfjca-margin-bottom-mobile, 0px); margin-left: var(--ohfjca-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ohfjca-comparePriceColor); text-decoration: var(--ohfjca-decoration,none); font-size: calc(var(--ohfjca-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ohfjca-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-duc0e1"] { background: #FFFFFF; } [data-bnode="omnise-duc0e1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }[data-bnode="omnise-p1uc3k"] { --p1uc3k-borderStyle: none; --p1uc3k-borderStyle-tablet: none; --p1uc3k-borderStyle-mobile: none; --p1uc3k-borderColor: #000000; --p1uc3k-borderColor-tablet: #000000; --p1uc3k-borderColor-mobile: #000000; --p1uc3k-borderWidth: 1px; --p1uc3k-borderWidth-tablet: 1px; --p1uc3k-borderWidth-mobile: 1px; --p1uc3k-shadowHorizontal: 0; --p1uc3k-shadowHorizontal-tablet: 0; --p1uc3k-shadowHorizontal-mobile: 0; --p1uc3k-shadowVertical: 0; --p1uc3k-shadowVertical-tablet: 0; --p1uc3k-shadowVertical-mobile: 0; --p1uc3k-shadowBlur: 0; --p1uc3k-shadowBlur-tablet: 0; --p1uc3k-shadowBlur-mobile: 0; --p1uc3k-shadowColor: #000000; --p1uc3k-shadowColor-tablet: #000000; --p1uc3k-shadowColor-mobile: #000000; --p1uc3k-padding-top: 0px; --p1uc3k-padding-top-tablet: 0px; --p1uc3k-padding-top-mobile: 0px; --p1uc3k-padding-right: 0px; --p1uc3k-padding-right-tablet: 0px; --p1uc3k-padding-right-mobile: 0px; --p1uc3k-padding-bottom: 0px; --p1uc3k-padding-bottom-tablet: 0px; --p1uc3k-padding-bottom-mobile: 0px; --p1uc3k-padding-left: 0px; --p1uc3k-padding-left-tablet: 0px; --p1uc3k-padding-left-mobile: 0px; --p1uc3k-enableShadow: false; --p1uc3k-enableShadow-tablet: false; --p1uc3k-enableShadow-mobile: false; --p1uc3k-imageRatio: auto; --p1uc3k-imageRatio-tablet: auto; --p1uc3k-imageRatio-mobile: 2/3; --p1uc3k-borderRadius-tl: 0px; --p1uc3k-borderRadius-tl-tablet: 0px; --p1uc3k-borderRadius-tl-mobile: 0px; --p1uc3k-borderRadius-tr: 0px; --p1uc3k-borderRadius-tr-tablet: 0px; --p1uc3k-borderRadius-tr-mobile: 0px; --p1uc3k-borderRadius-bl: 0px; --p1uc3k-borderRadius-bl-tablet: 0px; --p1uc3k-borderRadius-bl-mobile: 0px; --p1uc3k-borderRadius-br: 0px; --p1uc3k-borderRadius-br-tablet: 0px; --p1uc3k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-p1uc3k"] { margin-top: var(--p1uc3k-margin-top, 0px); margin-right: var(--p1uc3k-margin-right, 0px); margin-bottom: var(--p1uc3k-margin-bottom, 0px); margin-left: var(--p1uc3k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p1uc3k-margin-top-tablet, 0px); margin-right: var(--p1uc3k-margin-right-tablet, 0px); margin-bottom: var(--p1uc3k-margin-bottom-tablet, 0px); margin-left: var(--p1uc3k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p1uc3k-margin-top-mobile, 0px); margin-right: var(--p1uc3k-margin-right-mobile, 0px); margin-bottom: var(--p1uc3k-margin-bottom-mobile, 0px); margin-left: var(--p1uc3k-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--p1uc3k-imageRatio, auto); overflow: hidden; border-style: var(--p1uc3k-borderStyle, solid); border-color: var(--p1uc3k-borderColor, var(--omnise-card-media-border-color)); border-width: var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--p1uc3k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--p1uc3k-shadowVertical, var(--omnise-card-shadow-y)) var(--p1uc3k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--p1uc3k-shadowColor, var(--omnise-card-media-shadow-color)) var(--p1uc3k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--p1uc3k-imageRatio-tablet, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-tablet, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-tablet, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-tablet, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-tablet, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-tablet, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-tablet, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-tablet, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-tablet, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-tablet, var(--p1uc3k-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--p1uc3k-imageRatio-mobile, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-mobile, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-mobile, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-mobile, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-mobile, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-mobile, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-mobile, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-mobile, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-mobile, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-mobile, var(--p1uc3k-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-mknm9d"] { --omnise-h3-font-size-mobile: 17px; --mknm9d-margin-top: 0px; --mknm9d-margin-top-tablet: 0px; --mknm9d-margin-top-mobile: 0px; --mknm9d-margin-right: 0px; --mknm9d-margin-right-tablet: 0px; --mknm9d-margin-right-mobile: 0px; --mknm9d-margin-bottom: 0px; --mknm9d-margin-bottom-tablet: 0px; --mknm9d-margin-bottom-mobile: 0px; --mknm9d-margin-left: 0px; --mknm9d-margin-left-tablet: 0px; --mknm9d-margin-left-mobile: 0px; }[data-bnode="omnise-mknm9d"] { margin-top: var(--mknm9d-margin-top, 0px); margin-right: var(--mknm9d-margin-right, 0px); margin-bottom: var(--mknm9d-margin-bottom, 0px); margin-left: var(--mknm9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mknm9d-margin-top-tablet, 0px); margin-right: var(--mknm9d-margin-right-tablet, 0px); margin-bottom: var(--mknm9d-margin-bottom-tablet, 0px); margin-left: var(--mknm9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mknm9d-margin-top-mobile, 0px); margin-right: var(--mknm9d-margin-right-mobile, 0px); margin-bottom: var(--mknm9d-margin-bottom-mobile, 0px); margin-left: var(--mknm9d-margin-left-mobile, 0px); } }[data-bnode="omnise-ohfjca"] { --ohfjca-priceType: comparePrice; --ohfjca-priceType-tablet: comparePrice; --ohfjca-priceType-mobile: comparePrice; --ohfjca-decoration: line-through; --ohfjca-decoration-tablet: line-through; --ohfjca-decoration-mobile: line-through; --omnise-p-color: #c13c18; }[data-bnode="omnise-ohfjca"] { margin-top: var(--ohfjca-margin-top, 0px); margin-right: var(--ohfjca-margin-right, 0px); margin-bottom: var(--ohfjca-margin-bottom, 0px); margin-left: var(--ohfjca-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ohfjca-margin-top-tablet, 0px); margin-right: var(--ohfjca-margin-right-tablet, 0px); margin-bottom: var(--ohfjca-margin-bottom-tablet, 0px); margin-left: var(--ohfjca-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ohfjca-margin-top-mobile, 0px); margin-right: var(--ohfjca-margin-right-mobile, 0px); margin-bottom: var(--ohfjca-margin-bottom-mobile, 0px); margin-left: var(--ohfjca-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ohfjca-comparePriceColor); text-decoration: var(--ohfjca-decoration,none); font-size: calc(var(--ohfjca-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ohfjca-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-duc0e1"] { background: #FFFFFF; } [data-bnode="omnise-duc0e1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }[data-bnode="omnise-p1uc3k"] { --p1uc3k-borderStyle: none; --p1uc3k-borderStyle-tablet: none; --p1uc3k-borderStyle-mobile: none; --p1uc3k-borderColor: #000000; --p1uc3k-borderColor-tablet: #000000; --p1uc3k-borderColor-mobile: #000000; --p1uc3k-borderWidth: 1px; --p1uc3k-borderWidth-tablet: 1px; --p1uc3k-borderWidth-mobile: 1px; --p1uc3k-shadowHorizontal: 0; --p1uc3k-shadowHorizontal-tablet: 0; --p1uc3k-shadowHorizontal-mobile: 0; --p1uc3k-shadowVertical: 0; --p1uc3k-shadowVertical-tablet: 0; --p1uc3k-shadowVertical-mobile: 0; --p1uc3k-shadowBlur: 0; --p1uc3k-shadowBlur-tablet: 0; --p1uc3k-shadowBlur-mobile: 0; --p1uc3k-shadowColor: #000000; --p1uc3k-shadowColor-tablet: #000000; --p1uc3k-shadowColor-mobile: #000000; --p1uc3k-padding-top: 0px; --p1uc3k-padding-top-tablet: 0px; --p1uc3k-padding-top-mobile: 0px; --p1uc3k-padding-right: 0px; --p1uc3k-padding-right-tablet: 0px; --p1uc3k-padding-right-mobile: 0px; --p1uc3k-padding-bottom: 0px; --p1uc3k-padding-bottom-tablet: 0px; --p1uc3k-padding-bottom-mobile: 0px; --p1uc3k-padding-left: 0px; --p1uc3k-padding-left-tablet: 0px; --p1uc3k-padding-left-mobile: 0px; --p1uc3k-enableShadow: false; --p1uc3k-enableShadow-tablet: false; --p1uc3k-enableShadow-mobile: false; --p1uc3k-imageRatio: auto; --p1uc3k-imageRatio-tablet: auto; --p1uc3k-imageRatio-mobile: 2/3; --p1uc3k-borderRadius-tl: 0px; --p1uc3k-borderRadius-tl-tablet: 0px; --p1uc3k-borderRadius-tl-mobile: 0px; --p1uc3k-borderRadius-tr: 0px; --p1uc3k-borderRadius-tr-tablet: 0px; --p1uc3k-borderRadius-tr-mobile: 0px; --p1uc3k-borderRadius-bl: 0px; --p1uc3k-borderRadius-bl-tablet: 0px; --p1uc3k-borderRadius-bl-mobile: 0px; --p1uc3k-borderRadius-br: 0px; --p1uc3k-borderRadius-br-tablet: 0px; --p1uc3k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-p1uc3k"] { margin-top: var(--p1uc3k-margin-top, 0px); margin-right: var(--p1uc3k-margin-right, 0px); margin-bottom: var(--p1uc3k-margin-bottom, 0px); margin-left: var(--p1uc3k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p1uc3k-margin-top-tablet, 0px); margin-right: var(--p1uc3k-margin-right-tablet, 0px); margin-bottom: var(--p1uc3k-margin-bottom-tablet, 0px); margin-left: var(--p1uc3k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p1uc3k-margin-top-mobile, 0px); margin-right: var(--p1uc3k-margin-right-mobile, 0px); margin-bottom: var(--p1uc3k-margin-bottom-mobile, 0px); margin-left: var(--p1uc3k-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--p1uc3k-imageRatio, auto); overflow: hidden; border-style: var(--p1uc3k-borderStyle, solid); border-color: var(--p1uc3k-borderColor, var(--omnise-card-media-border-color)); border-width: var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--p1uc3k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--p1uc3k-shadowVertical, var(--omnise-card-shadow-y)) var(--p1uc3k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--p1uc3k-shadowColor, var(--omnise-card-media-shadow-color)) var(--p1uc3k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--p1uc3k-imageRatio-tablet, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-tablet, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-tablet, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-tablet, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-tablet, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-tablet, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-tablet, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-tablet, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-tablet, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-tablet, var(--p1uc3k-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--p1uc3k-imageRatio-mobile, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-mobile, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-mobile, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-mobile, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-mobile, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-mobile, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-mobile, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-mobile, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-mobile, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-mobile, var(--p1uc3k-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-mknm9d"] { --omnise-h3-font-size-mobile: 17px; --mknm9d-margin-top: 0px; --mknm9d-margin-top-tablet: 0px; --mknm9d-margin-top-mobile: 0px; --mknm9d-margin-right: 0px; --mknm9d-margin-right-tablet: 0px; --mknm9d-margin-right-mobile: 0px; --mknm9d-margin-bottom: 0px; --mknm9d-margin-bottom-tablet: 0px; --mknm9d-margin-bottom-mobile: 0px; --mknm9d-margin-left: 0px; --mknm9d-margin-left-tablet: 0px; --mknm9d-margin-left-mobile: 0px; }[data-bnode="omnise-mknm9d"] { margin-top: var(--mknm9d-margin-top, 0px); margin-right: var(--mknm9d-margin-right, 0px); margin-bottom: var(--mknm9d-margin-bottom, 0px); margin-left: var(--mknm9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mknm9d-margin-top-tablet, 0px); margin-right: var(--mknm9d-margin-right-tablet, 0px); margin-bottom: var(--mknm9d-margin-bottom-tablet, 0px); margin-left: var(--mknm9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mknm9d-margin-top-mobile, 0px); margin-right: var(--mknm9d-margin-right-mobile, 0px); margin-bottom: var(--mknm9d-margin-bottom-mobile, 0px); margin-left: var(--mknm9d-margin-left-mobile, 0px); } }[data-bnode="omnise-ohfjca"] { --ohfjca-priceType: comparePrice; --ohfjca-priceType-tablet: comparePrice; --ohfjca-priceType-mobile: comparePrice; --ohfjca-decoration: line-through; --ohfjca-decoration-tablet: line-through; --ohfjca-decoration-mobile: line-through; --omnise-p-color: #c13c18; }[data-bnode="omnise-ohfjca"] { margin-top: var(--ohfjca-margin-top, 0px); margin-right: var(--ohfjca-margin-right, 0px); margin-bottom: var(--ohfjca-margin-bottom, 0px); margin-left: var(--ohfjca-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ohfjca-margin-top-tablet, 0px); margin-right: var(--ohfjca-margin-right-tablet, 0px); margin-bottom: var(--ohfjca-margin-bottom-tablet, 0px); margin-left: var(--ohfjca-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ohfjca-margin-top-mobile, 0px); margin-right: var(--ohfjca-margin-right-mobile, 0px); margin-bottom: var(--ohfjca-margin-bottom-mobile, 0px); margin-left: var(--ohfjca-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ohfjca-comparePriceColor); text-decoration: var(--ohfjca-decoration,none); font-size: calc(var(--ohfjca-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ohfjca-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-duc0e1"] { background: #FFFFFF; } [data-bnode="omnise-duc0e1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-duc0e1"] {                gap: 0px;     }  }[data-bnode="omnise-p1uc3k"] { --p1uc3k-borderStyle: none; --p1uc3k-borderStyle-tablet: none; --p1uc3k-borderStyle-mobile: none; --p1uc3k-borderColor: #000000; --p1uc3k-borderColor-tablet: #000000; --p1uc3k-borderColor-mobile: #000000; --p1uc3k-borderWidth: 1px; --p1uc3k-borderWidth-tablet: 1px; --p1uc3k-borderWidth-mobile: 1px; --p1uc3k-shadowHorizontal: 0; --p1uc3k-shadowHorizontal-tablet: 0; --p1uc3k-shadowHorizontal-mobile: 0; --p1uc3k-shadowVertical: 0; --p1uc3k-shadowVertical-tablet: 0; --p1uc3k-shadowVertical-mobile: 0; --p1uc3k-shadowBlur: 0; --p1uc3k-shadowBlur-tablet: 0; --p1uc3k-shadowBlur-mobile: 0; --p1uc3k-shadowColor: #000000; --p1uc3k-shadowColor-tablet: #000000; --p1uc3k-shadowColor-mobile: #000000; --p1uc3k-padding-top: 0px; --p1uc3k-padding-top-tablet: 0px; --p1uc3k-padding-top-mobile: 0px; --p1uc3k-padding-right: 0px; --p1uc3k-padding-right-tablet: 0px; --p1uc3k-padding-right-mobile: 0px; --p1uc3k-padding-bottom: 0px; --p1uc3k-padding-bottom-tablet: 0px; --p1uc3k-padding-bottom-mobile: 0px; --p1uc3k-padding-left: 0px; --p1uc3k-padding-left-tablet: 0px; --p1uc3k-padding-left-mobile: 0px; --p1uc3k-enableShadow: false; --p1uc3k-enableShadow-tablet: false; --p1uc3k-enableShadow-mobile: false; --p1uc3k-imageRatio: auto; --p1uc3k-imageRatio-tablet: auto; --p1uc3k-imageRatio-mobile: 2/3; --p1uc3k-borderRadius-tl: 0px; --p1uc3k-borderRadius-tl-tablet: 0px; --p1uc3k-borderRadius-tl-mobile: 0px; --p1uc3k-borderRadius-tr: 0px; --p1uc3k-borderRadius-tr-tablet: 0px; --p1uc3k-borderRadius-tr-mobile: 0px; --p1uc3k-borderRadius-bl: 0px; --p1uc3k-borderRadius-bl-tablet: 0px; --p1uc3k-borderRadius-bl-mobile: 0px; --p1uc3k-borderRadius-br: 0px; --p1uc3k-borderRadius-br-tablet: 0px; --p1uc3k-borderRadius-br-mobile: 0px; }[data-bnode="omnise-p1uc3k"] { margin-top: var(--p1uc3k-margin-top, 0px); margin-right: var(--p1uc3k-margin-right, 0px); margin-bottom: var(--p1uc3k-margin-bottom, 0px); margin-left: var(--p1uc3k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p1uc3k-margin-top-tablet, 0px); margin-right: var(--p1uc3k-margin-right-tablet, 0px); margin-bottom: var(--p1uc3k-margin-bottom-tablet, 0px); margin-left: var(--p1uc3k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p1uc3k-margin-top-mobile, 0px); margin-right: var(--p1uc3k-margin-right-mobile, 0px); margin-bottom: var(--p1uc3k-margin-bottom-mobile, 0px); margin-left: var(--p1uc3k-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--p1uc3k-imageRatio, auto); overflow: hidden; border-style: var(--p1uc3k-borderStyle, solid); border-color: var(--p1uc3k-borderColor, var(--omnise-card-media-border-color)); border-width: var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width)) var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius)) var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--p1uc3k-shadowHorizontal, var(--omnise-card-shadow-x)) var(--p1uc3k-shadowVertical, var(--omnise-card-shadow-y)) var(--p1uc3k-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--p1uc3k-shadowColor, var(--omnise-card-media-shadow-color)) var(--p1uc3k-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--p1uc3k-imageRatio-tablet, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-tablet, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-tablet, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-tablet, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-tablet, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-tablet, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-tablet, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-tablet, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-tablet, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-tablet, var(--p1uc3k-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--p1uc3k-imageRatio-mobile, var(--p1uc3k-imageRatio, auto)); border-width: var(--p1uc3k-borderWidth-tl-mobile, var(--p1uc3k-borderWidth-tl, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-tr-mobile, var(--p1uc3k-borderWidth-tr, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-br-mobile, var(--p1uc3k-borderWidth-br, var(--omnise-card-border-width))) var(--p1uc3k-borderWidth-bl-mobile, var(--p1uc3k-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--p1uc3k-borderRadius-tl-mobile, var(--p1uc3k-borderRadius-tl, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-tr-mobile, var(--p1uc3k-borderRadius-tr, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-br-mobile, var(--p1uc3k-borderRadius-br, var(--omnise-card-border-radius))) var(--p1uc3k-borderRadius-bl-mobile, var(--p1uc3k-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--p1uc3k-max-width-mobile, var(--p1uc3k-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-mknm9d"] { --omnise-h3-font-size-mobile: 17px; --mknm9d-margin-top: 0px; --mknm9d-margin-top-tablet: 0px; --mknm9d-margin-top-mobile: 0px; --mknm9d-margin-right: 0px; --mknm9d-margin-right-tablet: 0px; --mknm9d-margin-right-mobile: 0px; --mknm9d-margin-bottom: 0px; --mknm9d-margin-bottom-tablet: 0px; --mknm9d-margin-bottom-mobile: 0px; --mknm9d-margin-left: 0px; --mknm9d-margin-left-tablet: 0px; --mknm9d-margin-left-mobile: 0px; }[data-bnode="omnise-mknm9d"] { margin-top: var(--mknm9d-margin-top, 0px); margin-right: var(--mknm9d-margin-right, 0px); margin-bottom: var(--mknm9d-margin-bottom, 0px); margin-left: var(--mknm9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mknm9d-margin-top-tablet, 0px); margin-right: var(--mknm9d-margin-right-tablet, 0px); margin-bottom: var(--mknm9d-margin-bottom-tablet, 0px); margin-left: var(--mknm9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mknm9d-margin-top-mobile, 0px); margin-right: var(--mknm9d-margin-right-mobile, 0px); margin-bottom: var(--mknm9d-margin-bottom-mobile, 0px); margin-left: var(--mknm9d-margin-left-mobile, 0px); } }[data-bnode="omnise-ohfjca"] { --ohfjca-priceType: comparePrice; --ohfjca-priceType-tablet: comparePrice; --ohfjca-priceType-mobile: comparePrice; --ohfjca-decoration: line-through; --ohfjca-decoration-tablet: line-through; --ohfjca-decoration-mobile: line-through; --omnise-p-color: #c13c18; }[data-bnode="omnise-ohfjca"] { margin-top: var(--ohfjca-margin-top, 0px); margin-right: var(--ohfjca-margin-right, 0px); margin-bottom: var(--ohfjca-margin-bottom, 0px); margin-left: var(--ohfjca-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ohfjca-margin-top-tablet, 0px); margin-right: var(--ohfjca-margin-right-tablet, 0px); margin-bottom: var(--ohfjca-margin-bottom-tablet, 0px); margin-left: var(--ohfjca-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ohfjca-margin-top-mobile, 0px); margin-right: var(--ohfjca-margin-right-mobile, 0px); margin-bottom: var(--ohfjca-margin-bottom-mobile, 0px); margin-left: var(--ohfjca-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ohfjca-comparePriceColor); text-decoration: var(--ohfjca-decoration,none); font-size: calc(var(--ohfjca-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ohfjca-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ylrjc8"] {     flex-direction: row;   flex-wrap: nowrap;   justify-content: space-between;   align-items: flex-end;           &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ylrjc8"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ylrjc8"] {      flex-direction: column;     justify-content: center;   align-items: center;        }  }[data-bnode="omnise-o8vta2"] { --omnise-h2-font-size: 40px; --omnise-h2-font-size-tablet: 28px; --omnise-h2-font-size-mobile: 26px; --omnise-h2-color: #181818; --omnise-h2-font-family: Lora; --omnise-h2-font-weight: 400; --omnise-h2-line-height: 1.2; --omnise-h2-line-height-tablet: 1.2; --omnise-h2-line-height-mobile: 1.3; --omnise-h2-letter-spacing: 0px; --omnise-h2-letter-spacing-tablet: 0px; --omnise-h2-letter-spacing-mobile: 0px; --omnise-h2-text-transform: none; --o8vta2-typography: h2; --o8vta2-typography-tablet: h2; --o8vta2-typography-mobile: h2; --o8vta2-fontStyle: italic; --o8vta2-fontStyle-tablet: italic; --o8vta2-fontStyle-mobile: italic; --omnise-h2-text-align: start; }[data-bnode="omnise-o8vta2"] { margin-top: var(--o8vta2-margin-top, 0px); margin-right: var(--o8vta2-margin-right, 0px); margin-bottom: var(--o8vta2-margin-bottom, 0px); margin-left: var(--o8vta2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--o8vta2-margin-top-tablet, 0px); margin-right: var(--o8vta2-margin-right-tablet, 0px); margin-bottom: var(--o8vta2-margin-bottom-tablet, 0px); margin-left: var(--o8vta2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--o8vta2-margin-top-mobile, 0px); margin-right: var(--o8vta2-margin-right-mobile, 0px); margin-bottom: var(--o8vta2-margin-bottom-mobile, 0px); margin-left: var(--o8vta2-margin-left-mobile, 0px); } & { font-style: var(--o8vta2-fontStyle, normal); } & .omnise-highlight-svg { position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--o8vta2-highlightColor, var(--omnise-p-color)); top: var(--o8vta2-highlightTop, 100%); } }[data-bnode="omnise-spr2v5"] { --spr2v5-width: fill; --spr2v5-width-tablet: fill; --spr2v5-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-te-label-color: #1E1E1E; --omnise-btn-text-transform: inherit; --spr2v5-iconWidth: 20px; --spr2v5-iconWidth-tablet: 20px; --spr2v5-iconWidth-mobile: 20px; --spr2v5-iconGap: 5px; --spr2v5-iconGap-tablet: 5px; --spr2v5-iconGap-mobile: 5px; --spr2v5-labelBtnHover: -25; --spr2v5-labelBtnHover-tablet: -25; --spr2v5-labelBtnHover-mobile: -25; --spr2v5-button: te; --spr2v5-button-tablet: te; --spr2v5-button-mobile: te; }[data-bnode="omnise-spr2v5"] { margin-top: var(--spr2v5-margin-top, 0px); margin-right: var(--spr2v5-margin-right, 0px); margin-bottom: var(--spr2v5-margin-bottom, 0px); margin-left: var(--spr2v5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--spr2v5-margin-top-tablet, 0px); margin-right: var(--spr2v5-margin-right-tablet, 0px); margin-bottom: var(--spr2v5-margin-bottom-tablet, 0px); margin-left: var(--spr2v5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--spr2v5-margin-top-mobile, 0px); margin-right: var(--spr2v5-margin-right-mobile, 0px); margin-bottom: var(--spr2v5-margin-bottom-mobile, 0px); margin-left: var(--spr2v5-margin-left-mobile, 0px); } &{ gap:var(--spr2v5-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--spr2v5-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--spr2v5-bgBtnHover)) * 1%)); style(--spr2v5-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--spr2v5-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--spr2v5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--spr2v5-labelBtnHover)) * 1%)); style(--spr2v5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--spr2v5-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--spr2v5-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--spr2v5-borderBtnHover)) * 1%)); style(--spr2v5-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--spr2v5-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--spr2v5-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--spr2v5-bgBtnHover)) * 1%)); style(--spr2v5-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--spr2v5-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--spr2v5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--spr2v5-labelBtnHover)) * 1%)); style(--spr2v5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--spr2v5-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--spr2v5-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--spr2v5-borderBtnHover)) * 1%)); style(--spr2v5-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--spr2v5-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--spr2v5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--spr2v5-labelBtnHover)) * 1%)); style(--spr2v5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--spr2v5-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--spr2v5-iconWidth); } svg { width: var(--spr2v5-iconWidth,20px); min-width: var(--spr2v5-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--spr2v5-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--spr2v5-iconWidth-tablet, var(--spr2v5-iconWidth)); } svg { width: var(--spr2v5-iconWidth-tablet, var(--spr2v5-iconWidth, 20px)); min-width: var(--spr2v5-iconWidth-tablet, var(--spr2v5-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--spr2v5-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--spr2v5-iconWidth-mobile, var(--spr2v5-iconWidth)); } svg { width: var(--spr2v5-iconWidth-mobile, var(--spr2v5-iconWidth, 20px)); min-width: var(--spr2v5-iconWidth-mobile, var(--spr2v5-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }@media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-wybzip"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-wybzip"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-wybzip"] {        flex-wrap: nowrap;        gap: 24px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wybzip"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wybzip"] {                gap: 0px;     }  }[data-bnode="omnise-45dkvu"] { --45dkvu-listType: grid; --45dkvu-listType-tablet: grid; --45dkvu-listType-mobile: grid; --45dkvu-columns: 4; --45dkvu-columns-tablet: 2; --45dkvu-columns-mobile: 2; --45dkvu-navType: true; --45dkvu-navType-tablet: true; --45dkvu-navType-mobile: true; --45dkvu-navColor: #333333; --45dkvu-navColor-tablet: #333333; --45dkvu-navColor-mobile: #333333; --45dkvu-pagiType: true; --45dkvu-pagiType-tablet: true; --45dkvu-pagiType-mobile: true; --45dkvu-gap: 12px; --45dkvu-gap-tablet: 8px; --45dkvu-gap-mobile: 14px; --45dkvu-statePagination: hover; --45dkvu-statePagination-tablet: hover; --45dkvu-statePagination-mobile: hover; --45dkvu-pagiBg: #e6e6e6; --45dkvu-pagiBg-tablet: #e6e6e6; --45dkvu-pagiBg-mobile: #e6e6e6; --45dkvu-navIconSize: 20px; --45dkvu-navIconSize-tablet: 20px; --45dkvu-navIconSize-mobile: 20px; --45dkvu-margin-top-tablet: 0px; --45dkvu-margin-top-mobile: 0px; --45dkvu-margin-right-tablet: 0px; --45dkvu-margin-right-mobile: 0px; --45dkvu-margin-bottom-tablet: 0px; --45dkvu-margin-bottom-mobile: 0px; --45dkvu-margin-left-tablet: 0px; --45dkvu-margin-left-mobile: 0px; --45dkvu-columnsMobile-mobile: 2; }[data-bnode="omnise-45dkvu"] { margin-top: var(--45dkvu-margin-top, 0px); margin-right: var(--45dkvu-margin-right, 0px); margin-bottom: var(--45dkvu-margin-bottom, 0px); margin-left: var(--45dkvu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--45dkvu-margin-top-tablet, 0px); margin-right: var(--45dkvu-margin-right-tablet, 0px); margin-bottom: var(--45dkvu-margin-bottom-tablet, 0px); margin-left: var(--45dkvu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--45dkvu-margin-top-mobile, 0px); margin-right: var(--45dkvu-margin-right-mobile, 0px); margin-bottom: var(--45dkvu-margin-bottom-mobile, 0px); margin-left: var(--45dkvu-margin-left-mobile, 0px); } .omnise-slider-items:has(.omnise-content-list-empty) ~ .omnise-slider-controls { display: none; } &.omnise-content-list { .omnise-slider-wrapper { height: fit-content; } .omnise-slider-pagination-progress { display: none !important; } & .omnise-slide-item { &:hover { .omnise-atc-btn { opacity: 1; z-index: 2; bottom: 0; &:disabled { opacity: 0.5 !important; pointer-events: none; } } } } @media (min-width: 1181px) { & .omnise-slider-wrapper[data-pagination="progress"] + .omnise-slider-controls .omnise-slider-pagination-progress { height: 2px; background: var(--45dkvu-pagiBg, #e6e6e6); display: flex !important; span { background: var(--45dkvu-pagiBgActive, #181818); &:hover { background: var(--45dkvu-pagiBgHover, #cccccc); } } } } @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--45dkvu-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--45dkvu-gap, 20px) * (var(--45dkvu-columns, 3) - 1) ) / var(--45dkvu-columns, 3) ); &:last-child { margin-right: var(--45dkvu-gap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--45dkvu-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--45dkvu-columns) - 1) * var(--45dkvu-gap, 20px)) / var(--45dkvu-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--45dkvu-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--45dkvu-gap-tablet, 20px) * (var(--45dkvu-columns-tablet, 3) - 1) ) / var(--45dkvu-columns-tablet, 3) ); &:last-child { margin-right: var(--45dkvu-gap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--45dkvu-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--45dkvu-columns-tablet) - 1) * var(--45dkvu-gap-tablet, 20px) ) / var(--45dkvu-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--45dkvu-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--45dkvu-gap-mobile, 20px) * (var(--45dkvu-columnsMobile-mobile, 1) - 1) ) / var(--45dkvu-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--45dkvu-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--45dkvu-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--45dkvu-columnsMobile-mobile) - 1) * var(--45dkvu-gap-mobile, 20px) ) / var(--45dkvu-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--45dkvu-navPadding, 12px); background: var(--45dkvu-navBg, #f5f5f5); color: var(--45dkvu-navColor, #333333); cursor: pointer; &:hover { background: var(--45dkvu-navBgHover, #cccccc); color: var(--45dkvu-navColorHover, #333333); } svg { width: var(--45dkvu-navIconSize, 20px); height: var(--45dkvu-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--45dkvu-pagiBg, #e6e6e6); &.active { background: var(--45dkvu-pagiBgActive, #181818); } &:not(.active):hover { background: var(--45dkvu-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--45dkvu-pagiColor, #e6e6e6); &.active { color: var(--45dkvu-pagiColorActive, #181818); } &:not(.active):hover { color: var(--45dkvu-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--45dkvu-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--45dkvu-pagiBg, #e6e6e6); &.active { background: var(--45dkvu-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--45dkvu-pagiBgHover, #cccccc); } } .omnise-slider-pagination-wrp { margin-top: 20px; } } &:has(.omnise-content-list-empty) { * { display: block; width: 100%; } .omnise-content-list-empty { background-color: #f0f0f0; color: #666; padding: 10px 20px; font-weight: 500; font-size: 20px; } .omnise-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } } }[data-bnode="omnise-ber9ys"] { background: #FFFFFF; } [data-bnode="omnise-ber9ys"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }[data-bnode="omnise-q9u4sx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q9u4sx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q9u4sx"] {                     }  }[data-bnode="omnise-sn2cxp"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {      }  } [data-bnode="omnise-sn2cxp"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-8yix40"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1F4247; --omnise-p-font-weight: 400; --omnise-p-line-height: 2; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; }[data-bnode="omnise-8yix40"] { margin-top: var(--8yix40-margin-top, 0px); margin-right: var(--8yix40-margin-right, 0px); margin-bottom: var(--8yix40-margin-bottom, 0px); margin-left: var(--8yix40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8yix40-margin-top-tablet, 0px); margin-right: var(--8yix40-margin-right-tablet, 0px); margin-bottom: var(--8yix40-margin-bottom-tablet, 0px); margin-left: var(--8yix40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8yix40-margin-top-mobile, 0px); margin-right: var(--8yix40-margin-right-mobile, 0px); margin-bottom: var(--8yix40-margin-bottom-mobile, 0px); margin-left: var(--8yix40-margin-left-mobile, 0px); } }[data-bnode="omnise-99ys3u"] { --99ys3u-borderStyle: none; --99ys3u-borderStyle-tablet: none; --99ys3u-borderStyle-mobile: none; --99ys3u-borderColor: #000000; --99ys3u-borderColor-tablet: #000000; --99ys3u-borderColor-mobile: #000000; --99ys3u-borderWidth: 1px; --99ys3u-borderWidth-tablet: 1px; --99ys3u-borderWidth-mobile: 1px; --99ys3u-shadowHorizontal: 0; --99ys3u-shadowHorizontal-tablet: 0; --99ys3u-shadowHorizontal-mobile: 0; --99ys3u-shadowVertical: 0; --99ys3u-shadowVertical-tablet: 0; --99ys3u-shadowVertical-mobile: 0; --99ys3u-shadowBlur: 0; --99ys3u-shadowBlur-tablet: 0; --99ys3u-shadowBlur-mobile: 0; --99ys3u-shadowColor: #000000; --99ys3u-shadowColor-tablet: #000000; --99ys3u-shadowColor-mobile: #000000; --99ys3u-padding-top: 0px; --99ys3u-padding-top-tablet: 0px; --99ys3u-padding-top-mobile: 0px; --99ys3u-padding-right: 0px; --99ys3u-padding-right-tablet: 0px; --99ys3u-padding-right-mobile: 0px; --99ys3u-padding-bottom: 0px; --99ys3u-padding-bottom-tablet: 0px; --99ys3u-padding-bottom-mobile: 0px; --99ys3u-padding-left: 0px; --99ys3u-padding-left-tablet: 0px; --99ys3u-padding-left-mobile: 0px; --99ys3u-enableShadow: false; --99ys3u-enableShadow-tablet: false; --99ys3u-enableShadow-mobile: false; --99ys3u-imageRatio: 5/7; --99ys3u-imageRatio-tablet: 5/7; --99ys3u-imageRatio-mobile: 5/7; --99ys3u-borderRadius-tl: 0px; --99ys3u-borderRadius-tl-tablet: 0px; --99ys3u-borderRadius-tl-mobile: 0px; --99ys3u-borderRadius-tr: 0px; --99ys3u-borderRadius-tr-tablet: 0px; --99ys3u-borderRadius-tr-mobile: 0px; --99ys3u-borderRadius-bl: 0px; --99ys3u-borderRadius-bl-tablet: 0px; --99ys3u-borderRadius-bl-mobile: 0px; --99ys3u-borderRadius-br: 0px; --99ys3u-borderRadius-br-tablet: 0px; --99ys3u-borderRadius-br-mobile: 0px; --99ys3u-margin-top: 0px; --99ys3u-margin-top-tablet: 0px; --99ys3u-margin-top-mobile: 0px; --99ys3u-margin-right: 0px; --99ys3u-margin-right-tablet: 0px; --99ys3u-margin-right-mobile: 0px; --99ys3u-margin-bottom: 0px; --99ys3u-margin-bottom-tablet: 0px; --99ys3u-margin-bottom-mobile: 0px; --99ys3u-margin-left: 0px; --99ys3u-margin-left-tablet: 0px; --99ys3u-margin-left-mobile: 0px; }[data-bnode="omnise-99ys3u"] { margin-top: var(--99ys3u-margin-top, 0px); margin-right: var(--99ys3u-margin-right, 0px); margin-bottom: var(--99ys3u-margin-bottom, 0px); margin-left: var(--99ys3u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--99ys3u-margin-top-tablet, 0px); margin-right: var(--99ys3u-margin-right-tablet, 0px); margin-bottom: var(--99ys3u-margin-bottom-tablet, 0px); margin-left: var(--99ys3u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--99ys3u-margin-top-mobile, 0px); margin-right: var(--99ys3u-margin-right-mobile, 0px); margin-bottom: var(--99ys3u-margin-bottom-mobile, 0px); margin-left: var(--99ys3u-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--99ys3u-imageRatio, auto); overflow: hidden; border-style: var(--99ys3u-borderStyle, solid); border-color: var(--99ys3u-borderColor, var(--omnise-card-media-border-color)); border-width: var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-br, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--99ys3u-shadowHorizontal, var(--omnise-card-shadow-x)) var(--99ys3u-shadowVertical, var(--omnise-card-shadow-y)) var(--99ys3u-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--99ys3u-shadowColor, var(--omnise-card-media-shadow-color)) var(--99ys3u-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--99ys3u-imageRatio-tablet, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-tablet, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-tablet, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-tablet, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-tablet, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-tablet, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-tablet, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-tablet, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-tablet, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-tablet, var(--99ys3u-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--99ys3u-imageRatio-mobile, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-mobile, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-mobile, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-mobile, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-mobile, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-mobile, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-mobile, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-mobile, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-mobile, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-mobile, var(--99ys3u-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-ggqfki"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {      }  } [data-bnode="omnise-ggqfki"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {                     }  }[data-bnode="omnise-wpi3tp"] { --wpi3tp-width: fill; --wpi3tp-width-tablet: fill; --wpi3tp-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --wpi3tp-transform: none; --wpi3tp-transform-tablet: none; --wpi3tp-transform-mobile: none; --wpi3tp-iconWidth: 20px; --wpi3tp-iconWidth-tablet: 20px; --wpi3tp-iconWidth-mobile: 20px; --wpi3tp-iconGap: 5px; --wpi3tp-iconGap-tablet: 5px; --wpi3tp-iconGap-mobile: 5px; --wpi3tp-button: pr; --wpi3tp-button-tablet: pr; --wpi3tp-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wpi3tp"] { margin-top: var(--wpi3tp-margin-top, 0px); margin-right: var(--wpi3tp-margin-right, 0px); margin-bottom: var(--wpi3tp-margin-bottom, 0px); margin-left: var(--wpi3tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpi3tp-margin-top-tablet, 0px); margin-right: var(--wpi3tp-margin-right-tablet, 0px); margin-bottom: var(--wpi3tp-margin-bottom-tablet, 0px); margin-left: var(--wpi3tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpi3tp-margin-top-mobile, 0px); margin-right: var(--wpi3tp-margin-right-mobile, 0px); margin-bottom: var(--wpi3tp-margin-bottom-mobile, 0px); margin-left: var(--wpi3tp-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--wpi3tp-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--wpi3tp-iconWidth,20px); min-width: var(--wpi3tp-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--wpi3tp-iconGap-tablet); svg { width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wpi3tp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-vqpczl"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --vqpczl-typography: p2; --vqpczl-typography-tablet: p2; --vqpczl-typography-mobile: p2; --vqpczl-margin-top: 12px; --vqpczl-margin-top-tablet: 12px; --vqpczl-margin-top-mobile: 12px; --vqpczl-margin-right: 0px; --vqpczl-margin-right-tablet: 0px; --vqpczl-margin-right-mobile: 0px; --vqpczl-margin-bottom: 0px; --vqpczl-margin-bottom-tablet: 0px; --vqpczl-margin-bottom-mobile: 0px; --vqpczl-margin-left: 0px; --vqpczl-margin-left-tablet: 0px; --vqpczl-margin-left-mobile: 0px; }[data-bnode="omnise-vqpczl"] { margin-top: var(--vqpczl-margin-top, 0px); margin-right: var(--vqpczl-margin-right, 0px); margin-bottom: var(--vqpczl-margin-bottom, 0px); margin-left: var(--vqpczl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqpczl-margin-top-tablet, 0px); margin-right: var(--vqpczl-margin-right-tablet, 0px); margin-bottom: var(--vqpczl-margin-bottom-tablet, 0px); margin-left: var(--vqpczl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqpczl-margin-top-mobile, 0px); margin-right: var(--vqpczl-margin-right-mobile, 0px); margin-bottom: var(--vqpczl-margin-bottom-mobile, 0px); margin-left: var(--vqpczl-margin-left-mobile, 0px); } }[data-bnode="omnise-bbj6n9"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --bbj6n9-priceType: salePrice; --bbj6n9-priceType-tablet: salePrice; --bbj6n9-priceType-mobile: salePrice; --bbj6n9-decoration: line-through; --bbj6n9-decoration-tablet: line-through; --bbj6n9-decoration-mobile: line-through; --bbj6n9-typography: p2; --bbj6n9-typography-tablet: p2; --bbj6n9-typography-mobile: p2; --bbj6n9-salePriceColor: #C13C18; --bbj6n9-salePriceColor-tablet: #C13C18; --bbj6n9-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-bbj6n9"] { margin-top: var(--bbj6n9-margin-top, 0px); margin-right: var(--bbj6n9-margin-right, 0px); margin-bottom: var(--bbj6n9-margin-bottom, 0px); margin-left: var(--bbj6n9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bbj6n9-margin-top-tablet, 0px); margin-right: var(--bbj6n9-margin-right-tablet, 0px); margin-bottom: var(--bbj6n9-margin-bottom-tablet, 0px); margin-left: var(--bbj6n9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bbj6n9-margin-top-mobile, 0px); margin-right: var(--bbj6n9-margin-right-mobile, 0px); margin-bottom: var(--bbj6n9-margin-bottom-mobile, 0px); margin-left: var(--bbj6n9-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--bbj6n9-comparePriceColor); text-decoration: var(--bbj6n9-decoration,none); font-size: calc(var(--bbj6n9-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--bbj6n9-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ber9ys"] { background: #FFFFFF; } [data-bnode="omnise-ber9ys"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }[data-bnode="omnise-q9u4sx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q9u4sx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q9u4sx"] {                     }  }[data-bnode="omnise-sn2cxp"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {      }  } [data-bnode="omnise-sn2cxp"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-8yix40"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1F4247; --omnise-p-font-weight: 400; --omnise-p-line-height: 2; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; }[data-bnode="omnise-8yix40"] { margin-top: var(--8yix40-margin-top, 0px); margin-right: var(--8yix40-margin-right, 0px); margin-bottom: var(--8yix40-margin-bottom, 0px); margin-left: var(--8yix40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8yix40-margin-top-tablet, 0px); margin-right: var(--8yix40-margin-right-tablet, 0px); margin-bottom: var(--8yix40-margin-bottom-tablet, 0px); margin-left: var(--8yix40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8yix40-margin-top-mobile, 0px); margin-right: var(--8yix40-margin-right-mobile, 0px); margin-bottom: var(--8yix40-margin-bottom-mobile, 0px); margin-left: var(--8yix40-margin-left-mobile, 0px); } }[data-bnode="omnise-99ys3u"] { --99ys3u-borderStyle: none; --99ys3u-borderStyle-tablet: none; --99ys3u-borderStyle-mobile: none; --99ys3u-borderColor: #000000; --99ys3u-borderColor-tablet: #000000; --99ys3u-borderColor-mobile: #000000; --99ys3u-borderWidth: 1px; --99ys3u-borderWidth-tablet: 1px; --99ys3u-borderWidth-mobile: 1px; --99ys3u-shadowHorizontal: 0; --99ys3u-shadowHorizontal-tablet: 0; --99ys3u-shadowHorizontal-mobile: 0; --99ys3u-shadowVertical: 0; --99ys3u-shadowVertical-tablet: 0; --99ys3u-shadowVertical-mobile: 0; --99ys3u-shadowBlur: 0; --99ys3u-shadowBlur-tablet: 0; --99ys3u-shadowBlur-mobile: 0; --99ys3u-shadowColor: #000000; --99ys3u-shadowColor-tablet: #000000; --99ys3u-shadowColor-mobile: #000000; --99ys3u-padding-top: 0px; --99ys3u-padding-top-tablet: 0px; --99ys3u-padding-top-mobile: 0px; --99ys3u-padding-right: 0px; --99ys3u-padding-right-tablet: 0px; --99ys3u-padding-right-mobile: 0px; --99ys3u-padding-bottom: 0px; --99ys3u-padding-bottom-tablet: 0px; --99ys3u-padding-bottom-mobile: 0px; --99ys3u-padding-left: 0px; --99ys3u-padding-left-tablet: 0px; --99ys3u-padding-left-mobile: 0px; --99ys3u-enableShadow: false; --99ys3u-enableShadow-tablet: false; --99ys3u-enableShadow-mobile: false; --99ys3u-imageRatio: 5/7; --99ys3u-imageRatio-tablet: 5/7; --99ys3u-imageRatio-mobile: 5/7; --99ys3u-borderRadius-tl: 0px; --99ys3u-borderRadius-tl-tablet: 0px; --99ys3u-borderRadius-tl-mobile: 0px; --99ys3u-borderRadius-tr: 0px; --99ys3u-borderRadius-tr-tablet: 0px; --99ys3u-borderRadius-tr-mobile: 0px; --99ys3u-borderRadius-bl: 0px; --99ys3u-borderRadius-bl-tablet: 0px; --99ys3u-borderRadius-bl-mobile: 0px; --99ys3u-borderRadius-br: 0px; --99ys3u-borderRadius-br-tablet: 0px; --99ys3u-borderRadius-br-mobile: 0px; --99ys3u-margin-top: 0px; --99ys3u-margin-top-tablet: 0px; --99ys3u-margin-top-mobile: 0px; --99ys3u-margin-right: 0px; --99ys3u-margin-right-tablet: 0px; --99ys3u-margin-right-mobile: 0px; --99ys3u-margin-bottom: 0px; --99ys3u-margin-bottom-tablet: 0px; --99ys3u-margin-bottom-mobile: 0px; --99ys3u-margin-left: 0px; --99ys3u-margin-left-tablet: 0px; --99ys3u-margin-left-mobile: 0px; }[data-bnode="omnise-99ys3u"] { margin-top: var(--99ys3u-margin-top, 0px); margin-right: var(--99ys3u-margin-right, 0px); margin-bottom: var(--99ys3u-margin-bottom, 0px); margin-left: var(--99ys3u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--99ys3u-margin-top-tablet, 0px); margin-right: var(--99ys3u-margin-right-tablet, 0px); margin-bottom: var(--99ys3u-margin-bottom-tablet, 0px); margin-left: var(--99ys3u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--99ys3u-margin-top-mobile, 0px); margin-right: var(--99ys3u-margin-right-mobile, 0px); margin-bottom: var(--99ys3u-margin-bottom-mobile, 0px); margin-left: var(--99ys3u-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--99ys3u-imageRatio, auto); overflow: hidden; border-style: var(--99ys3u-borderStyle, solid); border-color: var(--99ys3u-borderColor, var(--omnise-card-media-border-color)); border-width: var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-br, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--99ys3u-shadowHorizontal, var(--omnise-card-shadow-x)) var(--99ys3u-shadowVertical, var(--omnise-card-shadow-y)) var(--99ys3u-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--99ys3u-shadowColor, var(--omnise-card-media-shadow-color)) var(--99ys3u-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--99ys3u-imageRatio-tablet, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-tablet, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-tablet, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-tablet, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-tablet, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-tablet, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-tablet, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-tablet, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-tablet, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-tablet, var(--99ys3u-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--99ys3u-imageRatio-mobile, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-mobile, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-mobile, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-mobile, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-mobile, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-mobile, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-mobile, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-mobile, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-mobile, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-mobile, var(--99ys3u-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-ggqfki"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {      }  } [data-bnode="omnise-ggqfki"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {                     }  }[data-bnode="omnise-wpi3tp"] { --wpi3tp-width: fill; --wpi3tp-width-tablet: fill; --wpi3tp-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --wpi3tp-transform: none; --wpi3tp-transform-tablet: none; --wpi3tp-transform-mobile: none; --wpi3tp-iconWidth: 20px; --wpi3tp-iconWidth-tablet: 20px; --wpi3tp-iconWidth-mobile: 20px; --wpi3tp-iconGap: 5px; --wpi3tp-iconGap-tablet: 5px; --wpi3tp-iconGap-mobile: 5px; --wpi3tp-button: pr; --wpi3tp-button-tablet: pr; --wpi3tp-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wpi3tp"] { margin-top: var(--wpi3tp-margin-top, 0px); margin-right: var(--wpi3tp-margin-right, 0px); margin-bottom: var(--wpi3tp-margin-bottom, 0px); margin-left: var(--wpi3tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpi3tp-margin-top-tablet, 0px); margin-right: var(--wpi3tp-margin-right-tablet, 0px); margin-bottom: var(--wpi3tp-margin-bottom-tablet, 0px); margin-left: var(--wpi3tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpi3tp-margin-top-mobile, 0px); margin-right: var(--wpi3tp-margin-right-mobile, 0px); margin-bottom: var(--wpi3tp-margin-bottom-mobile, 0px); margin-left: var(--wpi3tp-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--wpi3tp-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--wpi3tp-iconWidth,20px); min-width: var(--wpi3tp-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--wpi3tp-iconGap-tablet); svg { width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wpi3tp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-vqpczl"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --vqpczl-typography: p2; --vqpczl-typography-tablet: p2; --vqpczl-typography-mobile: p2; --vqpczl-margin-top: 12px; --vqpczl-margin-top-tablet: 12px; --vqpczl-margin-top-mobile: 12px; --vqpczl-margin-right: 0px; --vqpczl-margin-right-tablet: 0px; --vqpczl-margin-right-mobile: 0px; --vqpczl-margin-bottom: 0px; --vqpczl-margin-bottom-tablet: 0px; --vqpczl-margin-bottom-mobile: 0px; --vqpczl-margin-left: 0px; --vqpczl-margin-left-tablet: 0px; --vqpczl-margin-left-mobile: 0px; }[data-bnode="omnise-vqpczl"] { margin-top: var(--vqpczl-margin-top, 0px); margin-right: var(--vqpczl-margin-right, 0px); margin-bottom: var(--vqpczl-margin-bottom, 0px); margin-left: var(--vqpczl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqpczl-margin-top-tablet, 0px); margin-right: var(--vqpczl-margin-right-tablet, 0px); margin-bottom: var(--vqpczl-margin-bottom-tablet, 0px); margin-left: var(--vqpczl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqpczl-margin-top-mobile, 0px); margin-right: var(--vqpczl-margin-right-mobile, 0px); margin-bottom: var(--vqpczl-margin-bottom-mobile, 0px); margin-left: var(--vqpczl-margin-left-mobile, 0px); } }[data-bnode="omnise-bbj6n9"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --bbj6n9-priceType: salePrice; --bbj6n9-priceType-tablet: salePrice; --bbj6n9-priceType-mobile: salePrice; --bbj6n9-decoration: line-through; --bbj6n9-decoration-tablet: line-through; --bbj6n9-decoration-mobile: line-through; --bbj6n9-typography: p2; --bbj6n9-typography-tablet: p2; --bbj6n9-typography-mobile: p2; --bbj6n9-salePriceColor: #C13C18; --bbj6n9-salePriceColor-tablet: #C13C18; --bbj6n9-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-bbj6n9"] { margin-top: var(--bbj6n9-margin-top, 0px); margin-right: var(--bbj6n9-margin-right, 0px); margin-bottom: var(--bbj6n9-margin-bottom, 0px); margin-left: var(--bbj6n9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bbj6n9-margin-top-tablet, 0px); margin-right: var(--bbj6n9-margin-right-tablet, 0px); margin-bottom: var(--bbj6n9-margin-bottom-tablet, 0px); margin-left: var(--bbj6n9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bbj6n9-margin-top-mobile, 0px); margin-right: var(--bbj6n9-margin-right-mobile, 0px); margin-bottom: var(--bbj6n9-margin-bottom-mobile, 0px); margin-left: var(--bbj6n9-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--bbj6n9-comparePriceColor); text-decoration: var(--bbj6n9-decoration,none); font-size: calc(var(--bbj6n9-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--bbj6n9-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ber9ys"] { background: #FFFFFF; } [data-bnode="omnise-ber9ys"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }[data-bnode="omnise-q9u4sx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q9u4sx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q9u4sx"] {                     }  }[data-bnode="omnise-sn2cxp"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {      }  } [data-bnode="omnise-sn2cxp"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-8yix40"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1F4247; --omnise-p-font-weight: 400; --omnise-p-line-height: 2; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; }[data-bnode="omnise-8yix40"] { margin-top: var(--8yix40-margin-top, 0px); margin-right: var(--8yix40-margin-right, 0px); margin-bottom: var(--8yix40-margin-bottom, 0px); margin-left: var(--8yix40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8yix40-margin-top-tablet, 0px); margin-right: var(--8yix40-margin-right-tablet, 0px); margin-bottom: var(--8yix40-margin-bottom-tablet, 0px); margin-left: var(--8yix40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8yix40-margin-top-mobile, 0px); margin-right: var(--8yix40-margin-right-mobile, 0px); margin-bottom: var(--8yix40-margin-bottom-mobile, 0px); margin-left: var(--8yix40-margin-left-mobile, 0px); } }[data-bnode="omnise-99ys3u"] { --99ys3u-borderStyle: none; --99ys3u-borderStyle-tablet: none; --99ys3u-borderStyle-mobile: none; --99ys3u-borderColor: #000000; --99ys3u-borderColor-tablet: #000000; --99ys3u-borderColor-mobile: #000000; --99ys3u-borderWidth: 1px; --99ys3u-borderWidth-tablet: 1px; --99ys3u-borderWidth-mobile: 1px; --99ys3u-shadowHorizontal: 0; --99ys3u-shadowHorizontal-tablet: 0; --99ys3u-shadowHorizontal-mobile: 0; --99ys3u-shadowVertical: 0; --99ys3u-shadowVertical-tablet: 0; --99ys3u-shadowVertical-mobile: 0; --99ys3u-shadowBlur: 0; --99ys3u-shadowBlur-tablet: 0; --99ys3u-shadowBlur-mobile: 0; --99ys3u-shadowColor: #000000; --99ys3u-shadowColor-tablet: #000000; --99ys3u-shadowColor-mobile: #000000; --99ys3u-padding-top: 0px; --99ys3u-padding-top-tablet: 0px; --99ys3u-padding-top-mobile: 0px; --99ys3u-padding-right: 0px; --99ys3u-padding-right-tablet: 0px; --99ys3u-padding-right-mobile: 0px; --99ys3u-padding-bottom: 0px; --99ys3u-padding-bottom-tablet: 0px; --99ys3u-padding-bottom-mobile: 0px; --99ys3u-padding-left: 0px; --99ys3u-padding-left-tablet: 0px; --99ys3u-padding-left-mobile: 0px; --99ys3u-enableShadow: false; --99ys3u-enableShadow-tablet: false; --99ys3u-enableShadow-mobile: false; --99ys3u-imageRatio: 5/7; --99ys3u-imageRatio-tablet: 5/7; --99ys3u-imageRatio-mobile: 5/7; --99ys3u-borderRadius-tl: 0px; --99ys3u-borderRadius-tl-tablet: 0px; --99ys3u-borderRadius-tl-mobile: 0px; --99ys3u-borderRadius-tr: 0px; --99ys3u-borderRadius-tr-tablet: 0px; --99ys3u-borderRadius-tr-mobile: 0px; --99ys3u-borderRadius-bl: 0px; --99ys3u-borderRadius-bl-tablet: 0px; --99ys3u-borderRadius-bl-mobile: 0px; --99ys3u-borderRadius-br: 0px; --99ys3u-borderRadius-br-tablet: 0px; --99ys3u-borderRadius-br-mobile: 0px; --99ys3u-margin-top: 0px; --99ys3u-margin-top-tablet: 0px; --99ys3u-margin-top-mobile: 0px; --99ys3u-margin-right: 0px; --99ys3u-margin-right-tablet: 0px; --99ys3u-margin-right-mobile: 0px; --99ys3u-margin-bottom: 0px; --99ys3u-margin-bottom-tablet: 0px; --99ys3u-margin-bottom-mobile: 0px; --99ys3u-margin-left: 0px; --99ys3u-margin-left-tablet: 0px; --99ys3u-margin-left-mobile: 0px; }[data-bnode="omnise-99ys3u"] { margin-top: var(--99ys3u-margin-top, 0px); margin-right: var(--99ys3u-margin-right, 0px); margin-bottom: var(--99ys3u-margin-bottom, 0px); margin-left: var(--99ys3u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--99ys3u-margin-top-tablet, 0px); margin-right: var(--99ys3u-margin-right-tablet, 0px); margin-bottom: var(--99ys3u-margin-bottom-tablet, 0px); margin-left: var(--99ys3u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--99ys3u-margin-top-mobile, 0px); margin-right: var(--99ys3u-margin-right-mobile, 0px); margin-bottom: var(--99ys3u-margin-bottom-mobile, 0px); margin-left: var(--99ys3u-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--99ys3u-imageRatio, auto); overflow: hidden; border-style: var(--99ys3u-borderStyle, solid); border-color: var(--99ys3u-borderColor, var(--omnise-card-media-border-color)); border-width: var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-br, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--99ys3u-shadowHorizontal, var(--omnise-card-shadow-x)) var(--99ys3u-shadowVertical, var(--omnise-card-shadow-y)) var(--99ys3u-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--99ys3u-shadowColor, var(--omnise-card-media-shadow-color)) var(--99ys3u-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--99ys3u-imageRatio-tablet, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-tablet, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-tablet, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-tablet, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-tablet, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-tablet, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-tablet, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-tablet, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-tablet, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-tablet, var(--99ys3u-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--99ys3u-imageRatio-mobile, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-mobile, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-mobile, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-mobile, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-mobile, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-mobile, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-mobile, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-mobile, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-mobile, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-mobile, var(--99ys3u-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-ggqfki"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {      }  } [data-bnode="omnise-ggqfki"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {                     }  }[data-bnode="omnise-wpi3tp"] { --wpi3tp-width: fill; --wpi3tp-width-tablet: fill; --wpi3tp-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --wpi3tp-transform: none; --wpi3tp-transform-tablet: none; --wpi3tp-transform-mobile: none; --wpi3tp-iconWidth: 20px; --wpi3tp-iconWidth-tablet: 20px; --wpi3tp-iconWidth-mobile: 20px; --wpi3tp-iconGap: 5px; --wpi3tp-iconGap-tablet: 5px; --wpi3tp-iconGap-mobile: 5px; --wpi3tp-button: pr; --wpi3tp-button-tablet: pr; --wpi3tp-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wpi3tp"] { margin-top: var(--wpi3tp-margin-top, 0px); margin-right: var(--wpi3tp-margin-right, 0px); margin-bottom: var(--wpi3tp-margin-bottom, 0px); margin-left: var(--wpi3tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpi3tp-margin-top-tablet, 0px); margin-right: var(--wpi3tp-margin-right-tablet, 0px); margin-bottom: var(--wpi3tp-margin-bottom-tablet, 0px); margin-left: var(--wpi3tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpi3tp-margin-top-mobile, 0px); margin-right: var(--wpi3tp-margin-right-mobile, 0px); margin-bottom: var(--wpi3tp-margin-bottom-mobile, 0px); margin-left: var(--wpi3tp-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--wpi3tp-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--wpi3tp-iconWidth,20px); min-width: var(--wpi3tp-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--wpi3tp-iconGap-tablet); svg { width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wpi3tp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-vqpczl"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --vqpczl-typography: p2; --vqpczl-typography-tablet: p2; --vqpczl-typography-mobile: p2; --vqpczl-margin-top: 12px; --vqpczl-margin-top-tablet: 12px; --vqpczl-margin-top-mobile: 12px; --vqpczl-margin-right: 0px; --vqpczl-margin-right-tablet: 0px; --vqpczl-margin-right-mobile: 0px; --vqpczl-margin-bottom: 0px; --vqpczl-margin-bottom-tablet: 0px; --vqpczl-margin-bottom-mobile: 0px; --vqpczl-margin-left: 0px; --vqpczl-margin-left-tablet: 0px; --vqpczl-margin-left-mobile: 0px; }[data-bnode="omnise-vqpczl"] { margin-top: var(--vqpczl-margin-top, 0px); margin-right: var(--vqpczl-margin-right, 0px); margin-bottom: var(--vqpczl-margin-bottom, 0px); margin-left: var(--vqpczl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqpczl-margin-top-tablet, 0px); margin-right: var(--vqpczl-margin-right-tablet, 0px); margin-bottom: var(--vqpczl-margin-bottom-tablet, 0px); margin-left: var(--vqpczl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqpczl-margin-top-mobile, 0px); margin-right: var(--vqpczl-margin-right-mobile, 0px); margin-bottom: var(--vqpczl-margin-bottom-mobile, 0px); margin-left: var(--vqpczl-margin-left-mobile, 0px); } }[data-bnode="omnise-bbj6n9"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --bbj6n9-priceType: salePrice; --bbj6n9-priceType-tablet: salePrice; --bbj6n9-priceType-mobile: salePrice; --bbj6n9-decoration: line-through; --bbj6n9-decoration-tablet: line-through; --bbj6n9-decoration-mobile: line-through; --bbj6n9-typography: p2; --bbj6n9-typography-tablet: p2; --bbj6n9-typography-mobile: p2; --bbj6n9-salePriceColor: #C13C18; --bbj6n9-salePriceColor-tablet: #C13C18; --bbj6n9-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-bbj6n9"] { margin-top: var(--bbj6n9-margin-top, 0px); margin-right: var(--bbj6n9-margin-right, 0px); margin-bottom: var(--bbj6n9-margin-bottom, 0px); margin-left: var(--bbj6n9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bbj6n9-margin-top-tablet, 0px); margin-right: var(--bbj6n9-margin-right-tablet, 0px); margin-bottom: var(--bbj6n9-margin-bottom-tablet, 0px); margin-left: var(--bbj6n9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bbj6n9-margin-top-mobile, 0px); margin-right: var(--bbj6n9-margin-right-mobile, 0px); margin-bottom: var(--bbj6n9-margin-bottom-mobile, 0px); margin-left: var(--bbj6n9-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--bbj6n9-comparePriceColor); text-decoration: var(--bbj6n9-decoration,none); font-size: calc(var(--bbj6n9-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--bbj6n9-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ber9ys"] { background: #FFFFFF; } [data-bnode="omnise-ber9ys"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }[data-bnode="omnise-q9u4sx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q9u4sx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q9u4sx"] {                     }  }[data-bnode="omnise-sn2cxp"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {      }  } [data-bnode="omnise-sn2cxp"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-8yix40"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1F4247; --omnise-p-font-weight: 400; --omnise-p-line-height: 2; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; }[data-bnode="omnise-8yix40"] { margin-top: var(--8yix40-margin-top, 0px); margin-right: var(--8yix40-margin-right, 0px); margin-bottom: var(--8yix40-margin-bottom, 0px); margin-left: var(--8yix40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8yix40-margin-top-tablet, 0px); margin-right: var(--8yix40-margin-right-tablet, 0px); margin-bottom: var(--8yix40-margin-bottom-tablet, 0px); margin-left: var(--8yix40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8yix40-margin-top-mobile, 0px); margin-right: var(--8yix40-margin-right-mobile, 0px); margin-bottom: var(--8yix40-margin-bottom-mobile, 0px); margin-left: var(--8yix40-margin-left-mobile, 0px); } }[data-bnode="omnise-99ys3u"] { --99ys3u-borderStyle: none; --99ys3u-borderStyle-tablet: none; --99ys3u-borderStyle-mobile: none; --99ys3u-borderColor: #000000; --99ys3u-borderColor-tablet: #000000; --99ys3u-borderColor-mobile: #000000; --99ys3u-borderWidth: 1px; --99ys3u-borderWidth-tablet: 1px; --99ys3u-borderWidth-mobile: 1px; --99ys3u-shadowHorizontal: 0; --99ys3u-shadowHorizontal-tablet: 0; --99ys3u-shadowHorizontal-mobile: 0; --99ys3u-shadowVertical: 0; --99ys3u-shadowVertical-tablet: 0; --99ys3u-shadowVertical-mobile: 0; --99ys3u-shadowBlur: 0; --99ys3u-shadowBlur-tablet: 0; --99ys3u-shadowBlur-mobile: 0; --99ys3u-shadowColor: #000000; --99ys3u-shadowColor-tablet: #000000; --99ys3u-shadowColor-mobile: #000000; --99ys3u-padding-top: 0px; --99ys3u-padding-top-tablet: 0px; --99ys3u-padding-top-mobile: 0px; --99ys3u-padding-right: 0px; --99ys3u-padding-right-tablet: 0px; --99ys3u-padding-right-mobile: 0px; --99ys3u-padding-bottom: 0px; --99ys3u-padding-bottom-tablet: 0px; --99ys3u-padding-bottom-mobile: 0px; --99ys3u-padding-left: 0px; --99ys3u-padding-left-tablet: 0px; --99ys3u-padding-left-mobile: 0px; --99ys3u-enableShadow: false; --99ys3u-enableShadow-tablet: false; --99ys3u-enableShadow-mobile: false; --99ys3u-imageRatio: 5/7; --99ys3u-imageRatio-tablet: 5/7; --99ys3u-imageRatio-mobile: 5/7; --99ys3u-borderRadius-tl: 0px; --99ys3u-borderRadius-tl-tablet: 0px; --99ys3u-borderRadius-tl-mobile: 0px; --99ys3u-borderRadius-tr: 0px; --99ys3u-borderRadius-tr-tablet: 0px; --99ys3u-borderRadius-tr-mobile: 0px; --99ys3u-borderRadius-bl: 0px; --99ys3u-borderRadius-bl-tablet: 0px; --99ys3u-borderRadius-bl-mobile: 0px; --99ys3u-borderRadius-br: 0px; --99ys3u-borderRadius-br-tablet: 0px; --99ys3u-borderRadius-br-mobile: 0px; --99ys3u-margin-top: 0px; --99ys3u-margin-top-tablet: 0px; --99ys3u-margin-top-mobile: 0px; --99ys3u-margin-right: 0px; --99ys3u-margin-right-tablet: 0px; --99ys3u-margin-right-mobile: 0px; --99ys3u-margin-bottom: 0px; --99ys3u-margin-bottom-tablet: 0px; --99ys3u-margin-bottom-mobile: 0px; --99ys3u-margin-left: 0px; --99ys3u-margin-left-tablet: 0px; --99ys3u-margin-left-mobile: 0px; }[data-bnode="omnise-99ys3u"] { margin-top: var(--99ys3u-margin-top, 0px); margin-right: var(--99ys3u-margin-right, 0px); margin-bottom: var(--99ys3u-margin-bottom, 0px); margin-left: var(--99ys3u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--99ys3u-margin-top-tablet, 0px); margin-right: var(--99ys3u-margin-right-tablet, 0px); margin-bottom: var(--99ys3u-margin-bottom-tablet, 0px); margin-left: var(--99ys3u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--99ys3u-margin-top-mobile, 0px); margin-right: var(--99ys3u-margin-right-mobile, 0px); margin-bottom: var(--99ys3u-margin-bottom-mobile, 0px); margin-left: var(--99ys3u-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--99ys3u-imageRatio, auto); overflow: hidden; border-style: var(--99ys3u-borderStyle, solid); border-color: var(--99ys3u-borderColor, var(--omnise-card-media-border-color)); border-width: var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-br, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--99ys3u-shadowHorizontal, var(--omnise-card-shadow-x)) var(--99ys3u-shadowVertical, var(--omnise-card-shadow-y)) var(--99ys3u-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--99ys3u-shadowColor, var(--omnise-card-media-shadow-color)) var(--99ys3u-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--99ys3u-imageRatio-tablet, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-tablet, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-tablet, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-tablet, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-tablet, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-tablet, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-tablet, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-tablet, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-tablet, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-tablet, var(--99ys3u-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--99ys3u-imageRatio-mobile, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-mobile, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-mobile, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-mobile, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-mobile, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-mobile, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-mobile, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-mobile, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-mobile, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-mobile, var(--99ys3u-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-ggqfki"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {      }  } [data-bnode="omnise-ggqfki"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {                     }  }[data-bnode="omnise-wpi3tp"] { --wpi3tp-width: fill; --wpi3tp-width-tablet: fill; --wpi3tp-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --wpi3tp-transform: none; --wpi3tp-transform-tablet: none; --wpi3tp-transform-mobile: none; --wpi3tp-iconWidth: 20px; --wpi3tp-iconWidth-tablet: 20px; --wpi3tp-iconWidth-mobile: 20px; --wpi3tp-iconGap: 5px; --wpi3tp-iconGap-tablet: 5px; --wpi3tp-iconGap-mobile: 5px; --wpi3tp-button: pr; --wpi3tp-button-tablet: pr; --wpi3tp-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wpi3tp"] { margin-top: var(--wpi3tp-margin-top, 0px); margin-right: var(--wpi3tp-margin-right, 0px); margin-bottom: var(--wpi3tp-margin-bottom, 0px); margin-left: var(--wpi3tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpi3tp-margin-top-tablet, 0px); margin-right: var(--wpi3tp-margin-right-tablet, 0px); margin-bottom: var(--wpi3tp-margin-bottom-tablet, 0px); margin-left: var(--wpi3tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpi3tp-margin-top-mobile, 0px); margin-right: var(--wpi3tp-margin-right-mobile, 0px); margin-bottom: var(--wpi3tp-margin-bottom-mobile, 0px); margin-left: var(--wpi3tp-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--wpi3tp-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--wpi3tp-iconWidth,20px); min-width: var(--wpi3tp-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--wpi3tp-iconGap-tablet); svg { width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wpi3tp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-vqpczl"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --vqpczl-typography: p2; --vqpczl-typography-tablet: p2; --vqpczl-typography-mobile: p2; --vqpczl-margin-top: 12px; --vqpczl-margin-top-tablet: 12px; --vqpczl-margin-top-mobile: 12px; --vqpczl-margin-right: 0px; --vqpczl-margin-right-tablet: 0px; --vqpczl-margin-right-mobile: 0px; --vqpczl-margin-bottom: 0px; --vqpczl-margin-bottom-tablet: 0px; --vqpczl-margin-bottom-mobile: 0px; --vqpczl-margin-left: 0px; --vqpczl-margin-left-tablet: 0px; --vqpczl-margin-left-mobile: 0px; }[data-bnode="omnise-vqpczl"] { margin-top: var(--vqpczl-margin-top, 0px); margin-right: var(--vqpczl-margin-right, 0px); margin-bottom: var(--vqpczl-margin-bottom, 0px); margin-left: var(--vqpczl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqpczl-margin-top-tablet, 0px); margin-right: var(--vqpczl-margin-right-tablet, 0px); margin-bottom: var(--vqpczl-margin-bottom-tablet, 0px); margin-left: var(--vqpczl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqpczl-margin-top-mobile, 0px); margin-right: var(--vqpczl-margin-right-mobile, 0px); margin-bottom: var(--vqpczl-margin-bottom-mobile, 0px); margin-left: var(--vqpczl-margin-left-mobile, 0px); } }[data-bnode="omnise-bbj6n9"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --bbj6n9-priceType: salePrice; --bbj6n9-priceType-tablet: salePrice; --bbj6n9-priceType-mobile: salePrice; --bbj6n9-decoration: line-through; --bbj6n9-decoration-tablet: line-through; --bbj6n9-decoration-mobile: line-through; --bbj6n9-typography: p2; --bbj6n9-typography-tablet: p2; --bbj6n9-typography-mobile: p2; --bbj6n9-salePriceColor: #C13C18; --bbj6n9-salePriceColor-tablet: #C13C18; --bbj6n9-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-bbj6n9"] { margin-top: var(--bbj6n9-margin-top, 0px); margin-right: var(--bbj6n9-margin-right, 0px); margin-bottom: var(--bbj6n9-margin-bottom, 0px); margin-left: var(--bbj6n9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bbj6n9-margin-top-tablet, 0px); margin-right: var(--bbj6n9-margin-right-tablet, 0px); margin-bottom: var(--bbj6n9-margin-bottom-tablet, 0px); margin-left: var(--bbj6n9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bbj6n9-margin-top-mobile, 0px); margin-right: var(--bbj6n9-margin-right-mobile, 0px); margin-bottom: var(--bbj6n9-margin-bottom-mobile, 0px); margin-left: var(--bbj6n9-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--bbj6n9-comparePriceColor); text-decoration: var(--bbj6n9-decoration,none); font-size: calc(var(--bbj6n9-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--bbj6n9-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ber9ys"] { background: #FFFFFF; } [data-bnode="omnise-ber9ys"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }[data-bnode="omnise-q9u4sx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q9u4sx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q9u4sx"] {                     }  }[data-bnode="omnise-sn2cxp"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {      }  } [data-bnode="omnise-sn2cxp"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-8yix40"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1F4247; --omnise-p-font-weight: 400; --omnise-p-line-height: 2; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; }[data-bnode="omnise-8yix40"] { margin-top: var(--8yix40-margin-top, 0px); margin-right: var(--8yix40-margin-right, 0px); margin-bottom: var(--8yix40-margin-bottom, 0px); margin-left: var(--8yix40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8yix40-margin-top-tablet, 0px); margin-right: var(--8yix40-margin-right-tablet, 0px); margin-bottom: var(--8yix40-margin-bottom-tablet, 0px); margin-left: var(--8yix40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8yix40-margin-top-mobile, 0px); margin-right: var(--8yix40-margin-right-mobile, 0px); margin-bottom: var(--8yix40-margin-bottom-mobile, 0px); margin-left: var(--8yix40-margin-left-mobile, 0px); } }[data-bnode="omnise-99ys3u"] { --99ys3u-borderStyle: none; --99ys3u-borderStyle-tablet: none; --99ys3u-borderStyle-mobile: none; --99ys3u-borderColor: #000000; --99ys3u-borderColor-tablet: #000000; --99ys3u-borderColor-mobile: #000000; --99ys3u-borderWidth: 1px; --99ys3u-borderWidth-tablet: 1px; --99ys3u-borderWidth-mobile: 1px; --99ys3u-shadowHorizontal: 0; --99ys3u-shadowHorizontal-tablet: 0; --99ys3u-shadowHorizontal-mobile: 0; --99ys3u-shadowVertical: 0; --99ys3u-shadowVertical-tablet: 0; --99ys3u-shadowVertical-mobile: 0; --99ys3u-shadowBlur: 0; --99ys3u-shadowBlur-tablet: 0; --99ys3u-shadowBlur-mobile: 0; --99ys3u-shadowColor: #000000; --99ys3u-shadowColor-tablet: #000000; --99ys3u-shadowColor-mobile: #000000; --99ys3u-padding-top: 0px; --99ys3u-padding-top-tablet: 0px; --99ys3u-padding-top-mobile: 0px; --99ys3u-padding-right: 0px; --99ys3u-padding-right-tablet: 0px; --99ys3u-padding-right-mobile: 0px; --99ys3u-padding-bottom: 0px; --99ys3u-padding-bottom-tablet: 0px; --99ys3u-padding-bottom-mobile: 0px; --99ys3u-padding-left: 0px; --99ys3u-padding-left-tablet: 0px; --99ys3u-padding-left-mobile: 0px; --99ys3u-enableShadow: false; --99ys3u-enableShadow-tablet: false; --99ys3u-enableShadow-mobile: false; --99ys3u-imageRatio: 5/7; --99ys3u-imageRatio-tablet: 5/7; --99ys3u-imageRatio-mobile: 5/7; --99ys3u-borderRadius-tl: 0px; --99ys3u-borderRadius-tl-tablet: 0px; --99ys3u-borderRadius-tl-mobile: 0px; --99ys3u-borderRadius-tr: 0px; --99ys3u-borderRadius-tr-tablet: 0px; --99ys3u-borderRadius-tr-mobile: 0px; --99ys3u-borderRadius-bl: 0px; --99ys3u-borderRadius-bl-tablet: 0px; --99ys3u-borderRadius-bl-mobile: 0px; --99ys3u-borderRadius-br: 0px; --99ys3u-borderRadius-br-tablet: 0px; --99ys3u-borderRadius-br-mobile: 0px; --99ys3u-margin-top: 0px; --99ys3u-margin-top-tablet: 0px; --99ys3u-margin-top-mobile: 0px; --99ys3u-margin-right: 0px; --99ys3u-margin-right-tablet: 0px; --99ys3u-margin-right-mobile: 0px; --99ys3u-margin-bottom: 0px; --99ys3u-margin-bottom-tablet: 0px; --99ys3u-margin-bottom-mobile: 0px; --99ys3u-margin-left: 0px; --99ys3u-margin-left-tablet: 0px; --99ys3u-margin-left-mobile: 0px; }[data-bnode="omnise-99ys3u"] { margin-top: var(--99ys3u-margin-top, 0px); margin-right: var(--99ys3u-margin-right, 0px); margin-bottom: var(--99ys3u-margin-bottom, 0px); margin-left: var(--99ys3u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--99ys3u-margin-top-tablet, 0px); margin-right: var(--99ys3u-margin-right-tablet, 0px); margin-bottom: var(--99ys3u-margin-bottom-tablet, 0px); margin-left: var(--99ys3u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--99ys3u-margin-top-mobile, 0px); margin-right: var(--99ys3u-margin-right-mobile, 0px); margin-bottom: var(--99ys3u-margin-bottom-mobile, 0px); margin-left: var(--99ys3u-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--99ys3u-imageRatio, auto); overflow: hidden; border-style: var(--99ys3u-borderStyle, solid); border-color: var(--99ys3u-borderColor, var(--omnise-card-media-border-color)); border-width: var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-br, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--99ys3u-shadowHorizontal, var(--omnise-card-shadow-x)) var(--99ys3u-shadowVertical, var(--omnise-card-shadow-y)) var(--99ys3u-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--99ys3u-shadowColor, var(--omnise-card-media-shadow-color)) var(--99ys3u-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--99ys3u-imageRatio-tablet, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-tablet, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-tablet, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-tablet, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-tablet, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-tablet, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-tablet, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-tablet, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-tablet, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-tablet, var(--99ys3u-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--99ys3u-imageRatio-mobile, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-mobile, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-mobile, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-mobile, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-mobile, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-mobile, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-mobile, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-mobile, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-mobile, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-mobile, var(--99ys3u-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-ggqfki"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {      }  } [data-bnode="omnise-ggqfki"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {                     }  }[data-bnode="omnise-wpi3tp"] { --wpi3tp-width: fill; --wpi3tp-width-tablet: fill; --wpi3tp-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --wpi3tp-transform: none; --wpi3tp-transform-tablet: none; --wpi3tp-transform-mobile: none; --wpi3tp-iconWidth: 20px; --wpi3tp-iconWidth-tablet: 20px; --wpi3tp-iconWidth-mobile: 20px; --wpi3tp-iconGap: 5px; --wpi3tp-iconGap-tablet: 5px; --wpi3tp-iconGap-mobile: 5px; --wpi3tp-button: pr; --wpi3tp-button-tablet: pr; --wpi3tp-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wpi3tp"] { margin-top: var(--wpi3tp-margin-top, 0px); margin-right: var(--wpi3tp-margin-right, 0px); margin-bottom: var(--wpi3tp-margin-bottom, 0px); margin-left: var(--wpi3tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpi3tp-margin-top-tablet, 0px); margin-right: var(--wpi3tp-margin-right-tablet, 0px); margin-bottom: var(--wpi3tp-margin-bottom-tablet, 0px); margin-left: var(--wpi3tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpi3tp-margin-top-mobile, 0px); margin-right: var(--wpi3tp-margin-right-mobile, 0px); margin-bottom: var(--wpi3tp-margin-bottom-mobile, 0px); margin-left: var(--wpi3tp-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--wpi3tp-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--wpi3tp-iconWidth,20px); min-width: var(--wpi3tp-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--wpi3tp-iconGap-tablet); svg { width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wpi3tp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-vqpczl"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --vqpczl-typography: p2; --vqpczl-typography-tablet: p2; --vqpczl-typography-mobile: p2; --vqpczl-margin-top: 12px; --vqpczl-margin-top-tablet: 12px; --vqpczl-margin-top-mobile: 12px; --vqpczl-margin-right: 0px; --vqpczl-margin-right-tablet: 0px; --vqpczl-margin-right-mobile: 0px; --vqpczl-margin-bottom: 0px; --vqpczl-margin-bottom-tablet: 0px; --vqpczl-margin-bottom-mobile: 0px; --vqpczl-margin-left: 0px; --vqpczl-margin-left-tablet: 0px; --vqpczl-margin-left-mobile: 0px; }[data-bnode="omnise-vqpczl"] { margin-top: var(--vqpczl-margin-top, 0px); margin-right: var(--vqpczl-margin-right, 0px); margin-bottom: var(--vqpczl-margin-bottom, 0px); margin-left: var(--vqpczl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqpczl-margin-top-tablet, 0px); margin-right: var(--vqpczl-margin-right-tablet, 0px); margin-bottom: var(--vqpczl-margin-bottom-tablet, 0px); margin-left: var(--vqpczl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqpczl-margin-top-mobile, 0px); margin-right: var(--vqpczl-margin-right-mobile, 0px); margin-bottom: var(--vqpczl-margin-bottom-mobile, 0px); margin-left: var(--vqpczl-margin-left-mobile, 0px); } }[data-bnode="omnise-bbj6n9"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --bbj6n9-priceType: salePrice; --bbj6n9-priceType-tablet: salePrice; --bbj6n9-priceType-mobile: salePrice; --bbj6n9-decoration: line-through; --bbj6n9-decoration-tablet: line-through; --bbj6n9-decoration-mobile: line-through; --bbj6n9-typography: p2; --bbj6n9-typography-tablet: p2; --bbj6n9-typography-mobile: p2; --bbj6n9-salePriceColor: #C13C18; --bbj6n9-salePriceColor-tablet: #C13C18; --bbj6n9-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-bbj6n9"] { margin-top: var(--bbj6n9-margin-top, 0px); margin-right: var(--bbj6n9-margin-right, 0px); margin-bottom: var(--bbj6n9-margin-bottom, 0px); margin-left: var(--bbj6n9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bbj6n9-margin-top-tablet, 0px); margin-right: var(--bbj6n9-margin-right-tablet, 0px); margin-bottom: var(--bbj6n9-margin-bottom-tablet, 0px); margin-left: var(--bbj6n9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bbj6n9-margin-top-mobile, 0px); margin-right: var(--bbj6n9-margin-right-mobile, 0px); margin-bottom: var(--bbj6n9-margin-bottom-mobile, 0px); margin-left: var(--bbj6n9-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--bbj6n9-comparePriceColor); text-decoration: var(--bbj6n9-decoration,none); font-size: calc(var(--bbj6n9-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--bbj6n9-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ber9ys"] { background: #FFFFFF; } [data-bnode="omnise-ber9ys"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }[data-bnode="omnise-q9u4sx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q9u4sx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q9u4sx"] {                     }  }[data-bnode="omnise-sn2cxp"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {      }  } [data-bnode="omnise-sn2cxp"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-8yix40"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1F4247; --omnise-p-font-weight: 400; --omnise-p-line-height: 2; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; }[data-bnode="omnise-8yix40"] { margin-top: var(--8yix40-margin-top, 0px); margin-right: var(--8yix40-margin-right, 0px); margin-bottom: var(--8yix40-margin-bottom, 0px); margin-left: var(--8yix40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8yix40-margin-top-tablet, 0px); margin-right: var(--8yix40-margin-right-tablet, 0px); margin-bottom: var(--8yix40-margin-bottom-tablet, 0px); margin-left: var(--8yix40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8yix40-margin-top-mobile, 0px); margin-right: var(--8yix40-margin-right-mobile, 0px); margin-bottom: var(--8yix40-margin-bottom-mobile, 0px); margin-left: var(--8yix40-margin-left-mobile, 0px); } }[data-bnode="omnise-99ys3u"] { --99ys3u-borderStyle: none; --99ys3u-borderStyle-tablet: none; --99ys3u-borderStyle-mobile: none; --99ys3u-borderColor: #000000; --99ys3u-borderColor-tablet: #000000; --99ys3u-borderColor-mobile: #000000; --99ys3u-borderWidth: 1px; --99ys3u-borderWidth-tablet: 1px; --99ys3u-borderWidth-mobile: 1px; --99ys3u-shadowHorizontal: 0; --99ys3u-shadowHorizontal-tablet: 0; --99ys3u-shadowHorizontal-mobile: 0; --99ys3u-shadowVertical: 0; --99ys3u-shadowVertical-tablet: 0; --99ys3u-shadowVertical-mobile: 0; --99ys3u-shadowBlur: 0; --99ys3u-shadowBlur-tablet: 0; --99ys3u-shadowBlur-mobile: 0; --99ys3u-shadowColor: #000000; --99ys3u-shadowColor-tablet: #000000; --99ys3u-shadowColor-mobile: #000000; --99ys3u-padding-top: 0px; --99ys3u-padding-top-tablet: 0px; --99ys3u-padding-top-mobile: 0px; --99ys3u-padding-right: 0px; --99ys3u-padding-right-tablet: 0px; --99ys3u-padding-right-mobile: 0px; --99ys3u-padding-bottom: 0px; --99ys3u-padding-bottom-tablet: 0px; --99ys3u-padding-bottom-mobile: 0px; --99ys3u-padding-left: 0px; --99ys3u-padding-left-tablet: 0px; --99ys3u-padding-left-mobile: 0px; --99ys3u-enableShadow: false; --99ys3u-enableShadow-tablet: false; --99ys3u-enableShadow-mobile: false; --99ys3u-imageRatio: 5/7; --99ys3u-imageRatio-tablet: 5/7; --99ys3u-imageRatio-mobile: 5/7; --99ys3u-borderRadius-tl: 0px; --99ys3u-borderRadius-tl-tablet: 0px; --99ys3u-borderRadius-tl-mobile: 0px; --99ys3u-borderRadius-tr: 0px; --99ys3u-borderRadius-tr-tablet: 0px; --99ys3u-borderRadius-tr-mobile: 0px; --99ys3u-borderRadius-bl: 0px; --99ys3u-borderRadius-bl-tablet: 0px; --99ys3u-borderRadius-bl-mobile: 0px; --99ys3u-borderRadius-br: 0px; --99ys3u-borderRadius-br-tablet: 0px; --99ys3u-borderRadius-br-mobile: 0px; --99ys3u-margin-top: 0px; --99ys3u-margin-top-tablet: 0px; --99ys3u-margin-top-mobile: 0px; --99ys3u-margin-right: 0px; --99ys3u-margin-right-tablet: 0px; --99ys3u-margin-right-mobile: 0px; --99ys3u-margin-bottom: 0px; --99ys3u-margin-bottom-tablet: 0px; --99ys3u-margin-bottom-mobile: 0px; --99ys3u-margin-left: 0px; --99ys3u-margin-left-tablet: 0px; --99ys3u-margin-left-mobile: 0px; }[data-bnode="omnise-99ys3u"] { margin-top: var(--99ys3u-margin-top, 0px); margin-right: var(--99ys3u-margin-right, 0px); margin-bottom: var(--99ys3u-margin-bottom, 0px); margin-left: var(--99ys3u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--99ys3u-margin-top-tablet, 0px); margin-right: var(--99ys3u-margin-right-tablet, 0px); margin-bottom: var(--99ys3u-margin-bottom-tablet, 0px); margin-left: var(--99ys3u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--99ys3u-margin-top-mobile, 0px); margin-right: var(--99ys3u-margin-right-mobile, 0px); margin-bottom: var(--99ys3u-margin-bottom-mobile, 0px); margin-left: var(--99ys3u-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--99ys3u-imageRatio, auto); overflow: hidden; border-style: var(--99ys3u-borderStyle, solid); border-color: var(--99ys3u-borderColor, var(--omnise-card-media-border-color)); border-width: var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-br, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--99ys3u-shadowHorizontal, var(--omnise-card-shadow-x)) var(--99ys3u-shadowVertical, var(--omnise-card-shadow-y)) var(--99ys3u-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--99ys3u-shadowColor, var(--omnise-card-media-shadow-color)) var(--99ys3u-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--99ys3u-imageRatio-tablet, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-tablet, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-tablet, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-tablet, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-tablet, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-tablet, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-tablet, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-tablet, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-tablet, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-tablet, var(--99ys3u-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--99ys3u-imageRatio-mobile, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-mobile, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-mobile, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-mobile, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-mobile, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-mobile, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-mobile, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-mobile, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-mobile, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-mobile, var(--99ys3u-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-ggqfki"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {      }  } [data-bnode="omnise-ggqfki"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {                     }  }[data-bnode="omnise-wpi3tp"] { --wpi3tp-width: fill; --wpi3tp-width-tablet: fill; --wpi3tp-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --wpi3tp-transform: none; --wpi3tp-transform-tablet: none; --wpi3tp-transform-mobile: none; --wpi3tp-iconWidth: 20px; --wpi3tp-iconWidth-tablet: 20px; --wpi3tp-iconWidth-mobile: 20px; --wpi3tp-iconGap: 5px; --wpi3tp-iconGap-tablet: 5px; --wpi3tp-iconGap-mobile: 5px; --wpi3tp-button: pr; --wpi3tp-button-tablet: pr; --wpi3tp-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wpi3tp"] { margin-top: var(--wpi3tp-margin-top, 0px); margin-right: var(--wpi3tp-margin-right, 0px); margin-bottom: var(--wpi3tp-margin-bottom, 0px); margin-left: var(--wpi3tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpi3tp-margin-top-tablet, 0px); margin-right: var(--wpi3tp-margin-right-tablet, 0px); margin-bottom: var(--wpi3tp-margin-bottom-tablet, 0px); margin-left: var(--wpi3tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpi3tp-margin-top-mobile, 0px); margin-right: var(--wpi3tp-margin-right-mobile, 0px); margin-bottom: var(--wpi3tp-margin-bottom-mobile, 0px); margin-left: var(--wpi3tp-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--wpi3tp-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--wpi3tp-iconWidth,20px); min-width: var(--wpi3tp-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--wpi3tp-iconGap-tablet); svg { width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wpi3tp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-vqpczl"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --vqpczl-typography: p2; --vqpczl-typography-tablet: p2; --vqpczl-typography-mobile: p2; --vqpczl-margin-top: 12px; --vqpczl-margin-top-tablet: 12px; --vqpczl-margin-top-mobile: 12px; --vqpczl-margin-right: 0px; --vqpczl-margin-right-tablet: 0px; --vqpczl-margin-right-mobile: 0px; --vqpczl-margin-bottom: 0px; --vqpczl-margin-bottom-tablet: 0px; --vqpczl-margin-bottom-mobile: 0px; --vqpczl-margin-left: 0px; --vqpczl-margin-left-tablet: 0px; --vqpczl-margin-left-mobile: 0px; }[data-bnode="omnise-vqpczl"] { margin-top: var(--vqpczl-margin-top, 0px); margin-right: var(--vqpczl-margin-right, 0px); margin-bottom: var(--vqpczl-margin-bottom, 0px); margin-left: var(--vqpczl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqpczl-margin-top-tablet, 0px); margin-right: var(--vqpczl-margin-right-tablet, 0px); margin-bottom: var(--vqpczl-margin-bottom-tablet, 0px); margin-left: var(--vqpczl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqpczl-margin-top-mobile, 0px); margin-right: var(--vqpczl-margin-right-mobile, 0px); margin-bottom: var(--vqpczl-margin-bottom-mobile, 0px); margin-left: var(--vqpczl-margin-left-mobile, 0px); } }[data-bnode="omnise-bbj6n9"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --bbj6n9-priceType: salePrice; --bbj6n9-priceType-tablet: salePrice; --bbj6n9-priceType-mobile: salePrice; --bbj6n9-decoration: line-through; --bbj6n9-decoration-tablet: line-through; --bbj6n9-decoration-mobile: line-through; --bbj6n9-typography: p2; --bbj6n9-typography-tablet: p2; --bbj6n9-typography-mobile: p2; --bbj6n9-salePriceColor: #C13C18; --bbj6n9-salePriceColor-tablet: #C13C18; --bbj6n9-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-bbj6n9"] { margin-top: var(--bbj6n9-margin-top, 0px); margin-right: var(--bbj6n9-margin-right, 0px); margin-bottom: var(--bbj6n9-margin-bottom, 0px); margin-left: var(--bbj6n9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bbj6n9-margin-top-tablet, 0px); margin-right: var(--bbj6n9-margin-right-tablet, 0px); margin-bottom: var(--bbj6n9-margin-bottom-tablet, 0px); margin-left: var(--bbj6n9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bbj6n9-margin-top-mobile, 0px); margin-right: var(--bbj6n9-margin-right-mobile, 0px); margin-bottom: var(--bbj6n9-margin-bottom-mobile, 0px); margin-left: var(--bbj6n9-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--bbj6n9-comparePriceColor); text-decoration: var(--bbj6n9-decoration,none); font-size: calc(var(--bbj6n9-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--bbj6n9-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ber9ys"] { background: #FFFFFF; } [data-bnode="omnise-ber9ys"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }[data-bnode="omnise-q9u4sx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q9u4sx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q9u4sx"] {                     }  }[data-bnode="omnise-sn2cxp"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {      }  } [data-bnode="omnise-sn2cxp"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-8yix40"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1F4247; --omnise-p-font-weight: 400; --omnise-p-line-height: 2; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; }[data-bnode="omnise-8yix40"] { margin-top: var(--8yix40-margin-top, 0px); margin-right: var(--8yix40-margin-right, 0px); margin-bottom: var(--8yix40-margin-bottom, 0px); margin-left: var(--8yix40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8yix40-margin-top-tablet, 0px); margin-right: var(--8yix40-margin-right-tablet, 0px); margin-bottom: var(--8yix40-margin-bottom-tablet, 0px); margin-left: var(--8yix40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8yix40-margin-top-mobile, 0px); margin-right: var(--8yix40-margin-right-mobile, 0px); margin-bottom: var(--8yix40-margin-bottom-mobile, 0px); margin-left: var(--8yix40-margin-left-mobile, 0px); } }[data-bnode="omnise-99ys3u"] { --99ys3u-borderStyle: none; --99ys3u-borderStyle-tablet: none; --99ys3u-borderStyle-mobile: none; --99ys3u-borderColor: #000000; --99ys3u-borderColor-tablet: #000000; --99ys3u-borderColor-mobile: #000000; --99ys3u-borderWidth: 1px; --99ys3u-borderWidth-tablet: 1px; --99ys3u-borderWidth-mobile: 1px; --99ys3u-shadowHorizontal: 0; --99ys3u-shadowHorizontal-tablet: 0; --99ys3u-shadowHorizontal-mobile: 0; --99ys3u-shadowVertical: 0; --99ys3u-shadowVertical-tablet: 0; --99ys3u-shadowVertical-mobile: 0; --99ys3u-shadowBlur: 0; --99ys3u-shadowBlur-tablet: 0; --99ys3u-shadowBlur-mobile: 0; --99ys3u-shadowColor: #000000; --99ys3u-shadowColor-tablet: #000000; --99ys3u-shadowColor-mobile: #000000; --99ys3u-padding-top: 0px; --99ys3u-padding-top-tablet: 0px; --99ys3u-padding-top-mobile: 0px; --99ys3u-padding-right: 0px; --99ys3u-padding-right-tablet: 0px; --99ys3u-padding-right-mobile: 0px; --99ys3u-padding-bottom: 0px; --99ys3u-padding-bottom-tablet: 0px; --99ys3u-padding-bottom-mobile: 0px; --99ys3u-padding-left: 0px; --99ys3u-padding-left-tablet: 0px; --99ys3u-padding-left-mobile: 0px; --99ys3u-enableShadow: false; --99ys3u-enableShadow-tablet: false; --99ys3u-enableShadow-mobile: false; --99ys3u-imageRatio: 5/7; --99ys3u-imageRatio-tablet: 5/7; --99ys3u-imageRatio-mobile: 5/7; --99ys3u-borderRadius-tl: 0px; --99ys3u-borderRadius-tl-tablet: 0px; --99ys3u-borderRadius-tl-mobile: 0px; --99ys3u-borderRadius-tr: 0px; --99ys3u-borderRadius-tr-tablet: 0px; --99ys3u-borderRadius-tr-mobile: 0px; --99ys3u-borderRadius-bl: 0px; --99ys3u-borderRadius-bl-tablet: 0px; --99ys3u-borderRadius-bl-mobile: 0px; --99ys3u-borderRadius-br: 0px; --99ys3u-borderRadius-br-tablet: 0px; --99ys3u-borderRadius-br-mobile: 0px; --99ys3u-margin-top: 0px; --99ys3u-margin-top-tablet: 0px; --99ys3u-margin-top-mobile: 0px; --99ys3u-margin-right: 0px; --99ys3u-margin-right-tablet: 0px; --99ys3u-margin-right-mobile: 0px; --99ys3u-margin-bottom: 0px; --99ys3u-margin-bottom-tablet: 0px; --99ys3u-margin-bottom-mobile: 0px; --99ys3u-margin-left: 0px; --99ys3u-margin-left-tablet: 0px; --99ys3u-margin-left-mobile: 0px; }[data-bnode="omnise-99ys3u"] { margin-top: var(--99ys3u-margin-top, 0px); margin-right: var(--99ys3u-margin-right, 0px); margin-bottom: var(--99ys3u-margin-bottom, 0px); margin-left: var(--99ys3u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--99ys3u-margin-top-tablet, 0px); margin-right: var(--99ys3u-margin-right-tablet, 0px); margin-bottom: var(--99ys3u-margin-bottom-tablet, 0px); margin-left: var(--99ys3u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--99ys3u-margin-top-mobile, 0px); margin-right: var(--99ys3u-margin-right-mobile, 0px); margin-bottom: var(--99ys3u-margin-bottom-mobile, 0px); margin-left: var(--99ys3u-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--99ys3u-imageRatio, auto); overflow: hidden; border-style: var(--99ys3u-borderStyle, solid); border-color: var(--99ys3u-borderColor, var(--omnise-card-media-border-color)); border-width: var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-br, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--99ys3u-shadowHorizontal, var(--omnise-card-shadow-x)) var(--99ys3u-shadowVertical, var(--omnise-card-shadow-y)) var(--99ys3u-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--99ys3u-shadowColor, var(--omnise-card-media-shadow-color)) var(--99ys3u-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--99ys3u-imageRatio-tablet, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-tablet, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-tablet, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-tablet, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-tablet, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-tablet, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-tablet, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-tablet, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-tablet, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-tablet, var(--99ys3u-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--99ys3u-imageRatio-mobile, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-mobile, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-mobile, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-mobile, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-mobile, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-mobile, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-mobile, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-mobile, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-mobile, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-mobile, var(--99ys3u-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-ggqfki"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {      }  } [data-bnode="omnise-ggqfki"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {                     }  }[data-bnode="omnise-wpi3tp"] { --wpi3tp-width: fill; --wpi3tp-width-tablet: fill; --wpi3tp-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --wpi3tp-transform: none; --wpi3tp-transform-tablet: none; --wpi3tp-transform-mobile: none; --wpi3tp-iconWidth: 20px; --wpi3tp-iconWidth-tablet: 20px; --wpi3tp-iconWidth-mobile: 20px; --wpi3tp-iconGap: 5px; --wpi3tp-iconGap-tablet: 5px; --wpi3tp-iconGap-mobile: 5px; --wpi3tp-button: pr; --wpi3tp-button-tablet: pr; --wpi3tp-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wpi3tp"] { margin-top: var(--wpi3tp-margin-top, 0px); margin-right: var(--wpi3tp-margin-right, 0px); margin-bottom: var(--wpi3tp-margin-bottom, 0px); margin-left: var(--wpi3tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpi3tp-margin-top-tablet, 0px); margin-right: var(--wpi3tp-margin-right-tablet, 0px); margin-bottom: var(--wpi3tp-margin-bottom-tablet, 0px); margin-left: var(--wpi3tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpi3tp-margin-top-mobile, 0px); margin-right: var(--wpi3tp-margin-right-mobile, 0px); margin-bottom: var(--wpi3tp-margin-bottom-mobile, 0px); margin-left: var(--wpi3tp-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--wpi3tp-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--wpi3tp-iconWidth,20px); min-width: var(--wpi3tp-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--wpi3tp-iconGap-tablet); svg { width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wpi3tp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-vqpczl"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --vqpczl-typography: p2; --vqpczl-typography-tablet: p2; --vqpczl-typography-mobile: p2; --vqpczl-margin-top: 12px; --vqpczl-margin-top-tablet: 12px; --vqpczl-margin-top-mobile: 12px; --vqpczl-margin-right: 0px; --vqpczl-margin-right-tablet: 0px; --vqpczl-margin-right-mobile: 0px; --vqpczl-margin-bottom: 0px; --vqpczl-margin-bottom-tablet: 0px; --vqpczl-margin-bottom-mobile: 0px; --vqpczl-margin-left: 0px; --vqpczl-margin-left-tablet: 0px; --vqpczl-margin-left-mobile: 0px; }[data-bnode="omnise-vqpczl"] { margin-top: var(--vqpczl-margin-top, 0px); margin-right: var(--vqpczl-margin-right, 0px); margin-bottom: var(--vqpczl-margin-bottom, 0px); margin-left: var(--vqpczl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqpczl-margin-top-tablet, 0px); margin-right: var(--vqpczl-margin-right-tablet, 0px); margin-bottom: var(--vqpczl-margin-bottom-tablet, 0px); margin-left: var(--vqpczl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqpczl-margin-top-mobile, 0px); margin-right: var(--vqpczl-margin-right-mobile, 0px); margin-bottom: var(--vqpczl-margin-bottom-mobile, 0px); margin-left: var(--vqpczl-margin-left-mobile, 0px); } }[data-bnode="omnise-bbj6n9"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --bbj6n9-priceType: salePrice; --bbj6n9-priceType-tablet: salePrice; --bbj6n9-priceType-mobile: salePrice; --bbj6n9-decoration: line-through; --bbj6n9-decoration-tablet: line-through; --bbj6n9-decoration-mobile: line-through; --bbj6n9-typography: p2; --bbj6n9-typography-tablet: p2; --bbj6n9-typography-mobile: p2; --bbj6n9-salePriceColor: #C13C18; --bbj6n9-salePriceColor-tablet: #C13C18; --bbj6n9-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-bbj6n9"] { margin-top: var(--bbj6n9-margin-top, 0px); margin-right: var(--bbj6n9-margin-right, 0px); margin-bottom: var(--bbj6n9-margin-bottom, 0px); margin-left: var(--bbj6n9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bbj6n9-margin-top-tablet, 0px); margin-right: var(--bbj6n9-margin-right-tablet, 0px); margin-bottom: var(--bbj6n9-margin-bottom-tablet, 0px); margin-left: var(--bbj6n9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bbj6n9-margin-top-mobile, 0px); margin-right: var(--bbj6n9-margin-right-mobile, 0px); margin-bottom: var(--bbj6n9-margin-bottom-mobile, 0px); margin-left: var(--bbj6n9-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--bbj6n9-comparePriceColor); text-decoration: var(--bbj6n9-decoration,none); font-size: calc(var(--bbj6n9-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--bbj6n9-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ber9ys"] { background: #FFFFFF; } [data-bnode="omnise-ber9ys"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ber9ys"] {                gap: 4px;     }  }[data-bnode="omnise-q9u4sx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-q9u4sx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-q9u4sx"] {                     }  }[data-bnode="omnise-sn2cxp"] {   position: absolute; top: 12px; left: 12px; height: fit-content; z-index: 100; max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {      }  } [data-bnode="omnise-sn2cxp"] {     flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-sn2cxp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-8yix40"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1F4247; --omnise-p-font-weight: 400; --omnise-p-line-height: 2; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; }[data-bnode="omnise-8yix40"] { margin-top: var(--8yix40-margin-top, 0px); margin-right: var(--8yix40-margin-right, 0px); margin-bottom: var(--8yix40-margin-bottom, 0px); margin-left: var(--8yix40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8yix40-margin-top-tablet, 0px); margin-right: var(--8yix40-margin-right-tablet, 0px); margin-bottom: var(--8yix40-margin-bottom-tablet, 0px); margin-left: var(--8yix40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8yix40-margin-top-mobile, 0px); margin-right: var(--8yix40-margin-right-mobile, 0px); margin-bottom: var(--8yix40-margin-bottom-mobile, 0px); margin-left: var(--8yix40-margin-left-mobile, 0px); } }[data-bnode="omnise-99ys3u"] { --99ys3u-borderStyle: none; --99ys3u-borderStyle-tablet: none; --99ys3u-borderStyle-mobile: none; --99ys3u-borderColor: #000000; --99ys3u-borderColor-tablet: #000000; --99ys3u-borderColor-mobile: #000000; --99ys3u-borderWidth: 1px; --99ys3u-borderWidth-tablet: 1px; --99ys3u-borderWidth-mobile: 1px; --99ys3u-shadowHorizontal: 0; --99ys3u-shadowHorizontal-tablet: 0; --99ys3u-shadowHorizontal-mobile: 0; --99ys3u-shadowVertical: 0; --99ys3u-shadowVertical-tablet: 0; --99ys3u-shadowVertical-mobile: 0; --99ys3u-shadowBlur: 0; --99ys3u-shadowBlur-tablet: 0; --99ys3u-shadowBlur-mobile: 0; --99ys3u-shadowColor: #000000; --99ys3u-shadowColor-tablet: #000000; --99ys3u-shadowColor-mobile: #000000; --99ys3u-padding-top: 0px; --99ys3u-padding-top-tablet: 0px; --99ys3u-padding-top-mobile: 0px; --99ys3u-padding-right: 0px; --99ys3u-padding-right-tablet: 0px; --99ys3u-padding-right-mobile: 0px; --99ys3u-padding-bottom: 0px; --99ys3u-padding-bottom-tablet: 0px; --99ys3u-padding-bottom-mobile: 0px; --99ys3u-padding-left: 0px; --99ys3u-padding-left-tablet: 0px; --99ys3u-padding-left-mobile: 0px; --99ys3u-enableShadow: false; --99ys3u-enableShadow-tablet: false; --99ys3u-enableShadow-mobile: false; --99ys3u-imageRatio: 5/7; --99ys3u-imageRatio-tablet: 5/7; --99ys3u-imageRatio-mobile: 5/7; --99ys3u-borderRadius-tl: 0px; --99ys3u-borderRadius-tl-tablet: 0px; --99ys3u-borderRadius-tl-mobile: 0px; --99ys3u-borderRadius-tr: 0px; --99ys3u-borderRadius-tr-tablet: 0px; --99ys3u-borderRadius-tr-mobile: 0px; --99ys3u-borderRadius-bl: 0px; --99ys3u-borderRadius-bl-tablet: 0px; --99ys3u-borderRadius-bl-mobile: 0px; --99ys3u-borderRadius-br: 0px; --99ys3u-borderRadius-br-tablet: 0px; --99ys3u-borderRadius-br-mobile: 0px; --99ys3u-margin-top: 0px; --99ys3u-margin-top-tablet: 0px; --99ys3u-margin-top-mobile: 0px; --99ys3u-margin-right: 0px; --99ys3u-margin-right-tablet: 0px; --99ys3u-margin-right-mobile: 0px; --99ys3u-margin-bottom: 0px; --99ys3u-margin-bottom-tablet: 0px; --99ys3u-margin-bottom-mobile: 0px; --99ys3u-margin-left: 0px; --99ys3u-margin-left-tablet: 0px; --99ys3u-margin-left-mobile: 0px; }[data-bnode="omnise-99ys3u"] { margin-top: var(--99ys3u-margin-top, 0px); margin-right: var(--99ys3u-margin-right, 0px); margin-bottom: var(--99ys3u-margin-bottom, 0px); margin-left: var(--99ys3u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--99ys3u-margin-top-tablet, 0px); margin-right: var(--99ys3u-margin-right-tablet, 0px); margin-bottom: var(--99ys3u-margin-bottom-tablet, 0px); margin-left: var(--99ys3u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--99ys3u-margin-top-mobile, 0px); margin-right: var(--99ys3u-margin-right-mobile, 0px); margin-bottom: var(--99ys3u-margin-bottom-mobile, 0px); margin-left: var(--99ys3u-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--99ys3u-imageRatio, auto); overflow: hidden; border-style: var(--99ys3u-borderStyle, solid); border-color: var(--99ys3u-borderColor, var(--omnise-card-media-border-color)); border-width: var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-br, var(--omnise-card-border-width)) var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius)) var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--99ys3u-shadowHorizontal, var(--omnise-card-shadow-x)) var(--99ys3u-shadowVertical, var(--omnise-card-shadow-y)) var(--99ys3u-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--99ys3u-shadowColor, var(--omnise-card-media-shadow-color)) var(--99ys3u-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--99ys3u-imageRatio-tablet, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-tablet, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-tablet, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-tablet, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-tablet, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-tablet, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-tablet, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-tablet, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-tablet, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-tablet, var(--99ys3u-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--99ys3u-imageRatio-mobile, var(--99ys3u-imageRatio, auto)); border-width: var(--99ys3u-borderWidth-tl-mobile, var(--99ys3u-borderWidth-tl, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-tr-mobile, var(--99ys3u-borderWidth-tr, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-br-mobile, var(--99ys3u-borderWidth-br, var(--omnise-card-border-width))) var(--99ys3u-borderWidth-bl-mobile, var(--99ys3u-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--99ys3u-borderRadius-tl-mobile, var(--99ys3u-borderRadius-tl, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-tr-mobile, var(--99ys3u-borderRadius-tr, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-br-mobile, var(--99ys3u-borderRadius-br, var(--omnise-card-border-radius))) var(--99ys3u-borderRadius-bl-mobile, var(--99ys3u-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--99ys3u-max-width-mobile, var(--99ys3u-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-ggqfki"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {      }  } [data-bnode="omnise-ggqfki"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ggqfki"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ggqfki"] {                     }  }[data-bnode="omnise-wpi3tp"] { --wpi3tp-width: fill; --wpi3tp-width-tablet: fill; --wpi3tp-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --wpi3tp-transform: none; --wpi3tp-transform-tablet: none; --wpi3tp-transform-mobile: none; --wpi3tp-iconWidth: 20px; --wpi3tp-iconWidth-tablet: 20px; --wpi3tp-iconWidth-mobile: 20px; --wpi3tp-iconGap: 5px; --wpi3tp-iconGap-tablet: 5px; --wpi3tp-iconGap-mobile: 5px; --wpi3tp-button: pr; --wpi3tp-button-tablet: pr; --wpi3tp-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wpi3tp"] { margin-top: var(--wpi3tp-margin-top, 0px); margin-right: var(--wpi3tp-margin-right, 0px); margin-bottom: var(--wpi3tp-margin-bottom, 0px); margin-left: var(--wpi3tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpi3tp-margin-top-tablet, 0px); margin-right: var(--wpi3tp-margin-right-tablet, 0px); margin-bottom: var(--wpi3tp-margin-bottom-tablet, 0px); margin-left: var(--wpi3tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpi3tp-margin-top-mobile, 0px); margin-right: var(--wpi3tp-margin-right-mobile, 0px); margin-bottom: var(--wpi3tp-margin-bottom-mobile, 0px); margin-left: var(--wpi3tp-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--wpi3tp-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wpi3tp-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); style(--wpi3tp-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wpi3tp-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wpi3tp-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); style(--wpi3tp-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wpi3tp-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wpi3tp-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); style(--wpi3tp-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wpi3tp-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--wpi3tp-iconWidth,20px); min-width: var(--wpi3tp-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--wpi3tp-iconGap-tablet); svg { width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-tablet,var(--wpi3tp-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wpi3tp-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); min-width: var(--wpi3tp-iconWidth-mobile,var(--wpi3tp-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-vqpczl"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --vqpczl-typography: p2; --vqpczl-typography-tablet: p2; --vqpczl-typography-mobile: p2; --vqpczl-margin-top: 12px; --vqpczl-margin-top-tablet: 12px; --vqpczl-margin-top-mobile: 12px; --vqpczl-margin-right: 0px; --vqpczl-margin-right-tablet: 0px; --vqpczl-margin-right-mobile: 0px; --vqpczl-margin-bottom: 0px; --vqpczl-margin-bottom-tablet: 0px; --vqpczl-margin-bottom-mobile: 0px; --vqpczl-margin-left: 0px; --vqpczl-margin-left-tablet: 0px; --vqpczl-margin-left-mobile: 0px; }[data-bnode="omnise-vqpczl"] { margin-top: var(--vqpczl-margin-top, 0px); margin-right: var(--vqpczl-margin-right, 0px); margin-bottom: var(--vqpczl-margin-bottom, 0px); margin-left: var(--vqpczl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqpczl-margin-top-tablet, 0px); margin-right: var(--vqpczl-margin-right-tablet, 0px); margin-bottom: var(--vqpczl-margin-bottom-tablet, 0px); margin-left: var(--vqpczl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqpczl-margin-top-mobile, 0px); margin-right: var(--vqpczl-margin-right-mobile, 0px); margin-bottom: var(--vqpczl-margin-bottom-mobile, 0px); margin-left: var(--vqpczl-margin-left-mobile, 0px); } }[data-bnode="omnise-bbj6n9"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --bbj6n9-priceType: salePrice; --bbj6n9-priceType-tablet: salePrice; --bbj6n9-priceType-mobile: salePrice; --bbj6n9-decoration: line-through; --bbj6n9-decoration-tablet: line-through; --bbj6n9-decoration-mobile: line-through; --bbj6n9-typography: p2; --bbj6n9-typography-tablet: p2; --bbj6n9-typography-mobile: p2; --bbj6n9-salePriceColor: #C13C18; --bbj6n9-salePriceColor-tablet: #C13C18; --bbj6n9-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-bbj6n9"] { margin-top: var(--bbj6n9-margin-top, 0px); margin-right: var(--bbj6n9-margin-right, 0px); margin-bottom: var(--bbj6n9-margin-bottom, 0px); margin-left: var(--bbj6n9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bbj6n9-margin-top-tablet, 0px); margin-right: var(--bbj6n9-margin-right-tablet, 0px); margin-bottom: var(--bbj6n9-margin-bottom-tablet, 0px); margin-left: var(--bbj6n9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bbj6n9-margin-top-mobile, 0px); margin-right: var(--bbj6n9-margin-right-mobile, 0px); margin-bottom: var(--bbj6n9-margin-bottom-mobile, 0px); margin-left: var(--bbj6n9-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--bbj6n9-comparePriceColor); text-decoration: var(--bbj6n9-decoration,none); font-size: calc(var(--bbj6n9-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--bbj6n9-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-ons7nc"] { --ons7nc-width: fill; --ons7nc-width-tablet: fill; --ons7nc-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --omnise-btn-border-radius: 0px; --omnise-btn-te-label-color: #1E1E1E; --omnise-btn-text-transform: inherit; --ons7nc-iconWidth: 20px; --ons7nc-iconWidth-tablet: 20px; --ons7nc-iconWidth-mobile: 20px; --ons7nc-iconGap: 5px; --ons7nc-iconGap-tablet: 5px; --ons7nc-iconGap-mobile: 5px; --ons7nc-labelBtnHover: -25; --ons7nc-labelBtnHover-tablet: -25; --ons7nc-labelBtnHover-mobile: -25; --omnise-btn-pr-label-color: #ffffff; --omnise-btn-pr-background-color: #121212; --ons7nc-transform: none; --ons7nc-transform-tablet: none; --ons7nc-transform-mobile: none; --ons7nc-button: te; --ons7nc-button-tablet: te; --ons7nc-button-mobile: te; --omnise-btn-se-label-color: #121212; --omnise-btn-se-background-color: #ececec; --ons7nc-margin-top: 0px; --ons7nc-margin-top-tablet: 0px; --ons7nc-margin-top-mobile: 0px; --ons7nc-margin-right: 0px; --ons7nc-margin-right-tablet: 0px; --ons7nc-margin-right-mobile: 0px; --ons7nc-margin-bottom: 0px; --ons7nc-margin-bottom-tablet: 0px; --ons7nc-margin-bottom-mobile: 0px; --ons7nc-margin-left: 0px; --ons7nc-margin-left-tablet: 0px; --ons7nc-margin-left-mobile: 0px; }[data-bnode="omnise-ons7nc"] { margin-top: var(--ons7nc-margin-top, 0px); margin-right: var(--ons7nc-margin-right, 0px); margin-bottom: var(--ons7nc-margin-bottom, 0px); margin-left: var(--ons7nc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ons7nc-margin-top-tablet, 0px); margin-right: var(--ons7nc-margin-right-tablet, 0px); margin-bottom: var(--ons7nc-margin-bottom-tablet, 0px); margin-left: var(--ons7nc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ons7nc-margin-top-mobile, 0px); margin-right: var(--ons7nc-margin-right-mobile, 0px); margin-bottom: var(--ons7nc-margin-bottom-mobile, 0px); margin-left: var(--ons7nc-margin-left-mobile, 0px); } & { text-transform: var(--ons7nc-transform); gap: var(--ons7nc-iconGap, 5px); &.omnise-btn-pr:hover { background-color: var(--ons7nc-bgPrHover, var(--omnise-btn-pr-background-hover)); color: var(--ons7nc-labelPrHover, var(--omnise-btn-pr-label-hover)); outline-color: var(--ons7nc-borderPrHover, var(--omnise-btn-pr-border-hover)); } &.omnise-btn-se:hover { background-color: var(--ons7nc-bgSeHover, var(--omnise-btn-se-background-hover)); color: var(--ons7nc-labelSeHover, var(--omnise-btn-se-label-hover)); outline-color: var(--ons7nc-borderSeHover, var(--omnise-btn-pr-border-hover)); } &.omnise-btn-te { text-decoration: var(--omnise-btn-te-underline); } &.omnise-btn-te:hover { color: var(--ons7nc-labelTeHover, var(--omnise-btn-te-label-hover)); } span { display: flex; font-size: var(--ons7nc-iconWidth); } svg { width: var(--ons7nc-iconWidth, 20px); min-width: var(--ons7nc-iconWidth, 20px); height: 100%; } @media (min-width: 767px){ display: none !important; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ons7nc-iconGap-tablet); &:not(.omnise-btn-te) { height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span { font-size: var(--ons7nc-iconWidth-tablet, var(--ons7nc-iconWidth)); } svg { width: var(--ons7nc-iconWidth-tablet, var(--ons7nc-iconWidth)); min-width: var(--ons7nc-iconWidth-tablet, var(--ons7nc-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--ons7nc-iconGap-mobile); &:not(.omnise-btn-te) { height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span { font-size: var(--ons7nc-iconWidth-mobile, var(--ons7nc-iconWidth)); } svg { width: var(--ons7nc-iconWidth-mobile, var(--ons7nc-iconWidth)); min-width: var(--ons7nc-iconWidth-mobile, var(--ons7nc-iconWidth)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } }[data-bnode="omnise-5wsnuc"] { &.omnise-section { background: var(--omnise-background-color); max-width: 100%; position: relative; overflow: unset !important; .omnise-section-container { height: var(--height); width: 100%; max-width: var(--width, 1280px); margin: 0 auto; align-items: flex-start; > * { position: relative; z-index: 1; } > .omnise-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; } } > .omnise-video-background { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.omnise-section { background: var(--background-color-tablet, var(--background-color)); & .omnise-section-container { height: var(--height-tablet, auto); width: 100%; max-width: var(--width-tablet, 100%); } } } @media (max-width: 767px) { &.omnise-section { background: var( --background-color-mobile, var(--background-color-tablet, var(--background-color)) ); & .omnise-section-container { height: var(--height-mobile, auto); width: 100%; max-width: var(--width-mobile, 100%); } } } }[data-bnode="omnise-5wsnuc"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-5wsnuc"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-5wsnuc"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-5wsnuc"] > .omnise-section-container{     width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;        gap: 48px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(50.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(50.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5wsnuc"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;    flex-direction: column;          gap: 32px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5wsnuc"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;    flex-direction: column;          gap: 24px;     }  }[data-bnode="omnise-mwgsvf"] { &.omnise-slot { position: relative; aspect-ratio: var(--background-imageRatio, auto); background: var(--background-color); border-style: var(--borderStyle, solid); border-color: var(--borderColor, #000000); border-width: var(--borderWidth-tl, 0px) var(--borderWidth-tr, 0px) var(--borderWidth-br, 0px) var(--borderWidth-bl, 0px); border-radius: var(--borderRadius-tl, 0px) var(--borderRadius-tr, 0px) var(--borderRadius-br, 0px) var(--borderRadius-bl, 0px); box-shadow: if( style(--enableShadow: true): var(--shadowHorizontal, 0) var(--shadowVertical, 0) var(--shadowBlur, 0) 1px var(--shadowColor, #000000) ; else: none ); max-width: var(--max-width, 100%); @media(min-width: 1181px){ order: 1; position: sticky !important; top: 10px; } @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var( --background-imageRatio-tablet, var(--background-imageRatio, auto) ); border-width: var(--borderWidth-tl-tablet, 0px) var(--borderWidth-tr-tablet, 0px) var(--borderWidth-br-tablet, 0px) var(--borderWidth-bl-tablet, 0px); border-radius: var(--borderRadius-tl-tablet, 0px) var(--borderRadius-tr-tablet, 0px) var(--borderRadius-br-tablet, 0px) var(--borderRadius-bl-tablet, 0px); max-width: var(--max-width-tablet, var(--max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var( --background-imageRatio-mobile, var(--background-imageRatio, auto) ); border-width: var(--borderWidth-tl-mobile, 0px) var(--borderWidth-tr-mobile, 0px) var(--borderWidth-br-mobile, 0px) var(--borderWidth-bl-mobile, 0px); border-radius: var(--borderRadius-tl-mobile, 0px) var(--borderRadius-tr-mobile, 0px) var(--borderRadius-br-mobile, 0px) var(--borderRadius-bl-mobile, 0px); max-width: var(--max-width-mobile, var(--max-width, 100%)); } > * { position: relative; z-index: 1; } > .omnise-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="omnise-d4xix9"] { --d4xix9-width: 100%; --d4xix9-width-tablet: 100%; --d4xix9-width-mobile: 100%; --d4xix9-imageRatio: auto; --d4xix9-imageRatio-tablet: auto; --d4xix9-imageRatio-mobile: auto; --d4xix9-objFit: cover; --d4xix9-objFit-tablet: cover; --d4xix9-objFit-mobile: cover; --d4xix9-shadowColor: #000000; --d4xix9-shadowColor-tablet: #000000; --d4xix9-shadowColor-mobile: #000000; --d4xix9-borderStyle: none; --d4xix9-borderStyle-tablet: none; --d4xix9-borderStyle-mobile: none; --d4xix9-enableShadow: false; --d4xix9-enableShadow-tablet: false; --d4xix9-enableShadow-mobile: false; }[data-bnode="omnise-d4xix9"] { margin-top: var(--d4xix9-margin-top, 0px); margin-right: var(--d4xix9-margin-right, 0px); margin-bottom: var(--d4xix9-margin-bottom, 0px); margin-left: var(--d4xix9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d4xix9-margin-top-tablet, 0px); margin-right: var(--d4xix9-margin-right-tablet, 0px); margin-bottom: var(--d4xix9-margin-bottom-tablet, 0px); margin-left: var(--d4xix9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d4xix9-margin-top-mobile, 0px); margin-right: var(--d4xix9-margin-right-mobile, 0px); margin-bottom: var(--d4xix9-margin-bottom-mobile, 0px); margin-left: var(--d4xix9-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc( var(--d4xix9-width, 100%) - var(--d4xix9-margin-left, 0px) - var(--d4xix9-margin-right, 0px) ); min-height: min-content; border-style: var(--d4xix9-borderStyle, solid); border-color: var(--d4xix9-borderColor, #000000); border-width: var(--d4xix9-borderWidth-tl, 0px) var(--d4xix9-borderWidth-tr, 0px) var(--d4xix9-borderWidth-br, 0px) var(--d4xix9-borderWidth-bl, 0px); border-radius: var(--d4xix9-borderRadius-tl, 0px) var(--d4xix9-borderRadius-tr, 0px) var(--d4xix9-borderRadius-br, 0px) var(--d4xix9-borderRadius-bl, 0px); aspect-ratio: var(--d4xix9-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--d4xix9-borderWidth-tl-tablet, var(--d4xix9-borderWidth-tl, 0px)) var(--d4xix9-borderWidth-tr-tablet, var(--d4xix9-borderWidth-tr, 0px)) var(--d4xix9-borderWidth-br-tablet, var(--d4xix9-borderWidth-br, 0px)) var(--d4xix9-borderWidth-bl-tablet, var(--d4xix9-borderWidth-bl, 0px)); border-radius: var(--d4xix9-borderRadius-tl-tablet, var(--d4xix9-borderRadius-tl, 0px) ) var(--d4xix9-borderRadius-tr-tablet, var(--d4xix9-borderRadius-tr, 0px)) var(--d4xix9-borderRadius-br-tablet, var(--d4xix9-borderRadius-br, 0px)) var(--d4xix9-borderRadius-bl-tablet, var(--d4xix9-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--d4xix9-borderWidth-tl-mobile, var(--d4xix9-borderWidth-tl, 0px)) var(--d4xix9-borderWidth-tr-mobile, var(--d4xix9-borderWidth-tr, 0px)) var(--d4xix9-borderWidth-br-mobile, var(--d4xix9-borderWidth-br, 0px)) var(--d4xix9-borderWidth-bl-mobile, var(--d4xix9-borderWidth-bl, 0px)); border-radius: var(--d4xix9-borderRadius-tl-mobile, var(--d4xix9-borderRadius-tl, 0px) ) var(--d4xix9-borderRadius-tr-mobile, var(--d4xix9-borderRadius-tr, 0px)) var(--d4xix9-borderRadius-br-mobile, var(--d4xix9-borderRadius-br, 0px)) var(--d4xix9-borderRadius-bl-mobile, var(--d4xix9-borderRadius-bl, 0px)); } box-shadow: if( style(--d4xix9-enableShadow: true): var(--d4xix9-shadowHorizontal, 0) var(--d4xix9-shadowVertical, 0) var(--d4xix9-shadowBlur, 0) 1px var(--d4xix9-shadowColor, #000000) ; else: none ); &::before { content: ""; position: absolute; inset: 0; background: var(--d4xix9-overlayColor-color, #000); opacity: var(--d4xix9-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--d4xix9-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--d4xix9-width-tablet, var(--d4xix9-width, 100%)) - var(--d4xix9-margin-left-tablet, var(--d4xix9-margin-left, 0px)) - var(--d4xix9-margin-right-tablet, var(--d4xix9-margin-right, 0px)) ); aspect-ratio: var(--d4xix9-imageRatio-tablet, var(--d4xix9-imageRatio, auto)); img { object-fit: var(--d4xix9-objFit-tablet, var(--d4xix9-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--d4xix9-width-mobile, var(--d4xix9-width, 100%)) - var(--d4xix9-margin-left-mobile, var(--d4xix9-margin-left, 0px)) - var(--d4xix9-margin-right-mobile, var(--d4xix9-margin-right, 0px)) ); aspect-ratio: var(--d4xix9-imageRatio-mobile, var(--d4xix9-imageRatio, auto)); img { object-fit: var(--d4xix9-objFit-mobile, var(--d4xix9-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } }[data-bnode="omnise-gg08jq"] { background: #FFFFFF; } [data-bnode="omnise-gg08jq"] {        flex-wrap: nowrap;        gap: 48px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-gg08jq"] {                gap: 48px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-gg08jq"] {                gap: 0px;     }  }[data-bnode="omnise-6teej7"] { padding-top: 24px; padding-right: 0px; padding-bottom: 24px; padding-left: 0px; } @media (max-width: 767px) { [data-bnode="omnise-6teej7"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-6teej7"] {        flex-wrap: nowrap;     align-items: center;       }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-6teej7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-6teej7"] {                     }  }[data-bnode="omnise-naj1yi"] { --omnise-eyebrow-font-size: 14px; --omnise-eyebrow-font-size-tablet: 14px; --omnise-eyebrow-font-size-mobile: 14px; --omnise-eyebrow-color: #5A5A5A; --omnise-eyebrow-font-family: IBM Plex Sans; --omnise-eyebrow-font-weight: 600; --omnise-eyebrow-line-height: 1.5; --omnise-eyebrow-line-height-tablet: 1.5; --omnise-eyebrow-line-height-mobile: 1.5; --omnise-eyebrow-letter-spacing: 0.14px; --omnise-eyebrow-letter-spacing-tablet: 0.14px; --omnise-eyebrow-letter-spacing-mobile: 0.14px; --omnise-eyebrow-text-transform: uppercase; --naj1yi-typography: eyebrow; --naj1yi-typography-tablet: eyebrow; --naj1yi-typography-mobile: eyebrow; --omnise-eyebrow-text-align: center; }[data-bnode="omnise-naj1yi"] { margin-top: var(--naj1yi-margin-top, 0px); margin-right: var(--naj1yi-margin-right, 0px); margin-bottom: var(--naj1yi-margin-bottom, 0px); margin-left: var(--naj1yi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--naj1yi-margin-top-tablet, 0px); margin-right: var(--naj1yi-margin-right-tablet, 0px); margin-bottom: var(--naj1yi-margin-bottom-tablet, 0px); margin-left: var(--naj1yi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--naj1yi-margin-top-mobile, 0px); margin-right: var(--naj1yi-margin-right-mobile, 0px); margin-bottom: var(--naj1yi-margin-bottom-mobile, 0px); margin-left: var(--naj1yi-margin-left-mobile, 0px); } }[data-bnode="omnise-tz5yl4"] { --omnise-h2-font-size: 40px; --omnise-h2-font-size-tablet: 28px; --omnise-h2-font-size-mobile: 26px; --omnise-h2-color: #181818; --omnise-h2-font-family: Lora; --omnise-h2-font-weight: 400; --omnise-h2-line-height: 1.2; --omnise-h2-line-height-tablet: 1.2; --omnise-h2-line-height-mobile: 1.3; --omnise-h2-letter-spacing: 0px; --omnise-h2-letter-spacing-tablet: 0px; --omnise-h2-letter-spacing-mobile: 0px; --omnise-h2-text-transform: none; --tz5yl4-typography: h2; --tz5yl4-typography-tablet: h2; --tz5yl4-typography-mobile: h2; --omnise-h2-text-align: center; }[data-bnode="omnise-tz5yl4"] { margin-top: var(--tz5yl4-margin-top, 0px); margin-right: var(--tz5yl4-margin-right, 0px); margin-bottom: var(--tz5yl4-margin-bottom, 0px); margin-left: var(--tz5yl4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tz5yl4-margin-top-tablet, 0px); margin-right: var(--tz5yl4-margin-right-tablet, 0px); margin-bottom: var(--tz5yl4-margin-bottom-tablet, 0px); margin-left: var(--tz5yl4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tz5yl4-margin-top-mobile, 0px); margin-right: var(--tz5yl4-margin-right-mobile, 0px); margin-bottom: var(--tz5yl4-margin-bottom-mobile, 0px); margin-left: var(--tz5yl4-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--tz5yl4-highlightColor,var(--omnise-p-color)); top: var(--tz5yl4-highlightTop, 100%); } }[data-bnode="omnise-c9c4jk"] { --c9c4jk-listType: grid; --c9c4jk-listType-tablet: grid; --c9c4jk-listType-mobile: grid; --c9c4jk-columns: 2; --c9c4jk-columns-tablet: 2; --c9c4jk-columns-mobile: 2; --c9c4jk-navType: false; --c9c4jk-navType-tablet: false; --c9c4jk-navType-mobile: false; --c9c4jk-navColor: #333333; --c9c4jk-navColor-tablet: #333333; --c9c4jk-navColor-mobile: #333333; --c9c4jk-pagiType: false; --c9c4jk-pagiType-tablet: false; --c9c4jk-pagiType-mobile: false; --c9c4jk-gap: 12px; --c9c4jk-gap-tablet: 12px; --c9c4jk-gap-mobile: 8px; --c9c4jk-statePagination: hover; --c9c4jk-statePagination-tablet: hover; --c9c4jk-statePagination-mobile: hover; --c9c4jk-pagiBg: #e6e6e6; --c9c4jk-pagiBg-tablet: #e6e6e6; --c9c4jk-pagiBg-mobile: #e6e6e6; --c9c4jk-navIconSize: 20px; --c9c4jk-navIconSize-tablet: 20px; --c9c4jk-navIconSize-mobile: 20px; --c9c4jk-margin-top-tablet: 0px; --c9c4jk-margin-top-mobile: 0px; --c9c4jk-margin-right-tablet: 0px; --c9c4jk-margin-right-mobile: 0px; --c9c4jk-margin-bottom-tablet: 0px; --c9c4jk-margin-bottom-mobile: 0px; --c9c4jk-margin-left-tablet: 0px; --c9c4jk-margin-left-mobile: 0px; --c9c4jk-columnsMobile-mobile: 2; }[data-bnode="omnise-c9c4jk"] { margin-top: var(--c9c4jk-margin-top, 0px); margin-right: var(--c9c4jk-margin-right, 0px); margin-bottom: var(--c9c4jk-margin-bottom, 0px); margin-left: var(--c9c4jk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--c9c4jk-margin-top-tablet, 0px); margin-right: var(--c9c4jk-margin-right-tablet, 0px); margin-bottom: var(--c9c4jk-margin-bottom-tablet, 0px); margin-left: var(--c9c4jk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--c9c4jk-margin-top-mobile, 0px); margin-right: var(--c9c4jk-margin-right-mobile, 0px); margin-bottom: var(--c9c4jk-margin-bottom-mobile, 0px); margin-left: var(--c9c4jk-margin-left-mobile, 0px); } .omnise-slider-items:has(.omnise-content-list-empty) ~ .omnise-slider-controls { display: none; } &.omnise-content-list { .omnise-slider-wrapper { height: fit-content; } .omnise-slider-pagination-progress { display: none !important; } & .omnise-slide-item { &:hover { .omnise-atc-btn { opacity: 1; z-index: 2; bottom: 0; &:disabled { opacity: 0.5 !important; pointer-events: none; } } } } @media (min-width: 1181px){ & .omnise-slider-wrapper[data-pagination="progress"] + .omnise-slider-controls .omnise-slider-pagination-progress { height: 2px; background: var(--c9c4jk-pagiBg, #E6E6E6); display: flex !important; span { background: var(--c9c4jk-pagiBgActive, #181818); &:hover { background: var(--c9c4jk-pagiBgHover, #CCCCCC); } } } } @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--c9c4jk-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--c9c4jk-gap, 20px) * (var(--c9c4jk-columns, 3) - 1) ) / var(--c9c4jk-columns, 3) ); &:last-child { margin-right: var(--c9c4jk-gap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--c9c4jk-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--c9c4jk-columns) - 1) * var(--c9c4jk-gap, 20px)) / var(--c9c4jk-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--c9c4jk-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--c9c4jk-gap-tablet, 20px) * (var(--c9c4jk-columns-tablet, 3) - 1) ) / var(--c9c4jk-columns-tablet, 3) ); &:last-child { margin-right: var(--c9c4jk-gap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--c9c4jk-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--c9c4jk-columns-tablet) - 1) * var(--c9c4jk-gap-tablet, 20px) ) / var(--c9c4jk-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--c9c4jk-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--c9c4jk-gap-mobile, 20px) * (var(--c9c4jk-columnsMobile-mobile, 1) - 1) ) / var(--c9c4jk-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--c9c4jk-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--c9c4jk-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--c9c4jk-columnsMobile-mobile) - 1) * var(--c9c4jk-gap-mobile, 20px) ) / var(--c9c4jk-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--c9c4jk-navPadding, 12px); background: var(--c9c4jk-navBg, #f5f5f5); color: var(--c9c4jk-navColor, #333333); cursor: pointer; &:hover { background: var(--c9c4jk-navBgHover, #cccccc); color: var(--c9c4jk-navColorHover, #333333); } svg { width: var(--c9c4jk-navIconSize, 20px); height: var(--c9c4jk-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--c9c4jk-pagiBg, #e6e6e6); &.active { background: var(--c9c4jk-pagiBgActive, #181818); } &:not(.active):hover { background: var(--c9c4jk-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--c9c4jk-pagiColor, #e6e6e6); &.active { color: var(--c9c4jk-pagiColorActive, #181818); } &:not(.active):hover { color: var(--c9c4jk-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--c9c4jk-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--c9c4jk-pagiBg, #e6e6e6); &.active { background: var(--c9c4jk-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--c9c4jk-pagiBgHover, #cccccc); } } .omnise-slider-pagination-wrp { margin-top: 20px; } } &:has(.omnise-content-list-empty) { * { display: block; width: 100%; } .omnise-content-list-empty { background-color: #f0f0f0; color: #666; padding: 10px 20px; font-weight: 500; font-size: 20px; } .omnise-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } } }[data-bnode="omnise-2qnkb6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }[data-bnode="omnise-u66n4i"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u66n4i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-u66n4i"] {                     }  }[data-bnode="omnise-exhog7"] { --exhog7-borderStyle: none; --exhog7-borderStyle-tablet: none; --exhog7-borderStyle-mobile: none; --exhog7-borderColor: #000000; --exhog7-borderColor-tablet: #000000; --exhog7-borderColor-mobile: #000000; --exhog7-borderWidth: 1px; --exhog7-borderWidth-tablet: 1px; --exhog7-borderWidth-mobile: 1px; --exhog7-shadowHorizontal: 0; --exhog7-shadowHorizontal-tablet: 0; --exhog7-shadowHorizontal-mobile: 0; --exhog7-shadowVertical: 0; --exhog7-shadowVertical-tablet: 0; --exhog7-shadowVertical-mobile: 0; --exhog7-shadowBlur: 0; --exhog7-shadowBlur-tablet: 0; --exhog7-shadowBlur-mobile: 0; --exhog7-shadowColor: #000000; --exhog7-shadowColor-tablet: #000000; --exhog7-shadowColor-mobile: #000000; --exhog7-padding-top: 0px; --exhog7-padding-top-tablet: 0px; --exhog7-padding-top-mobile: 0px; --exhog7-padding-right: 0px; --exhog7-padding-right-tablet: 0px; --exhog7-padding-right-mobile: 0px; --exhog7-padding-bottom: 0px; --exhog7-padding-bottom-tablet: 0px; --exhog7-padding-bottom-mobile: 0px; --exhog7-padding-left: 0px; --exhog7-padding-left-tablet: 0px; --exhog7-padding-left-mobile: 0px; --exhog7-enableShadow: false; --exhog7-enableShadow-tablet: false; --exhog7-enableShadow-mobile: false; --exhog7-imageRatio: 5/7; --exhog7-imageRatio-tablet: 5/7; --exhog7-imageRatio-mobile: 5/7; --exhog7-borderRadius-tl: 0px; --exhog7-borderRadius-tl-tablet: 0px; --exhog7-borderRadius-tl-mobile: 0px; --exhog7-borderRadius-tr: 0px; --exhog7-borderRadius-tr-tablet: 0px; --exhog7-borderRadius-tr-mobile: 0px; --exhog7-borderRadius-bl: 0px; --exhog7-borderRadius-bl-tablet: 0px; --exhog7-borderRadius-bl-mobile: 0px; --exhog7-borderRadius-br: 0px; --exhog7-borderRadius-br-tablet: 0px; --exhog7-borderRadius-br-mobile: 0px; }[data-bnode="omnise-exhog7"] { margin-top: var(--exhog7-margin-top, 0px); margin-right: var(--exhog7-margin-right, 0px); margin-bottom: var(--exhog7-margin-bottom, 0px); margin-left: var(--exhog7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--exhog7-margin-top-tablet, 0px); margin-right: var(--exhog7-margin-right-tablet, 0px); margin-bottom: var(--exhog7-margin-bottom-tablet, 0px); margin-left: var(--exhog7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--exhog7-margin-top-mobile, 0px); margin-right: var(--exhog7-margin-right-mobile, 0px); margin-bottom: var(--exhog7-margin-bottom-mobile, 0px); margin-left: var(--exhog7-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--exhog7-imageRatio, auto); overflow: hidden; border-style: var(--exhog7-borderStyle, solid); border-color: var(--exhog7-borderColor, var(--omnise-card-media-border-color)); border-width: var(--exhog7-borderWidth-tl, var(--omnise-card-border-width)) var(--exhog7-borderWidth-tr, var(--omnise-card-border-width)) var(--exhog7-borderWidth-br, var(--omnise-card-border-width)) var(--exhog7-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-br, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--exhog7-shadowHorizontal, var(--omnise-card-shadow-x)) var(--exhog7-shadowVertical, var(--omnise-card-shadow-y)) var(--exhog7-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--exhog7-shadowColor, var(--omnise-card-media-shadow-color)) var(--exhog7-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--exhog7-imageRatio-tablet, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-tablet, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-tablet, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-tablet, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-tablet, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-tablet, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-tablet, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-tablet, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-tablet, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-tablet, var(--exhog7-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--exhog7-imageRatio-mobile, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-mobile, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-mobile, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-mobile, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-mobile, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-mobile, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-mobile, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-mobile, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-mobile, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-mobile, var(--exhog7-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-k4xddr"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {      }  } [data-bnode="omnise-k4xddr"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {                     }  }[data-bnode="omnise-7zkfrs"] { --7zkfrs-width: fill; --7zkfrs-width-tablet: fill; --7zkfrs-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --7zkfrs-transform: none; --7zkfrs-transform-tablet: none; --7zkfrs-transform-mobile: none; --7zkfrs-iconWidth: 20px; --7zkfrs-iconWidth-tablet: 20px; --7zkfrs-iconWidth-mobile: 20px; --7zkfrs-iconGap: 5px; --7zkfrs-iconGap-tablet: 5px; --7zkfrs-iconGap-mobile: 5px; --7zkfrs-button: pr; --7zkfrs-button-tablet: pr; --7zkfrs-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-7zkfrs"] { margin-top: var(--7zkfrs-margin-top, 0px); margin-right: var(--7zkfrs-margin-right, 0px); margin-bottom: var(--7zkfrs-margin-bottom, 0px); margin-left: var(--7zkfrs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zkfrs-margin-top-tablet, 0px); margin-right: var(--7zkfrs-margin-right-tablet, 0px); margin-bottom: var(--7zkfrs-margin-bottom-tablet, 0px); margin-left: var(--7zkfrs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zkfrs-margin-top-mobile, 0px); margin-right: var(--7zkfrs-margin-right-mobile, 0px); margin-bottom: var(--7zkfrs-margin-bottom-mobile, 0px); margin-left: var(--7zkfrs-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--7zkfrs-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--7zkfrs-iconWidth,20px); min-width: var(--7zkfrs-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--7zkfrs-iconGap-tablet); svg { width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--7zkfrs-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-t9lple"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --t9lple-typography: p2; --t9lple-typography-tablet: p2; --t9lple-typography-mobile: p2; --t9lple-margin-top: 12px; --t9lple-margin-top-tablet: 12px; --t9lple-margin-top-mobile: 12px; --t9lple-margin-right: 0px; --t9lple-margin-right-tablet: 0px; --t9lple-margin-right-mobile: 0px; --t9lple-margin-bottom: 0px; --t9lple-margin-bottom-tablet: 0px; --t9lple-margin-bottom-mobile: 0px; --t9lple-margin-left: 0px; --t9lple-margin-left-tablet: 0px; --t9lple-margin-left-mobile: 0px; }[data-bnode="omnise-t9lple"] { margin-top: var(--t9lple-margin-top, 0px); margin-right: var(--t9lple-margin-right, 0px); margin-bottom: var(--t9lple-margin-bottom, 0px); margin-left: var(--t9lple-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lple-margin-top-tablet, 0px); margin-right: var(--t9lple-margin-right-tablet, 0px); margin-bottom: var(--t9lple-margin-bottom-tablet, 0px); margin-left: var(--t9lple-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lple-margin-top-mobile, 0px); margin-right: var(--t9lple-margin-right-mobile, 0px); margin-bottom: var(--t9lple-margin-bottom-mobile, 0px); margin-left: var(--t9lple-margin-left-mobile, 0px); } }[data-bnode="omnise-7rfaby"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --7rfaby-priceType: salePrice; --7rfaby-priceType-tablet: salePrice; --7rfaby-priceType-mobile: salePrice; --7rfaby-decoration: line-through; --7rfaby-decoration-tablet: line-through; --7rfaby-decoration-mobile: line-through; --7rfaby-typography: p2; --7rfaby-typography-tablet: p2; --7rfaby-typography-mobile: p2; --7rfaby-salePriceColor: #C13C18; --7rfaby-salePriceColor-tablet: #C13C18; --7rfaby-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-7rfaby"] { margin-top: var(--7rfaby-margin-top, 0px); margin-right: var(--7rfaby-margin-right, 0px); margin-bottom: var(--7rfaby-margin-bottom, 0px); margin-left: var(--7rfaby-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rfaby-margin-top-tablet, 0px); margin-right: var(--7rfaby-margin-right-tablet, 0px); margin-bottom: var(--7rfaby-margin-bottom-tablet, 0px); margin-left: var(--7rfaby-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rfaby-margin-top-mobile, 0px); margin-right: var(--7rfaby-margin-right-mobile, 0px); margin-bottom: var(--7rfaby-margin-bottom-mobile, 0px); margin-left: var(--7rfaby-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7rfaby-comparePriceColor); text-decoration: var(--7rfaby-decoration,none); font-size: calc(var(--7rfaby-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7rfaby-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2qnkb6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }[data-bnode="omnise-u66n4i"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u66n4i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-u66n4i"] {                     }  }[data-bnode="omnise-exhog7"] { --exhog7-borderStyle: none; --exhog7-borderStyle-tablet: none; --exhog7-borderStyle-mobile: none; --exhog7-borderColor: #000000; --exhog7-borderColor-tablet: #000000; --exhog7-borderColor-mobile: #000000; --exhog7-borderWidth: 1px; --exhog7-borderWidth-tablet: 1px; --exhog7-borderWidth-mobile: 1px; --exhog7-shadowHorizontal: 0; --exhog7-shadowHorizontal-tablet: 0; --exhog7-shadowHorizontal-mobile: 0; --exhog7-shadowVertical: 0; --exhog7-shadowVertical-tablet: 0; --exhog7-shadowVertical-mobile: 0; --exhog7-shadowBlur: 0; --exhog7-shadowBlur-tablet: 0; --exhog7-shadowBlur-mobile: 0; --exhog7-shadowColor: #000000; --exhog7-shadowColor-tablet: #000000; --exhog7-shadowColor-mobile: #000000; --exhog7-padding-top: 0px; --exhog7-padding-top-tablet: 0px; --exhog7-padding-top-mobile: 0px; --exhog7-padding-right: 0px; --exhog7-padding-right-tablet: 0px; --exhog7-padding-right-mobile: 0px; --exhog7-padding-bottom: 0px; --exhog7-padding-bottom-tablet: 0px; --exhog7-padding-bottom-mobile: 0px; --exhog7-padding-left: 0px; --exhog7-padding-left-tablet: 0px; --exhog7-padding-left-mobile: 0px; --exhog7-enableShadow: false; --exhog7-enableShadow-tablet: false; --exhog7-enableShadow-mobile: false; --exhog7-imageRatio: 5/7; --exhog7-imageRatio-tablet: 5/7; --exhog7-imageRatio-mobile: 5/7; --exhog7-borderRadius-tl: 0px; --exhog7-borderRadius-tl-tablet: 0px; --exhog7-borderRadius-tl-mobile: 0px; --exhog7-borderRadius-tr: 0px; --exhog7-borderRadius-tr-tablet: 0px; --exhog7-borderRadius-tr-mobile: 0px; --exhog7-borderRadius-bl: 0px; --exhog7-borderRadius-bl-tablet: 0px; --exhog7-borderRadius-bl-mobile: 0px; --exhog7-borderRadius-br: 0px; --exhog7-borderRadius-br-tablet: 0px; --exhog7-borderRadius-br-mobile: 0px; }[data-bnode="omnise-exhog7"] { margin-top: var(--exhog7-margin-top, 0px); margin-right: var(--exhog7-margin-right, 0px); margin-bottom: var(--exhog7-margin-bottom, 0px); margin-left: var(--exhog7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--exhog7-margin-top-tablet, 0px); margin-right: var(--exhog7-margin-right-tablet, 0px); margin-bottom: var(--exhog7-margin-bottom-tablet, 0px); margin-left: var(--exhog7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--exhog7-margin-top-mobile, 0px); margin-right: var(--exhog7-margin-right-mobile, 0px); margin-bottom: var(--exhog7-margin-bottom-mobile, 0px); margin-left: var(--exhog7-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--exhog7-imageRatio, auto); overflow: hidden; border-style: var(--exhog7-borderStyle, solid); border-color: var(--exhog7-borderColor, var(--omnise-card-media-border-color)); border-width: var(--exhog7-borderWidth-tl, var(--omnise-card-border-width)) var(--exhog7-borderWidth-tr, var(--omnise-card-border-width)) var(--exhog7-borderWidth-br, var(--omnise-card-border-width)) var(--exhog7-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-br, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--exhog7-shadowHorizontal, var(--omnise-card-shadow-x)) var(--exhog7-shadowVertical, var(--omnise-card-shadow-y)) var(--exhog7-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--exhog7-shadowColor, var(--omnise-card-media-shadow-color)) var(--exhog7-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--exhog7-imageRatio-tablet, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-tablet, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-tablet, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-tablet, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-tablet, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-tablet, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-tablet, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-tablet, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-tablet, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-tablet, var(--exhog7-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--exhog7-imageRatio-mobile, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-mobile, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-mobile, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-mobile, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-mobile, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-mobile, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-mobile, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-mobile, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-mobile, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-mobile, var(--exhog7-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-k4xddr"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {      }  } [data-bnode="omnise-k4xddr"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {                     }  }[data-bnode="omnise-7zkfrs"] { --7zkfrs-width: fill; --7zkfrs-width-tablet: fill; --7zkfrs-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --7zkfrs-transform: none; --7zkfrs-transform-tablet: none; --7zkfrs-transform-mobile: none; --7zkfrs-iconWidth: 20px; --7zkfrs-iconWidth-tablet: 20px; --7zkfrs-iconWidth-mobile: 20px; --7zkfrs-iconGap: 5px; --7zkfrs-iconGap-tablet: 5px; --7zkfrs-iconGap-mobile: 5px; --7zkfrs-button: pr; --7zkfrs-button-tablet: pr; --7zkfrs-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-7zkfrs"] { margin-top: var(--7zkfrs-margin-top, 0px); margin-right: var(--7zkfrs-margin-right, 0px); margin-bottom: var(--7zkfrs-margin-bottom, 0px); margin-left: var(--7zkfrs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zkfrs-margin-top-tablet, 0px); margin-right: var(--7zkfrs-margin-right-tablet, 0px); margin-bottom: var(--7zkfrs-margin-bottom-tablet, 0px); margin-left: var(--7zkfrs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zkfrs-margin-top-mobile, 0px); margin-right: var(--7zkfrs-margin-right-mobile, 0px); margin-bottom: var(--7zkfrs-margin-bottom-mobile, 0px); margin-left: var(--7zkfrs-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--7zkfrs-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--7zkfrs-iconWidth,20px); min-width: var(--7zkfrs-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--7zkfrs-iconGap-tablet); svg { width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--7zkfrs-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-t9lple"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --t9lple-typography: p2; --t9lple-typography-tablet: p2; --t9lple-typography-mobile: p2; --t9lple-margin-top: 12px; --t9lple-margin-top-tablet: 12px; --t9lple-margin-top-mobile: 12px; --t9lple-margin-right: 0px; --t9lple-margin-right-tablet: 0px; --t9lple-margin-right-mobile: 0px; --t9lple-margin-bottom: 0px; --t9lple-margin-bottom-tablet: 0px; --t9lple-margin-bottom-mobile: 0px; --t9lple-margin-left: 0px; --t9lple-margin-left-tablet: 0px; --t9lple-margin-left-mobile: 0px; }[data-bnode="omnise-t9lple"] { margin-top: var(--t9lple-margin-top, 0px); margin-right: var(--t9lple-margin-right, 0px); margin-bottom: var(--t9lple-margin-bottom, 0px); margin-left: var(--t9lple-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lple-margin-top-tablet, 0px); margin-right: var(--t9lple-margin-right-tablet, 0px); margin-bottom: var(--t9lple-margin-bottom-tablet, 0px); margin-left: var(--t9lple-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lple-margin-top-mobile, 0px); margin-right: var(--t9lple-margin-right-mobile, 0px); margin-bottom: var(--t9lple-margin-bottom-mobile, 0px); margin-left: var(--t9lple-margin-left-mobile, 0px); } }[data-bnode="omnise-7rfaby"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --7rfaby-priceType: salePrice; --7rfaby-priceType-tablet: salePrice; --7rfaby-priceType-mobile: salePrice; --7rfaby-decoration: line-through; --7rfaby-decoration-tablet: line-through; --7rfaby-decoration-mobile: line-through; --7rfaby-typography: p2; --7rfaby-typography-tablet: p2; --7rfaby-typography-mobile: p2; --7rfaby-salePriceColor: #C13C18; --7rfaby-salePriceColor-tablet: #C13C18; --7rfaby-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-7rfaby"] { margin-top: var(--7rfaby-margin-top, 0px); margin-right: var(--7rfaby-margin-right, 0px); margin-bottom: var(--7rfaby-margin-bottom, 0px); margin-left: var(--7rfaby-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rfaby-margin-top-tablet, 0px); margin-right: var(--7rfaby-margin-right-tablet, 0px); margin-bottom: var(--7rfaby-margin-bottom-tablet, 0px); margin-left: var(--7rfaby-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rfaby-margin-top-mobile, 0px); margin-right: var(--7rfaby-margin-right-mobile, 0px); margin-bottom: var(--7rfaby-margin-bottom-mobile, 0px); margin-left: var(--7rfaby-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7rfaby-comparePriceColor); text-decoration: var(--7rfaby-decoration,none); font-size: calc(var(--7rfaby-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7rfaby-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2qnkb6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }[data-bnode="omnise-u66n4i"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u66n4i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-u66n4i"] {                     }  }[data-bnode="omnise-exhog7"] { --exhog7-borderStyle: none; --exhog7-borderStyle-tablet: none; --exhog7-borderStyle-mobile: none; --exhog7-borderColor: #000000; --exhog7-borderColor-tablet: #000000; --exhog7-borderColor-mobile: #000000; --exhog7-borderWidth: 1px; --exhog7-borderWidth-tablet: 1px; --exhog7-borderWidth-mobile: 1px; --exhog7-shadowHorizontal: 0; --exhog7-shadowHorizontal-tablet: 0; --exhog7-shadowHorizontal-mobile: 0; --exhog7-shadowVertical: 0; --exhog7-shadowVertical-tablet: 0; --exhog7-shadowVertical-mobile: 0; --exhog7-shadowBlur: 0; --exhog7-shadowBlur-tablet: 0; --exhog7-shadowBlur-mobile: 0; --exhog7-shadowColor: #000000; --exhog7-shadowColor-tablet: #000000; --exhog7-shadowColor-mobile: #000000; --exhog7-padding-top: 0px; --exhog7-padding-top-tablet: 0px; --exhog7-padding-top-mobile: 0px; --exhog7-padding-right: 0px; --exhog7-padding-right-tablet: 0px; --exhog7-padding-right-mobile: 0px; --exhog7-padding-bottom: 0px; --exhog7-padding-bottom-tablet: 0px; --exhog7-padding-bottom-mobile: 0px; --exhog7-padding-left: 0px; --exhog7-padding-left-tablet: 0px; --exhog7-padding-left-mobile: 0px; --exhog7-enableShadow: false; --exhog7-enableShadow-tablet: false; --exhog7-enableShadow-mobile: false; --exhog7-imageRatio: 5/7; --exhog7-imageRatio-tablet: 5/7; --exhog7-imageRatio-mobile: 5/7; --exhog7-borderRadius-tl: 0px; --exhog7-borderRadius-tl-tablet: 0px; --exhog7-borderRadius-tl-mobile: 0px; --exhog7-borderRadius-tr: 0px; --exhog7-borderRadius-tr-tablet: 0px; --exhog7-borderRadius-tr-mobile: 0px; --exhog7-borderRadius-bl: 0px; --exhog7-borderRadius-bl-tablet: 0px; --exhog7-borderRadius-bl-mobile: 0px; --exhog7-borderRadius-br: 0px; --exhog7-borderRadius-br-tablet: 0px; --exhog7-borderRadius-br-mobile: 0px; }[data-bnode="omnise-exhog7"] { margin-top: var(--exhog7-margin-top, 0px); margin-right: var(--exhog7-margin-right, 0px); margin-bottom: var(--exhog7-margin-bottom, 0px); margin-left: var(--exhog7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--exhog7-margin-top-tablet, 0px); margin-right: var(--exhog7-margin-right-tablet, 0px); margin-bottom: var(--exhog7-margin-bottom-tablet, 0px); margin-left: var(--exhog7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--exhog7-margin-top-mobile, 0px); margin-right: var(--exhog7-margin-right-mobile, 0px); margin-bottom: var(--exhog7-margin-bottom-mobile, 0px); margin-left: var(--exhog7-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--exhog7-imageRatio, auto); overflow: hidden; border-style: var(--exhog7-borderStyle, solid); border-color: var(--exhog7-borderColor, var(--omnise-card-media-border-color)); border-width: var(--exhog7-borderWidth-tl, var(--omnise-card-border-width)) var(--exhog7-borderWidth-tr, var(--omnise-card-border-width)) var(--exhog7-borderWidth-br, var(--omnise-card-border-width)) var(--exhog7-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-br, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--exhog7-shadowHorizontal, var(--omnise-card-shadow-x)) var(--exhog7-shadowVertical, var(--omnise-card-shadow-y)) var(--exhog7-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--exhog7-shadowColor, var(--omnise-card-media-shadow-color)) var(--exhog7-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--exhog7-imageRatio-tablet, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-tablet, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-tablet, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-tablet, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-tablet, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-tablet, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-tablet, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-tablet, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-tablet, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-tablet, var(--exhog7-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--exhog7-imageRatio-mobile, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-mobile, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-mobile, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-mobile, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-mobile, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-mobile, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-mobile, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-mobile, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-mobile, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-mobile, var(--exhog7-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-k4xddr"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {      }  } [data-bnode="omnise-k4xddr"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {                     }  }[data-bnode="omnise-7zkfrs"] { --7zkfrs-width: fill; --7zkfrs-width-tablet: fill; --7zkfrs-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --7zkfrs-transform: none; --7zkfrs-transform-tablet: none; --7zkfrs-transform-mobile: none; --7zkfrs-iconWidth: 20px; --7zkfrs-iconWidth-tablet: 20px; --7zkfrs-iconWidth-mobile: 20px; --7zkfrs-iconGap: 5px; --7zkfrs-iconGap-tablet: 5px; --7zkfrs-iconGap-mobile: 5px; --7zkfrs-button: pr; --7zkfrs-button-tablet: pr; --7zkfrs-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-7zkfrs"] { margin-top: var(--7zkfrs-margin-top, 0px); margin-right: var(--7zkfrs-margin-right, 0px); margin-bottom: var(--7zkfrs-margin-bottom, 0px); margin-left: var(--7zkfrs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zkfrs-margin-top-tablet, 0px); margin-right: var(--7zkfrs-margin-right-tablet, 0px); margin-bottom: var(--7zkfrs-margin-bottom-tablet, 0px); margin-left: var(--7zkfrs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zkfrs-margin-top-mobile, 0px); margin-right: var(--7zkfrs-margin-right-mobile, 0px); margin-bottom: var(--7zkfrs-margin-bottom-mobile, 0px); margin-left: var(--7zkfrs-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--7zkfrs-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--7zkfrs-iconWidth,20px); min-width: var(--7zkfrs-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--7zkfrs-iconGap-tablet); svg { width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--7zkfrs-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-t9lple"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --t9lple-typography: p2; --t9lple-typography-tablet: p2; --t9lple-typography-mobile: p2; --t9lple-margin-top: 12px; --t9lple-margin-top-tablet: 12px; --t9lple-margin-top-mobile: 12px; --t9lple-margin-right: 0px; --t9lple-margin-right-tablet: 0px; --t9lple-margin-right-mobile: 0px; --t9lple-margin-bottom: 0px; --t9lple-margin-bottom-tablet: 0px; --t9lple-margin-bottom-mobile: 0px; --t9lple-margin-left: 0px; --t9lple-margin-left-tablet: 0px; --t9lple-margin-left-mobile: 0px; }[data-bnode="omnise-t9lple"] { margin-top: var(--t9lple-margin-top, 0px); margin-right: var(--t9lple-margin-right, 0px); margin-bottom: var(--t9lple-margin-bottom, 0px); margin-left: var(--t9lple-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lple-margin-top-tablet, 0px); margin-right: var(--t9lple-margin-right-tablet, 0px); margin-bottom: var(--t9lple-margin-bottom-tablet, 0px); margin-left: var(--t9lple-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lple-margin-top-mobile, 0px); margin-right: var(--t9lple-margin-right-mobile, 0px); margin-bottom: var(--t9lple-margin-bottom-mobile, 0px); margin-left: var(--t9lple-margin-left-mobile, 0px); } }[data-bnode="omnise-7rfaby"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --7rfaby-priceType: salePrice; --7rfaby-priceType-tablet: salePrice; --7rfaby-priceType-mobile: salePrice; --7rfaby-decoration: line-through; --7rfaby-decoration-tablet: line-through; --7rfaby-decoration-mobile: line-through; --7rfaby-typography: p2; --7rfaby-typography-tablet: p2; --7rfaby-typography-mobile: p2; --7rfaby-salePriceColor: #C13C18; --7rfaby-salePriceColor-tablet: #C13C18; --7rfaby-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-7rfaby"] { margin-top: var(--7rfaby-margin-top, 0px); margin-right: var(--7rfaby-margin-right, 0px); margin-bottom: var(--7rfaby-margin-bottom, 0px); margin-left: var(--7rfaby-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rfaby-margin-top-tablet, 0px); margin-right: var(--7rfaby-margin-right-tablet, 0px); margin-bottom: var(--7rfaby-margin-bottom-tablet, 0px); margin-left: var(--7rfaby-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rfaby-margin-top-mobile, 0px); margin-right: var(--7rfaby-margin-right-mobile, 0px); margin-bottom: var(--7rfaby-margin-bottom-mobile, 0px); margin-left: var(--7rfaby-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7rfaby-comparePriceColor); text-decoration: var(--7rfaby-decoration,none); font-size: calc(var(--7rfaby-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7rfaby-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2qnkb6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }[data-bnode="omnise-u66n4i"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u66n4i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-u66n4i"] {                     }  }[data-bnode="omnise-exhog7"] { --exhog7-borderStyle: none; --exhog7-borderStyle-tablet: none; --exhog7-borderStyle-mobile: none; --exhog7-borderColor: #000000; --exhog7-borderColor-tablet: #000000; --exhog7-borderColor-mobile: #000000; --exhog7-borderWidth: 1px; --exhog7-borderWidth-tablet: 1px; --exhog7-borderWidth-mobile: 1px; --exhog7-shadowHorizontal: 0; --exhog7-shadowHorizontal-tablet: 0; --exhog7-shadowHorizontal-mobile: 0; --exhog7-shadowVertical: 0; --exhog7-shadowVertical-tablet: 0; --exhog7-shadowVertical-mobile: 0; --exhog7-shadowBlur: 0; --exhog7-shadowBlur-tablet: 0; --exhog7-shadowBlur-mobile: 0; --exhog7-shadowColor: #000000; --exhog7-shadowColor-tablet: #000000; --exhog7-shadowColor-mobile: #000000; --exhog7-padding-top: 0px; --exhog7-padding-top-tablet: 0px; --exhog7-padding-top-mobile: 0px; --exhog7-padding-right: 0px; --exhog7-padding-right-tablet: 0px; --exhog7-padding-right-mobile: 0px; --exhog7-padding-bottom: 0px; --exhog7-padding-bottom-tablet: 0px; --exhog7-padding-bottom-mobile: 0px; --exhog7-padding-left: 0px; --exhog7-padding-left-tablet: 0px; --exhog7-padding-left-mobile: 0px; --exhog7-enableShadow: false; --exhog7-enableShadow-tablet: false; --exhog7-enableShadow-mobile: false; --exhog7-imageRatio: 5/7; --exhog7-imageRatio-tablet: 5/7; --exhog7-imageRatio-mobile: 5/7; --exhog7-borderRadius-tl: 0px; --exhog7-borderRadius-tl-tablet: 0px; --exhog7-borderRadius-tl-mobile: 0px; --exhog7-borderRadius-tr: 0px; --exhog7-borderRadius-tr-tablet: 0px; --exhog7-borderRadius-tr-mobile: 0px; --exhog7-borderRadius-bl: 0px; --exhog7-borderRadius-bl-tablet: 0px; --exhog7-borderRadius-bl-mobile: 0px; --exhog7-borderRadius-br: 0px; --exhog7-borderRadius-br-tablet: 0px; --exhog7-borderRadius-br-mobile: 0px; }[data-bnode="omnise-exhog7"] { margin-top: var(--exhog7-margin-top, 0px); margin-right: var(--exhog7-margin-right, 0px); margin-bottom: var(--exhog7-margin-bottom, 0px); margin-left: var(--exhog7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--exhog7-margin-top-tablet, 0px); margin-right: var(--exhog7-margin-right-tablet, 0px); margin-bottom: var(--exhog7-margin-bottom-tablet, 0px); margin-left: var(--exhog7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--exhog7-margin-top-mobile, 0px); margin-right: var(--exhog7-margin-right-mobile, 0px); margin-bottom: var(--exhog7-margin-bottom-mobile, 0px); margin-left: var(--exhog7-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--exhog7-imageRatio, auto); overflow: hidden; border-style: var(--exhog7-borderStyle, solid); border-color: var(--exhog7-borderColor, var(--omnise-card-media-border-color)); border-width: var(--exhog7-borderWidth-tl, var(--omnise-card-border-width)) var(--exhog7-borderWidth-tr, var(--omnise-card-border-width)) var(--exhog7-borderWidth-br, var(--omnise-card-border-width)) var(--exhog7-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-br, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--exhog7-shadowHorizontal, var(--omnise-card-shadow-x)) var(--exhog7-shadowVertical, var(--omnise-card-shadow-y)) var(--exhog7-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--exhog7-shadowColor, var(--omnise-card-media-shadow-color)) var(--exhog7-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--exhog7-imageRatio-tablet, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-tablet, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-tablet, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-tablet, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-tablet, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-tablet, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-tablet, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-tablet, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-tablet, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-tablet, var(--exhog7-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--exhog7-imageRatio-mobile, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-mobile, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-mobile, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-mobile, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-mobile, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-mobile, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-mobile, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-mobile, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-mobile, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-mobile, var(--exhog7-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-k4xddr"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {      }  } [data-bnode="omnise-k4xddr"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {                     }  }[data-bnode="omnise-7zkfrs"] { --7zkfrs-width: fill; --7zkfrs-width-tablet: fill; --7zkfrs-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --7zkfrs-transform: none; --7zkfrs-transform-tablet: none; --7zkfrs-transform-mobile: none; --7zkfrs-iconWidth: 20px; --7zkfrs-iconWidth-tablet: 20px; --7zkfrs-iconWidth-mobile: 20px; --7zkfrs-iconGap: 5px; --7zkfrs-iconGap-tablet: 5px; --7zkfrs-iconGap-mobile: 5px; --7zkfrs-button: pr; --7zkfrs-button-tablet: pr; --7zkfrs-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-7zkfrs"] { margin-top: var(--7zkfrs-margin-top, 0px); margin-right: var(--7zkfrs-margin-right, 0px); margin-bottom: var(--7zkfrs-margin-bottom, 0px); margin-left: var(--7zkfrs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zkfrs-margin-top-tablet, 0px); margin-right: var(--7zkfrs-margin-right-tablet, 0px); margin-bottom: var(--7zkfrs-margin-bottom-tablet, 0px); margin-left: var(--7zkfrs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zkfrs-margin-top-mobile, 0px); margin-right: var(--7zkfrs-margin-right-mobile, 0px); margin-bottom: var(--7zkfrs-margin-bottom-mobile, 0px); margin-left: var(--7zkfrs-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--7zkfrs-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--7zkfrs-iconWidth,20px); min-width: var(--7zkfrs-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--7zkfrs-iconGap-tablet); svg { width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--7zkfrs-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-t9lple"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --t9lple-typography: p2; --t9lple-typography-tablet: p2; --t9lple-typography-mobile: p2; --t9lple-margin-top: 12px; --t9lple-margin-top-tablet: 12px; --t9lple-margin-top-mobile: 12px; --t9lple-margin-right: 0px; --t9lple-margin-right-tablet: 0px; --t9lple-margin-right-mobile: 0px; --t9lple-margin-bottom: 0px; --t9lple-margin-bottom-tablet: 0px; --t9lple-margin-bottom-mobile: 0px; --t9lple-margin-left: 0px; --t9lple-margin-left-tablet: 0px; --t9lple-margin-left-mobile: 0px; }[data-bnode="omnise-t9lple"] { margin-top: var(--t9lple-margin-top, 0px); margin-right: var(--t9lple-margin-right, 0px); margin-bottom: var(--t9lple-margin-bottom, 0px); margin-left: var(--t9lple-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lple-margin-top-tablet, 0px); margin-right: var(--t9lple-margin-right-tablet, 0px); margin-bottom: var(--t9lple-margin-bottom-tablet, 0px); margin-left: var(--t9lple-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lple-margin-top-mobile, 0px); margin-right: var(--t9lple-margin-right-mobile, 0px); margin-bottom: var(--t9lple-margin-bottom-mobile, 0px); margin-left: var(--t9lple-margin-left-mobile, 0px); } }[data-bnode="omnise-7rfaby"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --7rfaby-priceType: salePrice; --7rfaby-priceType-tablet: salePrice; --7rfaby-priceType-mobile: salePrice; --7rfaby-decoration: line-through; --7rfaby-decoration-tablet: line-through; --7rfaby-decoration-mobile: line-through; --7rfaby-typography: p2; --7rfaby-typography-tablet: p2; --7rfaby-typography-mobile: p2; --7rfaby-salePriceColor: #C13C18; --7rfaby-salePriceColor-tablet: #C13C18; --7rfaby-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-7rfaby"] { margin-top: var(--7rfaby-margin-top, 0px); margin-right: var(--7rfaby-margin-right, 0px); margin-bottom: var(--7rfaby-margin-bottom, 0px); margin-left: var(--7rfaby-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rfaby-margin-top-tablet, 0px); margin-right: var(--7rfaby-margin-right-tablet, 0px); margin-bottom: var(--7rfaby-margin-bottom-tablet, 0px); margin-left: var(--7rfaby-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rfaby-margin-top-mobile, 0px); margin-right: var(--7rfaby-margin-right-mobile, 0px); margin-bottom: var(--7rfaby-margin-bottom-mobile, 0px); margin-left: var(--7rfaby-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7rfaby-comparePriceColor); text-decoration: var(--7rfaby-decoration,none); font-size: calc(var(--7rfaby-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7rfaby-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2qnkb6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }[data-bnode="omnise-u66n4i"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u66n4i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-u66n4i"] {                     }  }[data-bnode="omnise-exhog7"] { --exhog7-borderStyle: none; --exhog7-borderStyle-tablet: none; --exhog7-borderStyle-mobile: none; --exhog7-borderColor: #000000; --exhog7-borderColor-tablet: #000000; --exhog7-borderColor-mobile: #000000; --exhog7-borderWidth: 1px; --exhog7-borderWidth-tablet: 1px; --exhog7-borderWidth-mobile: 1px; --exhog7-shadowHorizontal: 0; --exhog7-shadowHorizontal-tablet: 0; --exhog7-shadowHorizontal-mobile: 0; --exhog7-shadowVertical: 0; --exhog7-shadowVertical-tablet: 0; --exhog7-shadowVertical-mobile: 0; --exhog7-shadowBlur: 0; --exhog7-shadowBlur-tablet: 0; --exhog7-shadowBlur-mobile: 0; --exhog7-shadowColor: #000000; --exhog7-shadowColor-tablet: #000000; --exhog7-shadowColor-mobile: #000000; --exhog7-padding-top: 0px; --exhog7-padding-top-tablet: 0px; --exhog7-padding-top-mobile: 0px; --exhog7-padding-right: 0px; --exhog7-padding-right-tablet: 0px; --exhog7-padding-right-mobile: 0px; --exhog7-padding-bottom: 0px; --exhog7-padding-bottom-tablet: 0px; --exhog7-padding-bottom-mobile: 0px; --exhog7-padding-left: 0px; --exhog7-padding-left-tablet: 0px; --exhog7-padding-left-mobile: 0px; --exhog7-enableShadow: false; --exhog7-enableShadow-tablet: false; --exhog7-enableShadow-mobile: false; --exhog7-imageRatio: 5/7; --exhog7-imageRatio-tablet: 5/7; --exhog7-imageRatio-mobile: 5/7; --exhog7-borderRadius-tl: 0px; --exhog7-borderRadius-tl-tablet: 0px; --exhog7-borderRadius-tl-mobile: 0px; --exhog7-borderRadius-tr: 0px; --exhog7-borderRadius-tr-tablet: 0px; --exhog7-borderRadius-tr-mobile: 0px; --exhog7-borderRadius-bl: 0px; --exhog7-borderRadius-bl-tablet: 0px; --exhog7-borderRadius-bl-mobile: 0px; --exhog7-borderRadius-br: 0px; --exhog7-borderRadius-br-tablet: 0px; --exhog7-borderRadius-br-mobile: 0px; }[data-bnode="omnise-exhog7"] { margin-top: var(--exhog7-margin-top, 0px); margin-right: var(--exhog7-margin-right, 0px); margin-bottom: var(--exhog7-margin-bottom, 0px); margin-left: var(--exhog7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--exhog7-margin-top-tablet, 0px); margin-right: var(--exhog7-margin-right-tablet, 0px); margin-bottom: var(--exhog7-margin-bottom-tablet, 0px); margin-left: var(--exhog7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--exhog7-margin-top-mobile, 0px); margin-right: var(--exhog7-margin-right-mobile, 0px); margin-bottom: var(--exhog7-margin-bottom-mobile, 0px); margin-left: var(--exhog7-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--exhog7-imageRatio, auto); overflow: hidden; border-style: var(--exhog7-borderStyle, solid); border-color: var(--exhog7-borderColor, var(--omnise-card-media-border-color)); border-width: var(--exhog7-borderWidth-tl, var(--omnise-card-border-width)) var(--exhog7-borderWidth-tr, var(--omnise-card-border-width)) var(--exhog7-borderWidth-br, var(--omnise-card-border-width)) var(--exhog7-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-br, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--exhog7-shadowHorizontal, var(--omnise-card-shadow-x)) var(--exhog7-shadowVertical, var(--omnise-card-shadow-y)) var(--exhog7-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--exhog7-shadowColor, var(--omnise-card-media-shadow-color)) var(--exhog7-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--exhog7-imageRatio-tablet, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-tablet, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-tablet, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-tablet, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-tablet, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-tablet, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-tablet, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-tablet, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-tablet, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-tablet, var(--exhog7-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--exhog7-imageRatio-mobile, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-mobile, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-mobile, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-mobile, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-mobile, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-mobile, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-mobile, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-mobile, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-mobile, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-mobile, var(--exhog7-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-k4xddr"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {      }  } [data-bnode="omnise-k4xddr"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {                     }  }[data-bnode="omnise-7zkfrs"] { --7zkfrs-width: fill; --7zkfrs-width-tablet: fill; --7zkfrs-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --7zkfrs-transform: none; --7zkfrs-transform-tablet: none; --7zkfrs-transform-mobile: none; --7zkfrs-iconWidth: 20px; --7zkfrs-iconWidth-tablet: 20px; --7zkfrs-iconWidth-mobile: 20px; --7zkfrs-iconGap: 5px; --7zkfrs-iconGap-tablet: 5px; --7zkfrs-iconGap-mobile: 5px; --7zkfrs-button: pr; --7zkfrs-button-tablet: pr; --7zkfrs-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-7zkfrs"] { margin-top: var(--7zkfrs-margin-top, 0px); margin-right: var(--7zkfrs-margin-right, 0px); margin-bottom: var(--7zkfrs-margin-bottom, 0px); margin-left: var(--7zkfrs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zkfrs-margin-top-tablet, 0px); margin-right: var(--7zkfrs-margin-right-tablet, 0px); margin-bottom: var(--7zkfrs-margin-bottom-tablet, 0px); margin-left: var(--7zkfrs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zkfrs-margin-top-mobile, 0px); margin-right: var(--7zkfrs-margin-right-mobile, 0px); margin-bottom: var(--7zkfrs-margin-bottom-mobile, 0px); margin-left: var(--7zkfrs-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--7zkfrs-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--7zkfrs-iconWidth,20px); min-width: var(--7zkfrs-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--7zkfrs-iconGap-tablet); svg { width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--7zkfrs-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-t9lple"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --t9lple-typography: p2; --t9lple-typography-tablet: p2; --t9lple-typography-mobile: p2; --t9lple-margin-top: 12px; --t9lple-margin-top-tablet: 12px; --t9lple-margin-top-mobile: 12px; --t9lple-margin-right: 0px; --t9lple-margin-right-tablet: 0px; --t9lple-margin-right-mobile: 0px; --t9lple-margin-bottom: 0px; --t9lple-margin-bottom-tablet: 0px; --t9lple-margin-bottom-mobile: 0px; --t9lple-margin-left: 0px; --t9lple-margin-left-tablet: 0px; --t9lple-margin-left-mobile: 0px; }[data-bnode="omnise-t9lple"] { margin-top: var(--t9lple-margin-top, 0px); margin-right: var(--t9lple-margin-right, 0px); margin-bottom: var(--t9lple-margin-bottom, 0px); margin-left: var(--t9lple-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lple-margin-top-tablet, 0px); margin-right: var(--t9lple-margin-right-tablet, 0px); margin-bottom: var(--t9lple-margin-bottom-tablet, 0px); margin-left: var(--t9lple-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lple-margin-top-mobile, 0px); margin-right: var(--t9lple-margin-right-mobile, 0px); margin-bottom: var(--t9lple-margin-bottom-mobile, 0px); margin-left: var(--t9lple-margin-left-mobile, 0px); } }[data-bnode="omnise-7rfaby"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --7rfaby-priceType: salePrice; --7rfaby-priceType-tablet: salePrice; --7rfaby-priceType-mobile: salePrice; --7rfaby-decoration: line-through; --7rfaby-decoration-tablet: line-through; --7rfaby-decoration-mobile: line-through; --7rfaby-typography: p2; --7rfaby-typography-tablet: p2; --7rfaby-typography-mobile: p2; --7rfaby-salePriceColor: #C13C18; --7rfaby-salePriceColor-tablet: #C13C18; --7rfaby-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-7rfaby"] { margin-top: var(--7rfaby-margin-top, 0px); margin-right: var(--7rfaby-margin-right, 0px); margin-bottom: var(--7rfaby-margin-bottom, 0px); margin-left: var(--7rfaby-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rfaby-margin-top-tablet, 0px); margin-right: var(--7rfaby-margin-right-tablet, 0px); margin-bottom: var(--7rfaby-margin-bottom-tablet, 0px); margin-left: var(--7rfaby-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rfaby-margin-top-mobile, 0px); margin-right: var(--7rfaby-margin-right-mobile, 0px); margin-bottom: var(--7rfaby-margin-bottom-mobile, 0px); margin-left: var(--7rfaby-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7rfaby-comparePriceColor); text-decoration: var(--7rfaby-decoration,none); font-size: calc(var(--7rfaby-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7rfaby-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2qnkb6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }[data-bnode="omnise-u66n4i"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u66n4i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-u66n4i"] {                     }  }[data-bnode="omnise-exhog7"] { --exhog7-borderStyle: none; --exhog7-borderStyle-tablet: none; --exhog7-borderStyle-mobile: none; --exhog7-borderColor: #000000; --exhog7-borderColor-tablet: #000000; --exhog7-borderColor-mobile: #000000; --exhog7-borderWidth: 1px; --exhog7-borderWidth-tablet: 1px; --exhog7-borderWidth-mobile: 1px; --exhog7-shadowHorizontal: 0; --exhog7-shadowHorizontal-tablet: 0; --exhog7-shadowHorizontal-mobile: 0; --exhog7-shadowVertical: 0; --exhog7-shadowVertical-tablet: 0; --exhog7-shadowVertical-mobile: 0; --exhog7-shadowBlur: 0; --exhog7-shadowBlur-tablet: 0; --exhog7-shadowBlur-mobile: 0; --exhog7-shadowColor: #000000; --exhog7-shadowColor-tablet: #000000; --exhog7-shadowColor-mobile: #000000; --exhog7-padding-top: 0px; --exhog7-padding-top-tablet: 0px; --exhog7-padding-top-mobile: 0px; --exhog7-padding-right: 0px; --exhog7-padding-right-tablet: 0px; --exhog7-padding-right-mobile: 0px; --exhog7-padding-bottom: 0px; --exhog7-padding-bottom-tablet: 0px; --exhog7-padding-bottom-mobile: 0px; --exhog7-padding-left: 0px; --exhog7-padding-left-tablet: 0px; --exhog7-padding-left-mobile: 0px; --exhog7-enableShadow: false; --exhog7-enableShadow-tablet: false; --exhog7-enableShadow-mobile: false; --exhog7-imageRatio: 5/7; --exhog7-imageRatio-tablet: 5/7; --exhog7-imageRatio-mobile: 5/7; --exhog7-borderRadius-tl: 0px; --exhog7-borderRadius-tl-tablet: 0px; --exhog7-borderRadius-tl-mobile: 0px; --exhog7-borderRadius-tr: 0px; --exhog7-borderRadius-tr-tablet: 0px; --exhog7-borderRadius-tr-mobile: 0px; --exhog7-borderRadius-bl: 0px; --exhog7-borderRadius-bl-tablet: 0px; --exhog7-borderRadius-bl-mobile: 0px; --exhog7-borderRadius-br: 0px; --exhog7-borderRadius-br-tablet: 0px; --exhog7-borderRadius-br-mobile: 0px; }[data-bnode="omnise-exhog7"] { margin-top: var(--exhog7-margin-top, 0px); margin-right: var(--exhog7-margin-right, 0px); margin-bottom: var(--exhog7-margin-bottom, 0px); margin-left: var(--exhog7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--exhog7-margin-top-tablet, 0px); margin-right: var(--exhog7-margin-right-tablet, 0px); margin-bottom: var(--exhog7-margin-bottom-tablet, 0px); margin-left: var(--exhog7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--exhog7-margin-top-mobile, 0px); margin-right: var(--exhog7-margin-right-mobile, 0px); margin-bottom: var(--exhog7-margin-bottom-mobile, 0px); margin-left: var(--exhog7-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--exhog7-imageRatio, auto); overflow: hidden; border-style: var(--exhog7-borderStyle, solid); border-color: var(--exhog7-borderColor, var(--omnise-card-media-border-color)); border-width: var(--exhog7-borderWidth-tl, var(--omnise-card-border-width)) var(--exhog7-borderWidth-tr, var(--omnise-card-border-width)) var(--exhog7-borderWidth-br, var(--omnise-card-border-width)) var(--exhog7-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-br, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--exhog7-shadowHorizontal, var(--omnise-card-shadow-x)) var(--exhog7-shadowVertical, var(--omnise-card-shadow-y)) var(--exhog7-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--exhog7-shadowColor, var(--omnise-card-media-shadow-color)) var(--exhog7-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--exhog7-imageRatio-tablet, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-tablet, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-tablet, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-tablet, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-tablet, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-tablet, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-tablet, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-tablet, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-tablet, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-tablet, var(--exhog7-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--exhog7-imageRatio-mobile, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-mobile, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-mobile, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-mobile, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-mobile, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-mobile, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-mobile, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-mobile, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-mobile, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-mobile, var(--exhog7-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-k4xddr"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {      }  } [data-bnode="omnise-k4xddr"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {                     }  }[data-bnode="omnise-7zkfrs"] { --7zkfrs-width: fill; --7zkfrs-width-tablet: fill; --7zkfrs-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --7zkfrs-transform: none; --7zkfrs-transform-tablet: none; --7zkfrs-transform-mobile: none; --7zkfrs-iconWidth: 20px; --7zkfrs-iconWidth-tablet: 20px; --7zkfrs-iconWidth-mobile: 20px; --7zkfrs-iconGap: 5px; --7zkfrs-iconGap-tablet: 5px; --7zkfrs-iconGap-mobile: 5px; --7zkfrs-button: pr; --7zkfrs-button-tablet: pr; --7zkfrs-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-7zkfrs"] { margin-top: var(--7zkfrs-margin-top, 0px); margin-right: var(--7zkfrs-margin-right, 0px); margin-bottom: var(--7zkfrs-margin-bottom, 0px); margin-left: var(--7zkfrs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zkfrs-margin-top-tablet, 0px); margin-right: var(--7zkfrs-margin-right-tablet, 0px); margin-bottom: var(--7zkfrs-margin-bottom-tablet, 0px); margin-left: var(--7zkfrs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zkfrs-margin-top-mobile, 0px); margin-right: var(--7zkfrs-margin-right-mobile, 0px); margin-bottom: var(--7zkfrs-margin-bottom-mobile, 0px); margin-left: var(--7zkfrs-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--7zkfrs-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--7zkfrs-iconWidth,20px); min-width: var(--7zkfrs-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--7zkfrs-iconGap-tablet); svg { width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--7zkfrs-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-t9lple"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --t9lple-typography: p2; --t9lple-typography-tablet: p2; --t9lple-typography-mobile: p2; --t9lple-margin-top: 12px; --t9lple-margin-top-tablet: 12px; --t9lple-margin-top-mobile: 12px; --t9lple-margin-right: 0px; --t9lple-margin-right-tablet: 0px; --t9lple-margin-right-mobile: 0px; --t9lple-margin-bottom: 0px; --t9lple-margin-bottom-tablet: 0px; --t9lple-margin-bottom-mobile: 0px; --t9lple-margin-left: 0px; --t9lple-margin-left-tablet: 0px; --t9lple-margin-left-mobile: 0px; }[data-bnode="omnise-t9lple"] { margin-top: var(--t9lple-margin-top, 0px); margin-right: var(--t9lple-margin-right, 0px); margin-bottom: var(--t9lple-margin-bottom, 0px); margin-left: var(--t9lple-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lple-margin-top-tablet, 0px); margin-right: var(--t9lple-margin-right-tablet, 0px); margin-bottom: var(--t9lple-margin-bottom-tablet, 0px); margin-left: var(--t9lple-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lple-margin-top-mobile, 0px); margin-right: var(--t9lple-margin-right-mobile, 0px); margin-bottom: var(--t9lple-margin-bottom-mobile, 0px); margin-left: var(--t9lple-margin-left-mobile, 0px); } }[data-bnode="omnise-7rfaby"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --7rfaby-priceType: salePrice; --7rfaby-priceType-tablet: salePrice; --7rfaby-priceType-mobile: salePrice; --7rfaby-decoration: line-through; --7rfaby-decoration-tablet: line-through; --7rfaby-decoration-mobile: line-through; --7rfaby-typography: p2; --7rfaby-typography-tablet: p2; --7rfaby-typography-mobile: p2; --7rfaby-salePriceColor: #C13C18; --7rfaby-salePriceColor-tablet: #C13C18; --7rfaby-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-7rfaby"] { margin-top: var(--7rfaby-margin-top, 0px); margin-right: var(--7rfaby-margin-right, 0px); margin-bottom: var(--7rfaby-margin-bottom, 0px); margin-left: var(--7rfaby-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rfaby-margin-top-tablet, 0px); margin-right: var(--7rfaby-margin-right-tablet, 0px); margin-bottom: var(--7rfaby-margin-bottom-tablet, 0px); margin-left: var(--7rfaby-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rfaby-margin-top-mobile, 0px); margin-right: var(--7rfaby-margin-right-mobile, 0px); margin-bottom: var(--7rfaby-margin-bottom-mobile, 0px); margin-left: var(--7rfaby-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7rfaby-comparePriceColor); text-decoration: var(--7rfaby-decoration,none); font-size: calc(var(--7rfaby-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7rfaby-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2qnkb6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }[data-bnode="omnise-u66n4i"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u66n4i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-u66n4i"] {                     }  }[data-bnode="omnise-exhog7"] { --exhog7-borderStyle: none; --exhog7-borderStyle-tablet: none; --exhog7-borderStyle-mobile: none; --exhog7-borderColor: #000000; --exhog7-borderColor-tablet: #000000; --exhog7-borderColor-mobile: #000000; --exhog7-borderWidth: 1px; --exhog7-borderWidth-tablet: 1px; --exhog7-borderWidth-mobile: 1px; --exhog7-shadowHorizontal: 0; --exhog7-shadowHorizontal-tablet: 0; --exhog7-shadowHorizontal-mobile: 0; --exhog7-shadowVertical: 0; --exhog7-shadowVertical-tablet: 0; --exhog7-shadowVertical-mobile: 0; --exhog7-shadowBlur: 0; --exhog7-shadowBlur-tablet: 0; --exhog7-shadowBlur-mobile: 0; --exhog7-shadowColor: #000000; --exhog7-shadowColor-tablet: #000000; --exhog7-shadowColor-mobile: #000000; --exhog7-padding-top: 0px; --exhog7-padding-top-tablet: 0px; --exhog7-padding-top-mobile: 0px; --exhog7-padding-right: 0px; --exhog7-padding-right-tablet: 0px; --exhog7-padding-right-mobile: 0px; --exhog7-padding-bottom: 0px; --exhog7-padding-bottom-tablet: 0px; --exhog7-padding-bottom-mobile: 0px; --exhog7-padding-left: 0px; --exhog7-padding-left-tablet: 0px; --exhog7-padding-left-mobile: 0px; --exhog7-enableShadow: false; --exhog7-enableShadow-tablet: false; --exhog7-enableShadow-mobile: false; --exhog7-imageRatio: 5/7; --exhog7-imageRatio-tablet: 5/7; --exhog7-imageRatio-mobile: 5/7; --exhog7-borderRadius-tl: 0px; --exhog7-borderRadius-tl-tablet: 0px; --exhog7-borderRadius-tl-mobile: 0px; --exhog7-borderRadius-tr: 0px; --exhog7-borderRadius-tr-tablet: 0px; --exhog7-borderRadius-tr-mobile: 0px; --exhog7-borderRadius-bl: 0px; --exhog7-borderRadius-bl-tablet: 0px; --exhog7-borderRadius-bl-mobile: 0px; --exhog7-borderRadius-br: 0px; --exhog7-borderRadius-br-tablet: 0px; --exhog7-borderRadius-br-mobile: 0px; }[data-bnode="omnise-exhog7"] { margin-top: var(--exhog7-margin-top, 0px); margin-right: var(--exhog7-margin-right, 0px); margin-bottom: var(--exhog7-margin-bottom, 0px); margin-left: var(--exhog7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--exhog7-margin-top-tablet, 0px); margin-right: var(--exhog7-margin-right-tablet, 0px); margin-bottom: var(--exhog7-margin-bottom-tablet, 0px); margin-left: var(--exhog7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--exhog7-margin-top-mobile, 0px); margin-right: var(--exhog7-margin-right-mobile, 0px); margin-bottom: var(--exhog7-margin-bottom-mobile, 0px); margin-left: var(--exhog7-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--exhog7-imageRatio, auto); overflow: hidden; border-style: var(--exhog7-borderStyle, solid); border-color: var(--exhog7-borderColor, var(--omnise-card-media-border-color)); border-width: var(--exhog7-borderWidth-tl, var(--omnise-card-border-width)) var(--exhog7-borderWidth-tr, var(--omnise-card-border-width)) var(--exhog7-borderWidth-br, var(--omnise-card-border-width)) var(--exhog7-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-br, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--exhog7-shadowHorizontal, var(--omnise-card-shadow-x)) var(--exhog7-shadowVertical, var(--omnise-card-shadow-y)) var(--exhog7-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--exhog7-shadowColor, var(--omnise-card-media-shadow-color)) var(--exhog7-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--exhog7-imageRatio-tablet, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-tablet, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-tablet, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-tablet, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-tablet, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-tablet, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-tablet, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-tablet, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-tablet, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-tablet, var(--exhog7-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--exhog7-imageRatio-mobile, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-mobile, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-mobile, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-mobile, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-mobile, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-mobile, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-mobile, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-mobile, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-mobile, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-mobile, var(--exhog7-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-k4xddr"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {      }  } [data-bnode="omnise-k4xddr"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {                     }  }[data-bnode="omnise-7zkfrs"] { --7zkfrs-width: fill; --7zkfrs-width-tablet: fill; --7zkfrs-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --7zkfrs-transform: none; --7zkfrs-transform-tablet: none; --7zkfrs-transform-mobile: none; --7zkfrs-iconWidth: 20px; --7zkfrs-iconWidth-tablet: 20px; --7zkfrs-iconWidth-mobile: 20px; --7zkfrs-iconGap: 5px; --7zkfrs-iconGap-tablet: 5px; --7zkfrs-iconGap-mobile: 5px; --7zkfrs-button: pr; --7zkfrs-button-tablet: pr; --7zkfrs-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-7zkfrs"] { margin-top: var(--7zkfrs-margin-top, 0px); margin-right: var(--7zkfrs-margin-right, 0px); margin-bottom: var(--7zkfrs-margin-bottom, 0px); margin-left: var(--7zkfrs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zkfrs-margin-top-tablet, 0px); margin-right: var(--7zkfrs-margin-right-tablet, 0px); margin-bottom: var(--7zkfrs-margin-bottom-tablet, 0px); margin-left: var(--7zkfrs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zkfrs-margin-top-mobile, 0px); margin-right: var(--7zkfrs-margin-right-mobile, 0px); margin-bottom: var(--7zkfrs-margin-bottom-mobile, 0px); margin-left: var(--7zkfrs-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--7zkfrs-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--7zkfrs-iconWidth,20px); min-width: var(--7zkfrs-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--7zkfrs-iconGap-tablet); svg { width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--7zkfrs-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-t9lple"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --t9lple-typography: p2; --t9lple-typography-tablet: p2; --t9lple-typography-mobile: p2; --t9lple-margin-top: 12px; --t9lple-margin-top-tablet: 12px; --t9lple-margin-top-mobile: 12px; --t9lple-margin-right: 0px; --t9lple-margin-right-tablet: 0px; --t9lple-margin-right-mobile: 0px; --t9lple-margin-bottom: 0px; --t9lple-margin-bottom-tablet: 0px; --t9lple-margin-bottom-mobile: 0px; --t9lple-margin-left: 0px; --t9lple-margin-left-tablet: 0px; --t9lple-margin-left-mobile: 0px; }[data-bnode="omnise-t9lple"] { margin-top: var(--t9lple-margin-top, 0px); margin-right: var(--t9lple-margin-right, 0px); margin-bottom: var(--t9lple-margin-bottom, 0px); margin-left: var(--t9lple-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lple-margin-top-tablet, 0px); margin-right: var(--t9lple-margin-right-tablet, 0px); margin-bottom: var(--t9lple-margin-bottom-tablet, 0px); margin-left: var(--t9lple-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lple-margin-top-mobile, 0px); margin-right: var(--t9lple-margin-right-mobile, 0px); margin-bottom: var(--t9lple-margin-bottom-mobile, 0px); margin-left: var(--t9lple-margin-left-mobile, 0px); } }[data-bnode="omnise-7rfaby"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --7rfaby-priceType: salePrice; --7rfaby-priceType-tablet: salePrice; --7rfaby-priceType-mobile: salePrice; --7rfaby-decoration: line-through; --7rfaby-decoration-tablet: line-through; --7rfaby-decoration-mobile: line-through; --7rfaby-typography: p2; --7rfaby-typography-tablet: p2; --7rfaby-typography-mobile: p2; --7rfaby-salePriceColor: #C13C18; --7rfaby-salePriceColor-tablet: #C13C18; --7rfaby-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-7rfaby"] { margin-top: var(--7rfaby-margin-top, 0px); margin-right: var(--7rfaby-margin-right, 0px); margin-bottom: var(--7rfaby-margin-bottom, 0px); margin-left: var(--7rfaby-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rfaby-margin-top-tablet, 0px); margin-right: var(--7rfaby-margin-right-tablet, 0px); margin-bottom: var(--7rfaby-margin-bottom-tablet, 0px); margin-left: var(--7rfaby-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rfaby-margin-top-mobile, 0px); margin-right: var(--7rfaby-margin-right-mobile, 0px); margin-bottom: var(--7rfaby-margin-bottom-mobile, 0px); margin-left: var(--7rfaby-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7rfaby-comparePriceColor); text-decoration: var(--7rfaby-decoration,none); font-size: calc(var(--7rfaby-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7rfaby-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-2qnkb6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qnkb6"] {                gap: 4px;     }  }[data-bnode="omnise-u66n4i"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-u66n4i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-u66n4i"] {                     }  }[data-bnode="omnise-exhog7"] { --exhog7-borderStyle: none; --exhog7-borderStyle-tablet: none; --exhog7-borderStyle-mobile: none; --exhog7-borderColor: #000000; --exhog7-borderColor-tablet: #000000; --exhog7-borderColor-mobile: #000000; --exhog7-borderWidth: 1px; --exhog7-borderWidth-tablet: 1px; --exhog7-borderWidth-mobile: 1px; --exhog7-shadowHorizontal: 0; --exhog7-shadowHorizontal-tablet: 0; --exhog7-shadowHorizontal-mobile: 0; --exhog7-shadowVertical: 0; --exhog7-shadowVertical-tablet: 0; --exhog7-shadowVertical-mobile: 0; --exhog7-shadowBlur: 0; --exhog7-shadowBlur-tablet: 0; --exhog7-shadowBlur-mobile: 0; --exhog7-shadowColor: #000000; --exhog7-shadowColor-tablet: #000000; --exhog7-shadowColor-mobile: #000000; --exhog7-padding-top: 0px; --exhog7-padding-top-tablet: 0px; --exhog7-padding-top-mobile: 0px; --exhog7-padding-right: 0px; --exhog7-padding-right-tablet: 0px; --exhog7-padding-right-mobile: 0px; --exhog7-padding-bottom: 0px; --exhog7-padding-bottom-tablet: 0px; --exhog7-padding-bottom-mobile: 0px; --exhog7-padding-left: 0px; --exhog7-padding-left-tablet: 0px; --exhog7-padding-left-mobile: 0px; --exhog7-enableShadow: false; --exhog7-enableShadow-tablet: false; --exhog7-enableShadow-mobile: false; --exhog7-imageRatio: 5/7; --exhog7-imageRatio-tablet: 5/7; --exhog7-imageRatio-mobile: 5/7; --exhog7-borderRadius-tl: 0px; --exhog7-borderRadius-tl-tablet: 0px; --exhog7-borderRadius-tl-mobile: 0px; --exhog7-borderRadius-tr: 0px; --exhog7-borderRadius-tr-tablet: 0px; --exhog7-borderRadius-tr-mobile: 0px; --exhog7-borderRadius-bl: 0px; --exhog7-borderRadius-bl-tablet: 0px; --exhog7-borderRadius-bl-mobile: 0px; --exhog7-borderRadius-br: 0px; --exhog7-borderRadius-br-tablet: 0px; --exhog7-borderRadius-br-mobile: 0px; }[data-bnode="omnise-exhog7"] { margin-top: var(--exhog7-margin-top, 0px); margin-right: var(--exhog7-margin-right, 0px); margin-bottom: var(--exhog7-margin-bottom, 0px); margin-left: var(--exhog7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--exhog7-margin-top-tablet, 0px); margin-right: var(--exhog7-margin-right-tablet, 0px); margin-bottom: var(--exhog7-margin-bottom-tablet, 0px); margin-left: var(--exhog7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--exhog7-margin-top-mobile, 0px); margin-right: var(--exhog7-margin-right-mobile, 0px); margin-bottom: var(--exhog7-margin-bottom-mobile, 0px); margin-left: var(--exhog7-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--exhog7-imageRatio, auto); overflow: hidden; border-style: var(--exhog7-borderStyle, solid); border-color: var(--exhog7-borderColor, var(--omnise-card-media-border-color)); border-width: var(--exhog7-borderWidth-tl, var(--omnise-card-border-width)) var(--exhog7-borderWidth-tr, var(--omnise-card-border-width)) var(--exhog7-borderWidth-br, var(--omnise-card-border-width)) var(--exhog7-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-br, var(--omnise-card-border-radius)) var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--exhog7-shadowHorizontal, var(--omnise-card-shadow-x)) var(--exhog7-shadowVertical, var(--omnise-card-shadow-y)) var(--exhog7-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--exhog7-shadowColor, var(--omnise-card-media-shadow-color)) var(--exhog7-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--exhog7-imageRatio-tablet, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-tablet, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-tablet, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-tablet, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-tablet, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-tablet, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-tablet, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-tablet, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-tablet, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-tablet, var(--exhog7-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--exhog7-imageRatio-mobile, var(--exhog7-imageRatio, auto)); border-width: var(--exhog7-borderWidth-tl-mobile, var(--exhog7-borderWidth-tl, var(--omnise-card-border-width))) var(--exhog7-borderWidth-tr-mobile, var(--exhog7-borderWidth-tr, var(--omnise-card-border-width))) var(--exhog7-borderWidth-br-mobile, var(--exhog7-borderWidth-br, var(--omnise-card-border-width))) var(--exhog7-borderWidth-bl-mobile, var(--exhog7-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--exhog7-borderRadius-tl-mobile, var(--exhog7-borderRadius-tl, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-tr-mobile, var(--exhog7-borderRadius-tr, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-br-mobile, var(--exhog7-borderRadius-br, var(--omnise-card-border-radius))) var(--exhog7-borderRadius-bl-mobile, var(--exhog7-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--exhog7-max-width-mobile, var(--exhog7-max-width, 100%)); } .omnise-img-main, .omnise-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .omnise-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .omnise-img-secondary { opacity: 1; } } } } }[data-bnode="omnise-k4xddr"] {   position: absolute; bottom: 12px; left: 12px; height: fit-content; max-width: calc(100% - 24px);  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {      }  } [data-bnode="omnise-k4xddr"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k4xddr"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k4xddr"] {                     }  }[data-bnode="omnise-7zkfrs"] { --7zkfrs-width: fill; --7zkfrs-width-tablet: fill; --7zkfrs-width-mobile: fill; --omnise-btn-font-size-tablet: 15px; --omnise-btn-font-size-mobile: 15px; --omnise-btn-height-tablet: 45px; --omnise-btn-height-mobile: 45px; --omnise-btn-padding-tablet: 30px; --omnise-btn-padding-mobile: 30px; --7zkfrs-transform: none; --7zkfrs-transform-tablet: none; --7zkfrs-transform-mobile: none; --7zkfrs-iconWidth: 20px; --7zkfrs-iconWidth-tablet: 20px; --7zkfrs-iconWidth-mobile: 20px; --7zkfrs-iconGap: 5px; --7zkfrs-iconGap-tablet: 5px; --7zkfrs-iconGap-mobile: 5px; --7zkfrs-button: pr; --7zkfrs-button-tablet: pr; --7zkfrs-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-7zkfrs"] { margin-top: var(--7zkfrs-margin-top, 0px); margin-right: var(--7zkfrs-margin-right, 0px); margin-bottom: var(--7zkfrs-margin-bottom, 0px); margin-left: var(--7zkfrs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zkfrs-margin-top-tablet, 0px); margin-right: var(--7zkfrs-margin-right-tablet, 0px); margin-bottom: var(--7zkfrs-margin-bottom-tablet, 0px); margin-left: var(--7zkfrs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zkfrs-margin-top-mobile, 0px); margin-right: var(--7zkfrs-margin-right-mobile, 0px); margin-bottom: var(--7zkfrs-margin-bottom-mobile, 0px); margin-left: var(--7zkfrs-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--7zkfrs-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--7zkfrs-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); style(--7zkfrs-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--7zkfrs-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--7zkfrs-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); style(--7zkfrs-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--7zkfrs-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--7zkfrs-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); style(--7zkfrs-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--7zkfrs-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--7zkfrs-iconWidth,20px); min-width: var(--7zkfrs-iconWidth,20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } gap: var(--7zkfrs-iconGap-tablet); svg { width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-tablet,var(--7zkfrs-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--7zkfrs-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); min-width: var(--7zkfrs-iconWidth-mobile,var(--7zkfrs-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-t9lple"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --t9lple-typography: p2; --t9lple-typography-tablet: p2; --t9lple-typography-mobile: p2; --t9lple-margin-top: 12px; --t9lple-margin-top-tablet: 12px; --t9lple-margin-top-mobile: 12px; --t9lple-margin-right: 0px; --t9lple-margin-right-tablet: 0px; --t9lple-margin-right-mobile: 0px; --t9lple-margin-bottom: 0px; --t9lple-margin-bottom-tablet: 0px; --t9lple-margin-bottom-mobile: 0px; --t9lple-margin-left: 0px; --t9lple-margin-left-tablet: 0px; --t9lple-margin-left-mobile: 0px; }[data-bnode="omnise-t9lple"] { margin-top: var(--t9lple-margin-top, 0px); margin-right: var(--t9lple-margin-right, 0px); margin-bottom: var(--t9lple-margin-bottom, 0px); margin-left: var(--t9lple-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lple-margin-top-tablet, 0px); margin-right: var(--t9lple-margin-right-tablet, 0px); margin-bottom: var(--t9lple-margin-bottom-tablet, 0px); margin-left: var(--t9lple-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lple-margin-top-mobile, 0px); margin-right: var(--t9lple-margin-right-mobile, 0px); margin-bottom: var(--t9lple-margin-bottom-mobile, 0px); margin-left: var(--t9lple-margin-left-mobile, 0px); } }[data-bnode="omnise-7rfaby"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 16px; --omnise-p2-font-size-mobile: 16px; --omnise-p2-color: #5A5A5A; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --7rfaby-priceType: salePrice; --7rfaby-priceType-tablet: salePrice; --7rfaby-priceType-mobile: salePrice; --7rfaby-decoration: line-through; --7rfaby-decoration-tablet: line-through; --7rfaby-decoration-mobile: line-through; --7rfaby-typography: p2; --7rfaby-typography-tablet: p2; --7rfaby-typography-mobile: p2; --7rfaby-salePriceColor: #C13C18; --7rfaby-salePriceColor-tablet: #C13C18; --7rfaby-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-7rfaby"] { margin-top: var(--7rfaby-margin-top, 0px); margin-right: var(--7rfaby-margin-right, 0px); margin-bottom: var(--7rfaby-margin-bottom, 0px); margin-left: var(--7rfaby-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rfaby-margin-top-tablet, 0px); margin-right: var(--7rfaby-margin-right-tablet, 0px); margin-bottom: var(--7rfaby-margin-bottom-tablet, 0px); margin-left: var(--7rfaby-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rfaby-margin-top-mobile, 0px); margin-right: var(--7rfaby-margin-right-mobile, 0px); margin-bottom: var(--7rfaby-margin-bottom-mobile, 0px); margin-left: var(--7rfaby-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--7rfaby-comparePriceColor); text-decoration: var(--7rfaby-decoration,none); font-size: calc(var(--7rfaby-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--7rfaby-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-zb4ym9"] { --zb4ym9-width: fill; --zb4ym9-width-tablet: fill; --zb4ym9-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-te-label-color: #1E1E1E; --omnise-btn-text-transform: capitalize; --zb4ym9-iconWidth: 20px; --zb4ym9-iconWidth-tablet: 20px; --zb4ym9-iconWidth-mobile: 20px; --zb4ym9-iconGap: 5px; --zb4ym9-iconGap-tablet: 5px; --zb4ym9-iconGap-mobile: 5px; --zb4ym9-labelBtnHover: -25; --zb4ym9-labelBtnHover-tablet: -25; --zb4ym9-labelBtnHover-mobile: -25; --zb4ym9-button: te; --zb4ym9-button-tablet: te; --zb4ym9-button-mobile: te; }[data-bnode="omnise-zb4ym9"] { margin-top: var(--zb4ym9-margin-top, 0px); margin-right: var(--zb4ym9-margin-right, 0px); margin-bottom: var(--zb4ym9-margin-bottom, 0px); margin-left: var(--zb4ym9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zb4ym9-margin-top-tablet, 0px); margin-right: var(--zb4ym9-margin-right-tablet, 0px); margin-bottom: var(--zb4ym9-margin-bottom-tablet, 0px); margin-left: var(--zb4ym9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zb4ym9-margin-top-mobile, 0px); margin-right: var(--zb4ym9-margin-right-mobile, 0px); margin-bottom: var(--zb4ym9-margin-bottom-mobile, 0px); margin-left: var(--zb4ym9-margin-left-mobile, 0px); } &{ gap:var(--zb4ym9-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--zb4ym9-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--zb4ym9-bgBtnHover)) * 1%)); style(--zb4ym9-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--zb4ym9-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--zb4ym9-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--zb4ym9-labelBtnHover)) * 1%)); style(--zb4ym9-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--zb4ym9-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--zb4ym9-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--zb4ym9-borderBtnHover)) * 1%)); style(--zb4ym9-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--zb4ym9-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--zb4ym9-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--zb4ym9-bgBtnHover)) * 1%)); style(--zb4ym9-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--zb4ym9-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--zb4ym9-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--zb4ym9-labelBtnHover)) * 1%)); style(--zb4ym9-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--zb4ym9-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--zb4ym9-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--zb4ym9-borderBtnHover)) * 1%)); style(--zb4ym9-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--zb4ym9-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--zb4ym9-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--zb4ym9-labelBtnHover)) * 1%)); style(--zb4ym9-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--zb4ym9-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--zb4ym9-iconWidth); } svg { width: var(--zb4ym9-iconWidth,20px); min-width: var(--zb4ym9-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--zb4ym9-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--zb4ym9-iconWidth-tablet, var(--zb4ym9-iconWidth)); } svg { width: var(--zb4ym9-iconWidth-tablet, var(--zb4ym9-iconWidth, 20px)); min-width: var(--zb4ym9-iconWidth-tablet, var(--zb4ym9-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--zb4ym9-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--zb4ym9-iconWidth-mobile, var(--zb4ym9-iconWidth)); } svg { width: var(--zb4ym9-iconWidth-mobile, var(--zb4ym9-iconWidth, 20px)); min-width: var(--zb4ym9-iconWidth-mobile, var(--zb4ym9-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-vkcsfy"].omnise-section { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-vkcsfy"].omnise-section { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-vkcsfy"].omnise-section { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-vkcsfy"] > .omnise-section-container{     width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;   justify-content: center;   align-items: center;       }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-vkcsfy"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-vkcsfy"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-4osf46"] { --4osf46-autoRotate: false; --4osf46-autoRotate-tablet: false; --4osf46-autoRotate-mobile: false; --4osf46-changeSlide: 4s; --4osf46-changeSlide-tablet: 4s; --4osf46-changeSlide-mobile: 4s; --4osf46-slideBehavior: slide; --4osf46-slideBehavior-tablet: slide; --4osf46-slideBehavior-mobile: slide; --4osf46-slideHeight: auto; --4osf46-slideHeight-tablet: auto; --4osf46-slideHeight-mobile: auto; --4osf46-gap: 20px; --4osf46-gap-tablet: 20px; --4osf46-gap-mobile: 20px; --4osf46-stateNavigation: normal; --4osf46-stateNavigation-tablet: normal; --4osf46-stateNavigation-mobile: normal; --4osf46-statePagination: normal; --4osf46-statePagination-tablet: normal; --4osf46-statePagination-mobile: normal; --4osf46-navColor: #333333; --4osf46-navColor-tablet: #333333; --4osf46-navColor-mobile: #333333; --4osf46-navBg: #f5f5f5; --4osf46-navBg-tablet: #f5f5f5; --4osf46-navBg-mobile: #f5f5f5; --4osf46-navColorHover: #333333; --4osf46-navColorHover-tablet: #333333; --4osf46-navColorHover-mobile: #333333; --4osf46-navBgHover: #cccccc; --4osf46-navBgHover-tablet: #cccccc; --4osf46-navBgHover-mobile: #cccccc; --4osf46-navColorActive: #333333; --4osf46-navColorActive-tablet: #333333; --4osf46-navColorActive-mobile: #333333; --4osf46-navBgActive: #cccccc; --4osf46-navBgActive-tablet: #cccccc; --4osf46-navBgActive-mobile: #cccccc; --4osf46-navIconSize: 20px; --4osf46-navIconSize-tablet: 20px; --4osf46-navIconSize-mobile: 20px; --4osf46-navPadding: 20px; --4osf46-navPadding-tablet: 20px; --4osf46-navPadding-mobile: 20px; --4osf46-pagiColor: #e6e6e6; --4osf46-pagiColor-tablet: #e6e6e6; --4osf46-pagiColor-mobile: #e6e6e6; --4osf46-pagiBg: #dcdbdb; --4osf46-pagiBg-tablet: #dcdbdb; --4osf46-pagiBg-mobile: #dcdbdb; --4osf46-pagiColorHover: #cccccc; --4osf46-pagiColorHover-tablet: #cccccc; --4osf46-pagiColorHover-mobile: #cccccc; --4osf46-pagiBgHover: #cccccc; --4osf46-pagiBgHover-tablet: #cccccc; --4osf46-pagiBgHover-mobile: #cccccc; --4osf46-pagiColorActive: #181818; --4osf46-pagiColorActive-tablet: #181818; --4osf46-pagiColorActive-mobile: #181818; --4osf46-pagiBgActive: #ffffff; --4osf46-pagiBgActive-tablet: #ffffff; --4osf46-pagiBgActive-mobile: #ffffff; --4osf46-navType: nav-type-1; --4osf46-navType-tablet: nav-type-1; --4osf46-navType-mobile: nav-type-1; --4osf46-pagiType: dots; --4osf46-pagiType-tablet: dots; --4osf46-pagiType-mobile: dots; --4osf46-height: 800px; --4osf46-height-tablet: 500px; --4osf46-height-mobile: 500px; }[data-bnode="omnise-4osf46"] { margin-top: var(--4osf46-margin-top, 0px); margin-right: var(--4osf46-margin-right, 0px); margin-bottom: var(--4osf46-margin-bottom, 0px); margin-left: var(--4osf46-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4osf46-margin-top-tablet, 0px); margin-right: var(--4osf46-margin-right-tablet, 0px); margin-bottom: var(--4osf46-margin-bottom-tablet, 0px); margin-left: var(--4osf46-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4osf46-margin-top-mobile, 0px); margin-right: var(--4osf46-margin-right-mobile, 0px); margin-bottom: var(--4osf46-margin-bottom-mobile, 0px); margin-left: var(--4osf46-margin-left-mobile, 0px); } &.omnise-content-list { height: var(--4osf46-height); overflow: visible; z-index: 90 !important; position: relative; @media (max-width: 768px) and (max-width: 1180px) { height: var(--4osf46-height-mobile); } @media (max-width: 767px) { height: var(--4osf46-height-mobile); } .omnise-slider-wrapper { overflow: hidden; } .omnise-slider-items { height: 100%; .omnise-slider-item { flex: 0 0 100%; > .omnise-slot { height: 100%; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--4osf46-navPadding, 12px); background: var(--4osf46-navBg, #f5f5f5); color: var(--4osf46-navColor, #333333); cursor: pointer; &:hover { background: var(--4osf46-navBgHover, #cccccc); color: var(--4osf46-navColorHover, #333333); svg { fill: var(--4osf46-navColorHover, #333333); } } svg { width: var(--4osf46-navIconSize, 20px); height: var(--4osf46-navIconSize, 20px); fill: var(--4osf46-navColor, #333333); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--4osf46-pagiBg, #e6e6e6); &.active { background: var(--4osf46-pagiBgActive, #181818); } &:not(.active):hover { background: var(--4osf46-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--4osf46-pagiColor, #e6e6e6); &.active { color: var(--4osf46-pagiColorActive, #181818); } &:not(.active):hover { color: var(--4osf46-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--4osf46-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--4osf46-pagiBg, #e6e6e6); &.active { background: var(--4osf46-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--4osf46-pagiBgHover, #cccccc); } } .omnise-slider-controls-wrp { margin-top: 20px; } .omnise-slider-pagination-wrp { position: absolute; bottom: 60px; left: 0; right: 0; } }[data-bnode="omnise-99plgm"] { border-style: solid; border-color: #FFFFFF; border-width: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 1px color-mix(in srgb, #EEEEEE 0%, transparent); background: #0000; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (max-width: 767px) { [data-bnode="omnise-99plgm"] { padding-top: 40px; padding-right: 24px; padding-bottom: 40px; padding-left: 24px; } } [data-bnode="omnise-99plgm"] {     flex-direction: row;   flex-wrap: nowrap;   justify-content: center;   align-items: center;   gap: 24px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-99plgm"] {                gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-99plgm"] {                gap: 24px;     }  }[data-bnode="omnise-6l2equ"] { background: #ffffff; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-6l2equ"] { padding-top: 32px; padding-right: 24px; padding-bottom: 32px; padding-left: 24px; } } @media (max-width: 767px) { [data-bnode="omnise-6l2equ"] { padding-top: 32px; padding-right: 24px; padding-bottom: 32px; padding-left: 24px; } } [data-bnode="omnise-6l2equ"] {   max-width: 640px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-6l2equ"] {    max-width: 388px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-6l2equ"] {    max-width: 100%;   }  } [data-bnode="omnise-6l2equ"] {        flex-wrap: nowrap;     align-items: center;   gap: 8px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-6l2equ"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-6l2equ"] {                gap: 8px;     }  }[data-bnode="omnise-yq3tzd"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #1e1e1e; --omnise-p-font-family: IBM Plex Sans; --omnise-p-font-weight: 400; --omnise-p-line-height: 1.5; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; --yq3tzd-typography: p; --yq3tzd-typography-tablet: p; --yq3tzd-typography-mobile: p; --omnise-p-text-align: center; }[data-bnode="omnise-yq3tzd"] { margin-top: var(--yq3tzd-margin-top, 0px); margin-right: var(--yq3tzd-margin-right, 0px); margin-bottom: var(--yq3tzd-margin-bottom, 0px); margin-left: var(--yq3tzd-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yq3tzd-margin-top-tablet, 0px); margin-right: var(--yq3tzd-margin-right-tablet, 0px); margin-bottom: var(--yq3tzd-margin-bottom-tablet, 0px); margin-left: var(--yq3tzd-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yq3tzd-margin-top-mobile, 0px); margin-right: var(--yq3tzd-margin-right-mobile, 0px); margin-bottom: var(--yq3tzd-margin-bottom-mobile, 0px); margin-left: var(--yq3tzd-margin-left-mobile, 0px); } }[data-bnode="omnise-9evvmc"] { --omnise-h3-font-size: 34px; --omnise-h3-font-size-tablet: 24px; --omnise-h3-font-size-mobile: 24px; --omnise-h3-color: #1e1e1e; --omnise-h3-font-family: Lora; --omnise-h3-font-weight: 400; --omnise-h3-line-height: 1.3; --omnise-h3-line-height-tablet: 1.3; --omnise-h3-line-height-mobile: 1.4; --omnise-h3-letter-spacing: 0px; --omnise-h3-letter-spacing-tablet: 0px; --omnise-h3-letter-spacing-mobile: 0px; --omnise-h3-text-transform: none; --9evvmc-typography: h3; --9evvmc-typography-tablet: h3; --9evvmc-typography-mobile: h3; --9evvmc-margin-top: 0px; --9evvmc-margin-top-tablet: 0px; --9evvmc-margin-top-mobile: 0px; --9evvmc-margin-right: 0px; --9evvmc-margin-right-tablet: 0px; --9evvmc-margin-right-mobile: 0px; --9evvmc-margin-bottom: 16px; --9evvmc-margin-bottom-tablet: 16px; --9evvmc-margin-bottom-mobile: 16px; --9evvmc-margin-left: 0px; --9evvmc-margin-left-tablet: 0px; --9evvmc-margin-left-mobile: 0px; --omnise-h3-text-align: center; }[data-bnode="omnise-9evvmc"] { margin-top: var(--9evvmc-margin-top, 0px); margin-right: var(--9evvmc-margin-right, 0px); margin-bottom: var(--9evvmc-margin-bottom, 0px); margin-left: var(--9evvmc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9evvmc-margin-top-tablet, 0px); margin-right: var(--9evvmc-margin-right-tablet, 0px); margin-bottom: var(--9evvmc-margin-bottom-tablet, 0px); margin-left: var(--9evvmc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9evvmc-margin-top-mobile, 0px); margin-right: var(--9evvmc-margin-right-mobile, 0px); margin-bottom: var(--9evvmc-margin-bottom-mobile, 0px); margin-left: var(--9evvmc-margin-left-mobile, 0px); } &{ text-transform: var(--omnise-h3-text-transform, normal); } & .omnise-highlight-svg { position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--9evvmc-highlightColor, var(--omnise-p-color)); top: var(--9evvmc-highlightTop, 100%); } }[data-bnode="omnise-icx2t1"] { --omnise-p3-font-size: 14px; --omnise-p3-font-size-tablet: 12px; --omnise-p3-font-size-mobile: 12px; --omnise-p3-color: #1e1e1e; --omnise-p3-font-family: Tirra; --omnise-p3-font-weight: 400; --omnise-p3-line-height: 1.5; --omnise-p3-line-height-tablet: 1.5; --omnise-p3-line-height-mobile: 1.5; --omnise-p3-letter-spacing: 1.68px; --omnise-p3-letter-spacing-tablet: 0px; --omnise-p3-letter-spacing-mobile: 0px; --omnise-p3-text-transform: uppercase; --icx2t1-typography: p3; --icx2t1-typography-tablet: p3; --icx2t1-typography-mobile: p3; --omnise-p3-text-align: center; --icx2t1-margin-top: 0px; --icx2t1-margin-top-tablet: 0px; --icx2t1-margin-top-mobile: 0px; --icx2t1-margin-right: 0px; --icx2t1-margin-right-tablet: 0px; --icx2t1-margin-right-mobile: 0px; --icx2t1-margin-bottom: 0px; --icx2t1-margin-bottom-tablet: 0px; --icx2t1-margin-bottom-mobile: 0px; --icx2t1-margin-left: 0px; --icx2t1-margin-left-tablet: 0px; --icx2t1-margin-left-mobile: 0px; }[data-bnode="omnise-icx2t1"] { margin-top: var(--icx2t1-margin-top, 0px); margin-right: var(--icx2t1-margin-right, 0px); margin-bottom: var(--icx2t1-margin-bottom, 0px); margin-left: var(--icx2t1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--icx2t1-margin-top-tablet, 0px); margin-right: var(--icx2t1-margin-right-tablet, 0px); margin-bottom: var(--icx2t1-margin-bottom-tablet, 0px); margin-left: var(--icx2t1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--icx2t1-margin-top-mobile, 0px); margin-right: var(--icx2t1-margin-right-mobile, 0px); margin-bottom: var(--icx2t1-margin-bottom-mobile, 0px); margin-left: var(--icx2t1-margin-left-mobile, 0px); } }[data-bnode="omnise-tfdfk4"] { --tfdfk4-width: fill; --tfdfk4-width-tablet: fill; --tfdfk4-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-te-label-color: #1e1e1e; --omnise-btn-text-transform: inherit; --tfdfk4-iconWidth: 20px; --tfdfk4-iconWidth-tablet: 20px; --tfdfk4-iconWidth-mobile: 20px; --tfdfk4-iconGap: 5px; --tfdfk4-iconGap-tablet: 5px; --tfdfk4-iconGap-mobile: 5px; --tfdfk4-labelBtnHover: -25; --tfdfk4-labelBtnHover-tablet: -25; --tfdfk4-labelBtnHover-mobile: -25; --tfdfk4-button: te; --tfdfk4-button-tablet: te; --tfdfk4-button-mobile: te; }[data-bnode="omnise-tfdfk4"] { margin-top: var(--tfdfk4-margin-top, 0px); margin-right: var(--tfdfk4-margin-right, 0px); margin-bottom: var(--tfdfk4-margin-bottom, 0px); margin-left: var(--tfdfk4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tfdfk4-margin-top-tablet, 0px); margin-right: var(--tfdfk4-margin-right-tablet, 0px); margin-bottom: var(--tfdfk4-margin-bottom-tablet, 0px); margin-left: var(--tfdfk4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tfdfk4-margin-top-mobile, 0px); margin-right: var(--tfdfk4-margin-right-mobile, 0px); margin-bottom: var(--tfdfk4-margin-bottom-mobile, 0px); margin-left: var(--tfdfk4-margin-left-mobile, 0px); } &{ gap:var(--tfdfk4-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--tfdfk4-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--tfdfk4-bgBtnHover)) * 1%)); style(--tfdfk4-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--tfdfk4-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--tfdfk4-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--tfdfk4-labelBtnHover)) * 1%)); style(--tfdfk4-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--tfdfk4-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--tfdfk4-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--tfdfk4-borderBtnHover)) * 1%)); style(--tfdfk4-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--tfdfk4-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--tfdfk4-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--tfdfk4-bgBtnHover)) * 1%)); style(--tfdfk4-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--tfdfk4-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--tfdfk4-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--tfdfk4-labelBtnHover)) * 1%)); style(--tfdfk4-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--tfdfk4-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--tfdfk4-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--tfdfk4-borderBtnHover)) * 1%)); style(--tfdfk4-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--tfdfk4-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--tfdfk4-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--tfdfk4-labelBtnHover)) * 1%)); style(--tfdfk4-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--tfdfk4-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--tfdfk4-iconWidth); } svg { width: var(--tfdfk4-iconWidth,20px); min-width: var(--tfdfk4-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--tfdfk4-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--tfdfk4-iconWidth-tablet, var(--tfdfk4-iconWidth)); } svg { width: var(--tfdfk4-iconWidth-tablet, var(--tfdfk4-iconWidth, 20px)); min-width: var(--tfdfk4-iconWidth-tablet, var(--tfdfk4-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--tfdfk4-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--tfdfk4-iconWidth-mobile, var(--tfdfk4-iconWidth)); } svg { width: var(--tfdfk4-iconWidth-mobile, var(--tfdfk4-iconWidth, 20px)); min-width: var(--tfdfk4-iconWidth-mobile, var(--tfdfk4-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-s2bije"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-s2bije"] {        flex-wrap: nowrap;   justify-content: center;   align-items: center;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-s2bije"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-s2bije"] {                gap: 16px;     }  }[data-bnode="omnise-7han9e"] { background: #FFFFFF; padding-top: 64px; padding-right: 40px; padding-bottom: 64px; padding-left: 40px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-7han9e"] { padding-top: 32px; padding-right: 24px; padding-bottom: 32px; padding-left: 24px; } } @media (max-width: 767px) { [data-bnode="omnise-7han9e"] { padding-top: 0px; padding-right: 1px; padding-bottom: 0px; padding-left: 1px; } } [data-bnode="omnise-7han9e"] {   max-width: 480px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-7han9e"] {    max-width: 388px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-7han9e"] {    max-width: 100%;   }  } [data-bnode="omnise-7han9e"] {        flex-wrap: nowrap;     align-items: center;   gap: 8px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-7han9e"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-7han9e"] {                gap: 8px;     }  }[data-bnode="omnise-k2rcip"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 16px; --omnise-p-font-size-mobile: 16px; --omnise-p-color: #5A5A5A; --omnise-p-font-family: IBM Plex Sans; --omnise-p-font-weight: 400; --omnise-p-line-height: 1.5; --omnise-p-line-height-tablet: 1.5; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing: 0px; --omnise-p-letter-spacing-tablet: 0px; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-transform: none; --k2rcip-typography: p; --k2rcip-typography-tablet: p; --k2rcip-typography-mobile: p; --omnise-p-text-align: center; }[data-bnode="omnise-k2rcip"] { margin-top: var(--k2rcip-margin-top, 0px); margin-right: var(--k2rcip-margin-right, 0px); margin-bottom: var(--k2rcip-margin-bottom, 0px); margin-left: var(--k2rcip-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--k2rcip-margin-top-tablet, 0px); margin-right: var(--k2rcip-margin-right-tablet, 0px); margin-bottom: var(--k2rcip-margin-bottom-tablet, 0px); margin-left: var(--k2rcip-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--k2rcip-margin-top-mobile, 0px); margin-right: var(--k2rcip-margin-right-mobile, 0px); margin-bottom: var(--k2rcip-margin-bottom-mobile, 0px); margin-left: var(--k2rcip-margin-left-mobile, 0px); } }[data-bnode="omnise-81nez7"] { --omnise-h3-font-size: 34px; --omnise-h3-font-size-tablet: 24px; --omnise-h3-font-size-mobile: 24px; --omnise-h3-color: #181818; --omnise-h3-font-family: Lora; --omnise-h3-font-weight: 400; --omnise-h3-line-height: 1.3; --omnise-h3-line-height-tablet: 1.3; --omnise-h3-line-height-mobile: 1.4; --omnise-h3-letter-spacing: 0px; --omnise-h3-letter-spacing-tablet: 0px; --omnise-h3-letter-spacing-mobile: 0px; --omnise-h3-text-transform: none; --81nez7-typography: h3; --81nez7-typography-tablet: h3; --81nez7-typography-mobile: h3; --omnise-h3-text-align: center; --81nez7-margin-top: 0px; --81nez7-margin-top-tablet: 0px; --81nez7-margin-top-mobile: 0px; --81nez7-margin-right: 0px; --81nez7-margin-right-tablet: 0px; --81nez7-margin-right-mobile: 0px; --81nez7-margin-bottom: 16px; --81nez7-margin-bottom-tablet: 16px; --81nez7-margin-bottom-mobile: 0px; --81nez7-margin-left: 0px; --81nez7-margin-left-tablet: 0px; --81nez7-margin-left-mobile: 0px; }[data-bnode="omnise-81nez7"] { margin-top: var(--81nez7-margin-top, 0px); margin-right: var(--81nez7-margin-right, 0px); margin-bottom: var(--81nez7-margin-bottom, 0px); margin-left: var(--81nez7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--81nez7-margin-top-tablet, 0px); margin-right: var(--81nez7-margin-right-tablet, 0px); margin-bottom: var(--81nez7-margin-bottom-tablet, 0px); margin-left: var(--81nez7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--81nez7-margin-top-mobile, 0px); margin-right: var(--81nez7-margin-right-mobile, 0px); margin-bottom: var(--81nez7-margin-bottom-mobile, 0px); margin-left: var(--81nez7-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--81nez7-highlightColor,var(--omnise-p-color)); top: var(--81nez7-highlightTop, 100%); } }[data-bnode="omnise-w35v5d"] { --omnise-p3-font-size: 14px; --omnise-p3-font-size-tablet: 12px; --omnise-p3-font-size-mobile: 12px; --omnise-p3-color: #5A5A5A; --omnise-p3-font-family: Tirra; --omnise-p3-font-weight: 400; --omnise-p3-line-height: 1.5; --omnise-p3-line-height-tablet: 1.5; --omnise-p3-line-height-mobile: 1.5; --omnise-p3-letter-spacing: 1.68px; --omnise-p3-letter-spacing-tablet: 0px; --omnise-p3-letter-spacing-mobile: 0px; --omnise-p3-text-transform: uppercase; --w35v5d-typography: p3; --w35v5d-typography-tablet: p3; --w35v5d-typography-mobile: p3; --omnise-p3-text-align: center; --w35v5d-margin-top: 0px; --w35v5d-margin-top-tablet: 0px; --w35v5d-margin-top-mobile: 0px; --w35v5d-margin-right: 0px; --w35v5d-margin-right-tablet: 0px; --w35v5d-margin-right-mobile: 0px; --w35v5d-margin-bottom: 24px; --w35v5d-margin-bottom-tablet: 24px; --w35v5d-margin-bottom-mobile: 0px; --w35v5d-margin-left: 0px; --w35v5d-margin-left-tablet: 0px; --w35v5d-margin-left-mobile: 0px; }[data-bnode="omnise-w35v5d"] { margin-top: var(--w35v5d-margin-top, 0px); margin-right: var(--w35v5d-margin-right, 0px); margin-bottom: var(--w35v5d-margin-bottom, 0px); margin-left: var(--w35v5d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w35v5d-margin-top-tablet, 0px); margin-right: var(--w35v5d-margin-right-tablet, 0px); margin-bottom: var(--w35v5d-margin-bottom-tablet, 0px); margin-left: var(--w35v5d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w35v5d-margin-top-mobile, 0px); margin-right: var(--w35v5d-margin-right-mobile, 0px); margin-bottom: var(--w35v5d-margin-bottom-mobile, 0px); margin-left: var(--w35v5d-margin-left-mobile, 0px); } }[data-bnode="omnise-ur8nly"] { --ur8nly-width: fill; --ur8nly-width-tablet: fill; --ur8nly-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-te-label-color: #1E1E1E; --omnise-btn-text-transform: inherit; --ur8nly-iconWidth: 20px; --ur8nly-iconWidth-tablet: 20px; --ur8nly-iconWidth-mobile: 20px; --ur8nly-iconGap: 5px; --ur8nly-iconGap-tablet: 5px; --ur8nly-iconGap-mobile: 5px; --ur8nly-labelBtnHover: -25; --ur8nly-labelBtnHover-tablet: -25; --ur8nly-labelBtnHover-mobile: -25; --ur8nly-button: te; --ur8nly-button-tablet: te; --ur8nly-button-mobile: te; }[data-bnode="omnise-ur8nly"] { margin-top: var(--ur8nly-margin-top, 0px); margin-right: var(--ur8nly-margin-right, 0px); margin-bottom: var(--ur8nly-margin-bottom, 0px); margin-left: var(--ur8nly-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ur8nly-margin-top-tablet, 0px); margin-right: var(--ur8nly-margin-right-tablet, 0px); margin-bottom: var(--ur8nly-margin-bottom-tablet, 0px); margin-left: var(--ur8nly-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ur8nly-margin-top-mobile, 0px); margin-right: var(--ur8nly-margin-right-mobile, 0px); margin-bottom: var(--ur8nly-margin-bottom-mobile, 0px); margin-left: var(--ur8nly-margin-left-mobile, 0px); } &{ gap:var(--ur8nly-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--ur8nly-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--ur8nly-bgBtnHover)) * 1%)); style(--ur8nly-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--ur8nly-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--ur8nly-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--ur8nly-labelBtnHover)) * 1%)); style(--ur8nly-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--ur8nly-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--ur8nly-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--ur8nly-borderBtnHover)) * 1%)); style(--ur8nly-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--ur8nly-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--ur8nly-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--ur8nly-bgBtnHover)) * 1%)); style(--ur8nly-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--ur8nly-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--ur8nly-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--ur8nly-labelBtnHover)) * 1%)); style(--ur8nly-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--ur8nly-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--ur8nly-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--ur8nly-borderBtnHover)) * 1%)); style(--ur8nly-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--ur8nly-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--ur8nly-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--ur8nly-labelBtnHover)) * 1%)); style(--ur8nly-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--ur8nly-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--ur8nly-iconWidth); } svg { width: var(--ur8nly-iconWidth,20px); min-width: var(--ur8nly-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--ur8nly-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--ur8nly-iconWidth-tablet, var(--ur8nly-iconWidth)); } svg { width: var(--ur8nly-iconWidth-tablet, var(--ur8nly-iconWidth, 20px)); min-width: var(--ur8nly-iconWidth-tablet, var(--ur8nly-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--ur8nly-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--ur8nly-iconWidth-mobile, var(--ur8nly-iconWidth)); } svg { width: var(--ur8nly-iconWidth-mobile, var(--ur8nly-iconWidth, 20px)); min-width: var(--ur8nly-iconWidth-mobile, var(--ur8nly-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-w9qmbj"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-w9qmbj"].omnise-section { background: #FFFFFF; padding-top: 112px; padding-right: 30px; padding-bottom: 112px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-w9qmbj"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-w9qmbj"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 2px - 2px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-w9qmbj"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 30px - 30px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-w9qmbj"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-61kqqk"] { --61kqqk-columns: 1; --61kqqk-columns-tablet: 1; --61kqqk-columns-mobile: 1; --61kqqk-gap: 20px; --61kqqk-gap-tablet: 16px; --61kqqk-gap-mobile: 16px; --61kqqk-navType: false; --61kqqk-navType-tablet: false; --61kqqk-navType-mobile: false; --61kqqk-pagiType: true; --61kqqk-pagiType-tablet: true; --61kqqk-pagiType-mobile: true; --61kqqk-listType: slider; --61kqqk-listType-tablet: slider; --61kqqk-listType-mobile: slider; --61kqqk-stateNavigation: normal; --61kqqk-stateNavigation-tablet: normal; --61kqqk-stateNavigation-mobile: normal; --61kqqk-statePagination: normal; --61kqqk-statePagination-tablet: normal; --61kqqk-statePagination-mobile: normal; --61kqqk-stateNavigtion: normal; --61kqqk-stateNavigtion-tablet: normal; --61kqqk-stateNavigtion-mobile: normal; --61kqqk-autoRotate: true; --61kqqk-autoRotate-tablet: true; --61kqqk-autoRotate-mobile: true; --61kqqk-changeSlide: 3s; --61kqqk-changeSlide-tablet: 3s; --61kqqk-changeSlide-mobile: 3s; --61kqqk-pagiBg: #e6e6e6; --61kqqk-pagiBg-tablet: #e6e6e6; --61kqqk-pagiBg-mobile: #e6e6e6; --61kqqk-pagiBgHover: #cccccc; --61kqqk-pagiBgHover-tablet: #cccccc; --61kqqk-pagiBgHover-mobile: #cccccc; --61kqqk-pagiBgActive: #181818; --61kqqk-pagiBgActive-tablet: #181818; --61kqqk-pagiBgActive-mobile: #181818; --61kqqk-columnsMobile-mobile: 1; --61kqqk-margin-top-mobile: 0px; --61kqqk-margin-right-mobile: 0px; --61kqqk-margin-bottom-mobile: 0px; --61kqqk-margin-left-mobile: 0px; } [data-bnode="omnise-61kqqk"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-61kqqk"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-61kqqk"] [data-bnode="omnise-dg9vht"] { --omnise-h2-font-size: 40px; --omnise-h2-font-size-tablet: 28px; --omnise-h2-font-size-mobile: 26px; --omnise-h2-color: #181818; --omnise-h2-font-family: Lora; --omnise-h2-font-weight: 400; --omnise-h2-line-height: 1.2; --omnise-h2-line-height-tablet: 1.2; --omnise-h2-line-height-mobile: 1.3; --omnise-h2-letter-spacing: 0px; --omnise-h2-letter-spacing-tablet: 0px; --omnise-h2-letter-spacing-mobile: 0px; --omnise-h2-text-transform: none; --dg9vht-typography: h2; --omnise-h2-text-align: center; --dg9vht-margin-top-mobile: 0px; --dg9vht-margin-right-mobile: 0px; --dg9vht-margin-bottom-mobile: 0px; --dg9vht-margin-left-mobile: 0px; } [data-bnode="omnise-61kqqk"] [data-bnode="omnise-ag3x40"] { --omnise-eyebrow-font-size: 14px; --omnise-eyebrow-font-size-tablet: 14px; --omnise-eyebrow-font-size-mobile: 14px; --omnise-eyebrow-color: #5A5A5A; --omnise-eyebrow-font-family: IBM Plex Sans; --omnise-eyebrow-font-weight: 600; --omnise-eyebrow-line-height: 1.5; --omnise-eyebrow-line-height-tablet: 1.5; --omnise-eyebrow-line-height-mobile: 1.5; --omnise-eyebrow-letter-spacing: 0.14px; --omnise-eyebrow-letter-spacing-tablet: 0.14px; --omnise-eyebrow-letter-spacing-mobile: 0.14px; --omnise-eyebrow-text-transform: uppercase; --ag3x40-typography: eyebrow; --omnise-eyebrow-text-align: center; }[data-bnode="omnise-61kqqk"] { margin-top: var(--61kqqk-margin-top, 0px); margin-right: var(--61kqqk-margin-right, 0px); margin-bottom: var(--61kqqk-margin-bottom, 0px); margin-left: var(--61kqqk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--61kqqk-margin-top-tablet, 0px); margin-right: var(--61kqqk-margin-right-tablet, 0px); margin-bottom: var(--61kqqk-margin-bottom-tablet, 0px); margin-left: var(--61kqqk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--61kqqk-margin-top-mobile, 0px); margin-right: var(--61kqqk-margin-right-mobile, 0px); margin-bottom: var(--61kqqk-margin-bottom-mobile, 0px); margin-left: var(--61kqqk-margin-left-mobile, 0px); } &.omnise-content-list { & .omnise-slider-wrapper[data-pagination="progress"] + .omnise-slider-controls .omnise-slider-pagination-progress { height: 2px; background: var(--61kqqk-pagiBg, #E6E6E6); display: flex !important; span { background: var(--61kqqk-pagiBgActive, #181818); &:hover { background: var(--61kqqk-pagiBgHover, #CCCCCC); } } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--61kqqk-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--61kqqk-gap, 20px) * (var(--61kqqk-columns, 3) - 1) + 1px ) / var(--61kqqk-columns, 3) ); &:last-child { margin-right: var(--61kqqk-gap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { &[data-item="1"] { .omnise-slider-items { flex-direction: column; } } .omnise-slider-items { flex-wrap: wrap; gap: var(--61kqqk-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--61kqqk-columns) - 1) * var(--61kqqk-gap, 20px)) / var(--61kqqk-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--61kqqk-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--61kqqk-gap-tablet, 20px) * (var(--61kqqk-columns-tablet, 3) - 1) ) / var(--61kqqk-columns-tablet, 3) ); &:last-child { margin-right: var(--61kqqk-gap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { &[data-item-tablet="1"] { .omnise-slider-items { flex-direction: column; } } .omnise-slider-items { flex-wrap: wrap; gap: var(--61kqqk-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--61kqqk-columns-tablet) - 1) * var(--61kqqk-gap-tablet, 20px) ) / var(--61kqqk-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--61kqqk-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--61kqqk-gap-mobile, 20px) * (var(--61kqqk-columnsMobile-mobile, 1) - 1) ) / var(--61kqqk-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--61kqqk-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { &[data-item-mobile="1"] { .omnise-slider-items { flex-direction: column; } } .omnise-slider-items { flex-wrap: wrap; gap: var(--61kqqk-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--61kqqk-columnsMobile-mobile) - 1) * var(--61kqqk-gap-mobile, 20px) ) / var(--61kqqk-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--61kqqk-navPadding, 12px); background: var(--61kqqk-navBg, #f5f5f5); color: var(--61kqqk-navColor, #333333); cursor: pointer; &:hover { background: var(--61kqqk-navBgHover, #cccccc); color: var(--61kqqk-navColorHover, #333333); } svg { width: var(--61kqqk-navIconSize, 20px); height: var(--61kqqk-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--61kqqk-pagiBg, #e6e6e6); &.active { background: var(--61kqqk-pagiBgActive, #181818); } &:not(.active):hover { background: var(--61kqqk-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--61kqqk-pagiColor, #e6e6e6); &.active { color: var(--61kqqk-pagiColorActive, #181818); } &:not(.active):hover { color: var(--61kqqk-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--61kqqk-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--61kqqk-pagiBg, #e6e6e6); &.active { background: var(--61kqqk-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--61kqqk-pagiBgHover, #cccccc); } } .omnise-slider-pagination-wrp { margin: auto; margin-top: 40px; max-width: 250px; } } & .omnise-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .omnise-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="omnise-61kqqk"] [data-bnode="omnise-ag3x40"] { margin-top: var(--ag3x40-margin-top, 0px); margin-right: var(--ag3x40-margin-right, 0px); margin-bottom: var(--ag3x40-margin-bottom, 0px); margin-left: var(--ag3x40-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ag3x40-margin-top-tablet, 0px); margin-right: var(--ag3x40-margin-right-tablet, 0px); margin-bottom: var(--ag3x40-margin-bottom-tablet, 0px); margin-left: var(--ag3x40-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ag3x40-margin-top-mobile, 0px); margin-right: var(--ag3x40-margin-right-mobile, 0px); margin-bottom: var(--ag3x40-margin-bottom-mobile, 0px); margin-left: var(--ag3x40-margin-left-mobile, 0px); } } [data-bnode="omnise-61kqqk"] [data-bnode="omnise-dg9vht"] { margin-top: var(--dg9vht-margin-top, 0px); margin-right: var(--dg9vht-margin-right, 0px); margin-bottom: var(--dg9vht-margin-bottom, 0px); margin-left: var(--dg9vht-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dg9vht-margin-top-tablet, 0px); margin-right: var(--dg9vht-margin-right-tablet, 0px); margin-bottom: var(--dg9vht-margin-bottom-tablet, 0px); margin-left: var(--dg9vht-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dg9vht-margin-top-mobile, 0px); margin-right: var(--dg9vht-margin-right-mobile, 0px); margin-bottom: var(--dg9vht-margin-bottom-mobile, 0px); margin-left: var(--dg9vht-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--dg9vht-highlightColor,var(--omnise-p-color)); top: var(--dg9vht-highlightTop, 100%); } }[data-bnode="omnise-61kqqk"] [data-bnode="be-ctl-item"] {   gap: 16px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-61kqqk"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-61kqqk"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }[data-bnode="omnise-61kqqk"] [data-bnode="be-ctl-item"] {        flex-wrap: nowrap;     align-items: center;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-61kqqk"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-61kqqk"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }[data-bnode="omnise-04n3pg"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-04n3pg"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-04n3pg"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-04n3pg"] > .omnise-section-container{     width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;        gap: 24px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-04n3pg"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-04n3pg"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 24px;     }  }[data-bnode="omnise-zr1905"] { --zr1905-overflow: unset; --zr1905-overflow-tablet: unset; --zr1905-overflow-mobile: unset; --zr1905-itemGap: 0px; --zr1905-itemGap-tablet: 0px; --zr1905-itemGap-mobile: 0px; --zr1905-direction: left; --zr1905-direction-tablet: left; --zr1905-direction-mobile: left; --zr1905-borderWidth-tl: 0px; --zr1905-borderWidth-tl-tablet: 0px; --zr1905-borderWidth-tl-mobile: 0px; --zr1905-borderWidth-tr: 0px; --zr1905-borderWidth-tr-tablet: 0px; --zr1905-borderWidth-tr-mobile: 0px; --zr1905-borderWidth-bl: 0px; --zr1905-borderWidth-bl-tablet: 0px; --zr1905-borderWidth-bl-mobile: 0px; --zr1905-borderWidth-br: 0px; --zr1905-borderWidth-br-tablet: 0px; --zr1905-borderWidth-br-mobile: 0px; --zr1905-borderRadius-tl: 0px; --zr1905-borderRadius-tl-tablet: 0px; --zr1905-borderRadius-tl-mobile: 0px; --zr1905-borderRadius-tr: 0px; --zr1905-borderRadius-tr-tablet: 0px; --zr1905-borderRadius-tr-mobile: 0px; --zr1905-borderRadius-bl: 0px; --zr1905-borderRadius-bl-tablet: 0px; --zr1905-borderRadius-bl-mobile: 0px; --zr1905-borderRadius-br: 0px; --zr1905-borderRadius-br-tablet: 0px; --zr1905-borderRadius-br-mobile: 0px; --zr1905-enableShadow: false; --zr1905-enableShadow-tablet: false; --zr1905-enableShadow-mobile: false; --zr1905-shadowHorizontal: 46px; --zr1905-shadowHorizontal-tablet: 46px; --zr1905-shadowHorizontal-mobile: 46px; --zr1905-shadowVertical: 48px; --zr1905-shadowVertical-tablet: 48px; --zr1905-shadowVertical-mobile: 48px; --zr1905-shadowBlur: 57px; --zr1905-shadowBlur-tablet: 57px; --zr1905-shadowBlur-mobile: 57px; --zr1905-speed: 20s; --zr1905-speed-tablet: 20s; --zr1905-speed-mobile: 7s; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-fp5gtk"] { --omnise-h4-color: #A65959; --omnise-h4-text-align: center; --omnise-h4-font-weight: 700; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-sclpar"] { --omnise-p-text-align: justify; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-content-list-item"] { --content-list-item-direction: row-reverse; --content-list-item-structure: auto; --content-list-item-gap: 20px; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-4xsu0i"] { --4xsu0i-animationName: pop; --4xsu0i-maxWidth: auto; --omnise-h3-text-transform: none; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-g0o1oo"] { --g0o1oo-width: 40px; --g0o1oo-imageRatio: 1/1; --g0o1oo-objFit: cover; --g0o1oo-borderColor: #000000; --g0o1oo-shadowColor: #000000; --g0o1oo-borderStyle: none; --g0o1oo-enableShadow: false; --g0o1oo-imageRatio-tablet: auto; --g0o1oo-width-tablet: 100px; --g0o1oo-width-mobile: 80px; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-nutm7k"] { --omnise-h2-font-size: 40px; --omnise-h2-font-size-tablet: 28px; --omnise-h2-font-size-mobile: 26px; --omnise-h2-color: #181818; --omnise-h2-font-family: Lora; --omnise-h2-font-weight: 600; --omnise-h2-line-height: 1.2; --omnise-h2-line-height-tablet: 1.2; --omnise-h2-line-height-mobile: 1.3; --omnise-h2-letter-spacing: 0px; --omnise-h2-letter-spacing-tablet: 0px; --omnise-h2-letter-spacing-mobile: 0px; --omnise-h2-text-transform: none; --nutm7k-typography: h2; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-59gej3"] { --59gej3-width: 400px; --59gej3-imageRatio: 4/5; --59gej3-objFit: cover; --59gej3-shadowColor: #000000; --59gej3-borderStyle: none; --59gej3-enableShadow: false; --59gej3-width-mobile: 300px; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-9lt1pw"] { --omnise-h5-font-size: 20px; --omnise-h5-font-size-tablet: 16px; --omnise-h5-font-size-mobile: 16px; --omnise-h5-color: #ffffff; --omnise-h5-font-family: Lora; --omnise-h5-font-weight: 400; --omnise-h5-line-height: 1.5; --omnise-h5-line-height-tablet: 1.5; --omnise-h5-line-height-mobile: 1.5; --omnise-h5-letter-spacing: 0px; --omnise-h5-letter-spacing-tablet: 0px; --omnise-h5-letter-spacing-mobile: 0px; --omnise-h5-text-transform: none; --9lt1pw-typography: h5; --omnise-h5-text-align: center; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-e5pnb9"] { --e5pnb9-direction: column; --e5pnb9-structure: auto; --e5pnb9-align-items: stretch; --e5pnb9-padding: 0px; --e5pnb9-gap: 0px; --e5pnb9-background-type: color; --e5pnb9-background-color: #000; --e5pnb9-overlayColor-type: color; --e5pnb9-overlayOpacity: 0.2; --e5pnb9-padding-top-tablet: 52px; --e5pnb9-padding-right-tablet: 30px; --e5pnb9-padding-bottom-tablet: 52px; --e5pnb9-padding-left-tablet: 30px; --e5pnb9-padding-top-mobile: 28px; --e5pnb9-padding-right-mobile: 28px; --e5pnb9-padding-bottom-mobile: 28px; --e5pnb9-padding-left-mobile: 28px; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-3wobt5"] { --3wobt5-width: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-te-label-color: #ffffff; --omnise-btn-text-transform: capitalize; --3wobt5-iconWidth: 20px; --3wobt5-iconGap: 5px; --3wobt5-labelBtnHover: -25; --3wobt5-button: te; --3wobt5-btnHoverColor: #ffffff; } [data-bnode="omnise-zr1905"] [data-bnode="omnise-3wobt5"] { --3wobt5-width: fill; --3wobt5-width-tablet: fill; --3wobt5-width-mobile: fill; --omnise-p-font-family: IBM Plex Sans; --omnise-btn-font-weight: 400; --omnise-btn-font-size: 12px; --omnise-btn-font-size-tablet: 12px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height: 40px; --omnise-btn-height-tablet: 40px; --omnise-btn-height-mobile: 40px; --omnise-btn-padding: 16px; --omnise-btn-padding-tablet: 16px; --omnise-btn-padding-mobile: 16px; --omnise-btn-border-radius: 0px; --omnise-btn-pr-label-color: #FFFFFF; --omnise-btn-pr-background-color: #1F1F1F; --omnise-btn-pr-border-color: #1E1E1E; --omnise-btn-text-transform: inherit; --3wobt5-iconWidth: 20px; --3wobt5-iconWidth-tablet: 20px; --3wobt5-iconWidth-mobile: 20px; --3wobt5-iconGap: 5px; --3wobt5-iconGap-tablet: 5px; --3wobt5-iconGap-mobile: 5px; --3wobt5-labelBtnHover: 0; --3wobt5-labelBtnHover-tablet: 0; --3wobt5-labelBtnHover-mobile: 0; --3wobt5-bgBtnHover: -8; --3wobt5-bgBtnHover-tablet: -8; --3wobt5-bgBtnHover-mobile: -8; --3wobt5-borderBtnHover: 0; --3wobt5-borderBtnHover-tablet: 0; --3wobt5-borderBtnHover-mobile: 0; --3wobt5-button: pr; --3wobt5-button-tablet: pr; --3wobt5-button-mobile: pr; }[data-bnode="omnise-zr1905"] { margin-top: var(--zr1905-margin-top, 0px); margin-right: var(--zr1905-margin-right, 0px); margin-bottom: var(--zr1905-margin-bottom, 0px); margin-left: var(--zr1905-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zr1905-margin-top-tablet, 0px); margin-right: var(--zr1905-margin-right-tablet, 0px); margin-bottom: var(--zr1905-margin-bottom-tablet, 0px); margin-left: var(--zr1905-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zr1905-margin-top-mobile, 0px); margin-right: var(--zr1905-margin-right-mobile, 0px); margin-bottom: var(--zr1905-margin-bottom-mobile, 0px); margin-left: var(--zr1905-margin-left-mobile, 0px); } &.omnise-slot, & .omnise-slot, .omnise-slot { overflow: unset !important; .omnise-heading { width: max-content !important; } } &.omnise-1kwker-wrapper { display: block; position: relative; overflow: hidden; width: 100%; max-width: 100%; border: var(--zr1905-borderWidth, 0) var(--zr1905-borderStyle, solid) var(--zr1905-borderColor, #000); border-radius: var(--zr1905-borderRadius, 0); box-shadow: if( style(--zr1905-enableShadow: true): var(--zr1905-shadowHorizontal, 0) var(--zr1905-shadowVertical, 0) var(--zr1905-shadowBlur, 0) 0 var(--zr1905-shadowColor, #000000) ; else: none ); & .omnise-1kwker-track { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; /* width: fit-content; */ width: max-content; min-width: max-content; will-change: transform; backface-visibility: hidden; transform: translateZ(0); animation-duration: var(--zr1905-speed, 20s); animation-timing-function: linear; animation-iteration-count: infinite; &.paused { animation-play-state: paused; } } & .omnise-1kwker-content { display: flex; flex-direction: row; flex-wrap: nowrap; flex-shrink: 0; align-items: center; gap: var(--zr1905-itemGap, 0px); /* padding-right: var(--zr1905-itemGap, 0px); */ width: max-content; min-width: max-content; padding-right: 0 !important; } & .omnise-item-content { flex-shrink: 0; min-width: 0; width: fit-content; position: relative; overflow: hidden; &:hover { > .omnise-slot-overlay { opacity: 1; } } } @media (min-width: 640px) and (max-width: 1023px) { & .omnise-1kwker-track { animation-duration: var(--zr1905-speed-tablet, var(--zr1905-speed, 20s)); } & .omnise-1kwker-content { gap: var(--zr1905-itemGap-tablet); padding-right: var(--zr1905-itemGap-tablet); } } @media (max-width: 639px) { & .omnise-1kwker-track { animation-duration: var(--zr1905-speed-mobile, var(--zr1905-speed, 20s)); } & .omnise-1kwker-content { gap: var(--zr1905-itemGap-mobile); padding-right: var(--zr1905-itemGap-mobile); } } } } @keyframes marquee-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } @keyframes marquee-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); } } [data-bnode="omnise-zr1905"] [data-bnode="omnise-59gej3"] { margin-top: var(--59gej3-margin-top, 0px); margin-right: var(--59gej3-margin-right, 0px); margin-bottom: var(--59gej3-margin-bottom, 0px); margin-left: var(--59gej3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--59gej3-margin-top-tablet, 0px); margin-right: var(--59gej3-margin-right-tablet, 0px); margin-bottom: var(--59gej3-margin-bottom-tablet, 0px); margin-left: var(--59gej3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--59gej3-margin-top-mobile, 0px); margin-right: var(--59gej3-margin-right-mobile, 0px); margin-bottom: var(--59gej3-margin-bottom-mobile, 0px); margin-left: var(--59gej3-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--59gej3-width,100%) - var(--59gej3-margin-left,0px) - var(--59gej3-margin-right,0px)); width: calc(var(--59gej3-width,100%) - var(--59gej3-margin-left,0px) - var(--59gej3-margin-right,0px)); min-height: min-content; border-color: var(--59gej3-borderColor,var(--omnise-card-media-border-color)); border-style: var(--59gej3-borderStyle,solid); border-width: var(--59gej3-borderWidth-tl,var(--omnise-card-border-width)) var(--59gej3-borderWidth-tr,var(--omnise-card-border-width)) var(--59gej3-borderWidth-br,var(--omnise-card-border-width)) var(--59gej3-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--59gej3-borderRadius-tl,var(--omnise-card-border-radius)) var(--59gej3-borderRadius-tr,var(--omnise-card-border-radius)) var(--59gej3-borderRadius-br,var(--omnise-card-border-radius)) var(--59gej3-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--59gej3-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--59gej3-borderWidth-tl-tablet, var(--59gej3-borderWidth-tl,var(--omnise-card-border-width))) var(--59gej3-borderWidth-tr-tablet, var(--59gej3-borderWidth-tr,var(--omnise-card-border-width))) var(--59gej3-borderWidth-br-tablet, var(--59gej3-borderWidth-br,var(--omnise-card-border-width))) var(--59gej3-borderWidth-bl-tablet, var(--59gej3-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--59gej3-borderRadius-tl-tablet, var(--59gej3-borderRadius-tl,var(--omnise-card-border-radius))) var(--59gej3-borderRadius-tr-tablet, var(--59gej3-borderRadius-tr,var(--omnise-card-border-radius))) var(--59gej3-borderRadius-br-tablet, var(--59gej3-borderRadius-br,var(--omnise-card-border-radius))) var(--59gej3-borderRadius-bl-tablet, var(--59gej3-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--59gej3-borderWidth-tl-mobile, var(--59gej3-borderWidth-tl,var(--omnise-card-border-width))) var(--59gej3-borderWidth-tr-mobile, var(--59gej3-borderWidth-tr,var(--omnise-card-border-width))) var(--59gej3-borderWidth-br-mobile, var(--59gej3-borderWidth-br,var(--omnise-card-border-width))) var(--59gej3-borderWidth-bl-mobile, var(--59gej3-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--59gej3-borderRadius-tl-mobile, var(--59gej3-borderRadius-tl,var(--omnise-card-border-radius))) var(--59gej3-borderRadius-tr-mobile, var(--59gej3-borderRadius-tr,var(--omnise-card-border-radius))) var(--59gej3-borderRadius-br-mobile, var(--59gej3-borderRadius-br,var(--omnise-card-border-radius))) var(--59gej3-borderRadius-bl-mobile, var(--59gej3-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--59gej3-shadowHorizontal, var(--omnise-card-shadow-x)) var(--59gej3-shadowVertical, var(--omnise-card-shadow-y)) var(--59gej3-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--59gej3-shadowColor, var(--omnise-card-media-shadow-color)) var(--59gej3-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--59gej3-overlayColor-color, #000); opacity: var(--59gej3-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--59gej3-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--59gej3-width-tablet,var(--59gej3-width,100%)) - var(--59gej3-margin-left-tablet,var(--59gej3-margin-left,0px)) - var(--59gej3-margin-right-tablet,var(--59gej3-margin-right,0px))); width: calc(var(--59gej3-width-tablet,var(--59gej3-width,100%)) - var(--59gej3-margin-left-tablet,var(--59gej3-margin-left,0px)) - var(--59gej3-margin-right-tablet,var(--59gej3-margin-right,0px))); aspect-ratio: var(--59gej3-imageRatio-tablet, var(--59gej3-imageRatio, auto)); img { object-fit: var(--59gej3-objFit-tablet, var(--59gej3-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--59gej3-width-mobile,var(--59gej3-width,100%)) - var(--59gej3-margin-left-mobile,var(--59gej3-margin-left,0px)) - var(--59gej3-margin-right-mobile,var(--59gej3-margin-right,0px))); width: calc(var(--59gej3-width-mobile,var(--59gej3-width,100%)) - var(--59gej3-margin-left-mobile,var(--59gej3-margin-left,0px)) - var(--59gej3-margin-right-mobile,var(--59gej3-margin-right,0px))); aspect-ratio: var(--59gej3-imageRatio-mobile, var(--59gej3-imageRatio, auto)); img { object-fit: var(--59gej3-objFit-mobile, var(--59gej3-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.omnise-media-wrapper is relative; .omnise-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.omnise-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .omnise-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: omnise-ai-gen-shimmer 1.8s linear infinite; } &.omnise-ai-gen-done .omnise-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .omnise-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: omnise-ai-gen-scan 2.6s ease-in-out infinite; } & .omnise-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .omnise-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: omnise-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.omnise-ai-generating .omnise-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.omnise-ai-gen-done .omnise-image { opacity: 1; transform: scale(1); } } @keyframes omnise-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes omnise-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes omnise-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } } [data-bnode="omnise-zr1905"] [data-bnode="omnise-e5pnb9"] { &.omnise-slot { position: relative; aspect-ratio: var(--background-imageRatio, auto); background: var(--background-color); border-style: var(--borderStyle, solid); border-color: var(--borderColor, #000000); border-width: var(--borderWidth-tl, 0px) var(--borderWidth-tr, 0px) var(--borderWidth-br, 0px) var(--borderWidth-bl, 0px); border-radius: var(--borderRadius-tl, 0px) var(--borderRadius-tr, 0px) var(--borderRadius-br, 0px) var(--borderRadius-bl, 0px); box-shadow: if( style(--enableShadow: true): var(--shadowHorizontal, 0) var(--shadowVertical, 0) var(--shadowBlur, 0) 1px var(--shadowColor, #000000) ; else: none ); max-width: var(--max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var( --background-imageRatio-tablet, var(--background-imageRatio, auto) ); border-width: var(--borderWidth-tl-tablet, 0px) var(--borderWidth-tr-tablet, 0px) var(--borderWidth-br-tablet, 0px) var(--borderWidth-bl-tablet, 0px); border-radius: var(--borderRadius-tl-tablet, 0px) var(--borderRadius-tr-tablet, 0px) var(--borderRadius-br-tablet, 0px) var(--borderRadius-bl-tablet, 0px); max-width: var(--max-width-tablet, var(--max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var( --background-imageRatio-mobile, var(--background-imageRatio, auto) ); border-width: var(--borderWidth-tl-mobile, 0px) var(--borderWidth-tr-mobile, 0px) var(--borderWidth-br-mobile, 0px) var(--borderWidth-bl-mobile, 0px); border-radius: var(--borderRadius-tl-mobile, 0px) var(--borderRadius-tr-mobile, 0px) var(--borderRadius-br-mobile, 0px) var(--borderRadius-bl-mobile, 0px); max-width: var(--max-width-mobile, var(--max-width, 100%)); } > * { position: relative; z-index: 1; } > .omnise-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } &.omnise-slot-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; opacity: 0; transition: opacity .4s ease; background: transparent; max-height: unset !important; padding-top: var(--padding-top, 52px); padding-bottom: var(--padding-bottom, 52px); padding-right: var(--padding-right, 30px); padding-left: var(--padding-left, 30px); @media(max-width: 1180px){ padding-top: var(--padding-top-tablet, --padding-top); padding-bottom: var(--padding-bottom-tablet, --padding-bottom); padding-right: var(--padding-right-tablet, --padding-right); padding-left: var(--padding-left-tablet, --padding-left); } @media(max-width: 767px){ padding-top: var(--padding-top-mobile, --padding-top-tablet); padding-bottom: var(--padding-bottom-mobile, --padding-bottom-tablet); padding-right: var(--padding-right-mobile, --padding-right-tablet); padding-left: var(--padding-left-mobile, --padding-left-tablet); } } &.omnise-slot-overlay::before { content: ""; position: absolute; inset: clamp(30px, 20%, 90px); background: transparent; box-shadow: 0 0 0 9999px color-mix( in srgb, var(--overlayColor-color, #000) calc(var(--overlayOpacity, 0.2) * 100%), transparent ); pointer-events: none; } } [data-bnode="omnise-zr1905"] [data-bnode="omnise-9lt1pw"] { margin-top: var(--9lt1pw-margin-top, 0px); margin-right: var(--9lt1pw-margin-right, 0px); margin-bottom: var(--9lt1pw-margin-bottom, 0px); margin-left: var(--9lt1pw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9lt1pw-margin-top-tablet, 0px); margin-right: var(--9lt1pw-margin-right-tablet, 0px); margin-bottom: var(--9lt1pw-margin-bottom-tablet, 0px); margin-left: var(--9lt1pw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9lt1pw-margin-top-mobile, 0px); margin-right: var(--9lt1pw-margin-right-mobile, 0px); margin-bottom: var(--9lt1pw-margin-bottom-mobile, 0px); margin-left: var(--9lt1pw-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--9lt1pw-highlightColor,var(--omnise-p-color)); top: var(--9lt1pw-highlightTop, 100%); } } [data-bnode="omnise-zr1905"] [data-bnode="omnise-3wobt5"] { margin-top: var(--3wobt5-margin-top, 0px); margin-right: var(--3wobt5-margin-right, 0px); margin-bottom: var(--3wobt5-margin-bottom, 0px); margin-left: var(--3wobt5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3wobt5-margin-top-tablet, 0px); margin-right: var(--3wobt5-margin-right-tablet, 0px); margin-bottom: var(--3wobt5-margin-bottom-tablet, 0px); margin-left: var(--3wobt5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3wobt5-margin-top-mobile, 0px); margin-right: var(--3wobt5-margin-right-mobile, 0px); margin-bottom: var(--3wobt5-margin-bottom-mobile, 0px); margin-left: var(--3wobt5-margin-left-mobile, 0px); } &{ gap:var(--3wobt5-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--3wobt5-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--3wobt5-bgBtnHover)) * 1%)); style(--3wobt5-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--3wobt5-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--3wobt5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--3wobt5-labelBtnHover)) * 1%)); style(--3wobt5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--3wobt5-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--3wobt5-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--3wobt5-borderBtnHover)) * 1%)); style(--3wobt5-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--3wobt5-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--3wobt5-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--3wobt5-bgBtnHover)) * 1%)); style(--3wobt5-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--3wobt5-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--3wobt5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--3wobt5-labelBtnHover)) * 1%)); style(--3wobt5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--3wobt5-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--3wobt5-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--3wobt5-borderBtnHover)) * 1%)); style(--3wobt5-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--3wobt5-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--3wobt5-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--3wobt5-labelBtnHover)) * 1%)); style(--3wobt5-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--3wobt5-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); color: var(--3wobt5-btnHoverColor); } span{ display: flex; font-size: var(--3wobt5-iconWidth); } svg { width: var(--3wobt5-iconWidth,20px); min-width: var(--3wobt5-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--3wobt5-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--3wobt5-iconWidth-tablet, var(--3wobt5-iconWidth)); } svg { width: var(--3wobt5-iconWidth-tablet, var(--3wobt5-iconWidth)); min-width: var(--3wobt5-iconWidth-tablet, var(--3wobt5-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--3wobt5-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--3wobt5-iconWidth-mobile, var(--3wobt5-iconWidth)); } svg { width: var(--3wobt5-iconWidth-mobile, var(--3wobt5-iconWidth)); min-width: var(--3wobt5-iconWidth-mobile, var(--3wobt5-iconWidth)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-zr1905"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #000000; border-width: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #ffffff; } [data-bnode="omnise-zr1905"] [data-bnode="be-ctl-item"] {    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-zr1905"] [data-bnode="be-ctl-item"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-zr1905"] [data-bnode="be-ctl-item"] {    max-width: 100%;   }  } [data-bnode="omnise-zr1905"] [data-bnode="be-ctl-item"] {   gap: 0px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-zr1905"] [data-bnode="be-ctl-item"] {    gap: 0px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-zr1905"] [data-bnode="be-ctl-item"] {    gap: 0px;   }  }[data-bnode="omnise-e5pnb9"] { background: #000; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-e5pnb9"] { padding-top: 52px; padding-right: 30px; padding-bottom: 52px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-e5pnb9"] { padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; } } [data-bnode="omnise-e5pnb9"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e5pnb9"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e5pnb9"] {                gap: 0px;     }  }[data-bnode="omnise-e5pnb9"] { background: #000; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-e5pnb9"] { padding-top: 52px; padding-right: 30px; padding-bottom: 52px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-e5pnb9"] { padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; } } [data-bnode="omnise-e5pnb9"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e5pnb9"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e5pnb9"] {                gap: 0px;     }  }[data-bnode="omnise-k1nnlx"].omnise-section { background: #000919; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-k1nnlx"].omnise-section { background: #000919; padding-top: 96px; padding-right: 30px; padding-bottom: 96px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-k1nnlx"].omnise-section { background: #000919; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-k1nnlx"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;        gap: 32px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k1nnlx"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;              gap: 32px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 30px - 30px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-k1nnlx"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;              gap: 32px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-oigync"] {        flex-wrap: nowrap;     align-items: center;   gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-oigync"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-oigync"] {                gap: 12px;     }  }[data-bnode="omnise-w293c6"] { --omnise-h2-font-size: 40px; --omnise-h2-font-size-tablet: 28px; --omnise-h2-font-size-mobile: 26px; --omnise-h2-color: #FFFFFF; --omnise-h2-font-family: Lora; --omnise-h2-font-weight: 400; --omnise-h2-line-height: 1.2; --omnise-h2-line-height-tablet: 1.2; --omnise-h2-line-height-mobile: 1.3; --omnise-h2-letter-spacing: 0px; --omnise-h2-letter-spacing-tablet: 0px; --omnise-h2-letter-spacing-mobile: 0px; --omnise-h2-text-transform: none; --w293c6-typography: h2; --w293c6-typography-tablet: h2; --w293c6-typography-mobile: h2; --omnise-h2-text-align: center; }[data-bnode="omnise-w293c6"] { margin-top: var(--w293c6-margin-top, 0px); margin-right: var(--w293c6-margin-right, 0px); margin-bottom: var(--w293c6-margin-bottom, 0px); margin-left: var(--w293c6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w293c6-margin-top-tablet, 0px); margin-right: var(--w293c6-margin-right-tablet, 0px); margin-bottom: var(--w293c6-margin-bottom-tablet, 0px); margin-left: var(--w293c6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w293c6-margin-top-mobile, 0px); margin-right: var(--w293c6-margin-right-mobile, 0px); margin-bottom: var(--w293c6-margin-bottom-mobile, 0px); margin-left: var(--w293c6-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--w293c6-highlightColor,var(--omnise-p-color)); top: var(--w293c6-highlightTop, 100%); } }[data-bnode="omnise-adp9qn"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 14px; --omnise-p2-font-size-mobile: 14px; --omnise-p2-color: #FFFFFF; --omnise-p2-font-family: Tirra; --omnise-p2-font-weight: 400; --omnise-p2-line-height: 1.5; --omnise-p2-line-height-tablet: 1.5; --omnise-p2-line-height-mobile: 1.5; --omnise-p2-letter-spacing: 0px; --omnise-p2-letter-spacing-tablet: 0px; --omnise-p2-letter-spacing-mobile: 0px; --omnise-p2-text-transform: none; --adp9qn-typography: p2; --adp9qn-typography-tablet: p2; --adp9qn-typography-mobile: p2; --omnise-p2-text-align: center; --adp9qn-margin-top: 0px; --adp9qn-margin-top-tablet: 0px; --adp9qn-margin-top-mobile: 0px; --adp9qn-margin-right: 0px; --adp9qn-margin-right-tablet: 0px; --adp9qn-margin-right-mobile: 0px; --adp9qn-margin-bottom: 16px; --adp9qn-margin-bottom-tablet: 16px; --adp9qn-margin-bottom-mobile: 16px; --adp9qn-margin-left: 0px; --adp9qn-margin-left-tablet: 0px; --adp9qn-margin-left-mobile: 0px; }[data-bnode="omnise-adp9qn"] { margin-top: var(--adp9qn-margin-top, 0px); margin-right: var(--adp9qn-margin-right, 0px); margin-bottom: var(--adp9qn-margin-bottom, 0px); margin-left: var(--adp9qn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--adp9qn-margin-top-tablet, 0px); margin-right: var(--adp9qn-margin-right-tablet, 0px); margin-bottom: var(--adp9qn-margin-bottom-tablet, 0px); margin-left: var(--adp9qn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--adp9qn-margin-top-mobile, 0px); margin-right: var(--adp9qn-margin-right-mobile, 0px); margin-bottom: var(--adp9qn-margin-bottom-mobile, 0px); margin-left: var(--adp9qn-margin-left-mobile, 0px); } }[data-bnode="omnise-ki532z"] {   max-width: 576px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ki532z"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ki532z"] {      }  } [data-bnode="omnise-ki532z"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ki532z"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ki532z"] {                     }  }[data-bnode="omnise-lhu40e"] { --lhu40e-timer: label; --lhu40e-timer-tablet: label; --lhu40e-timer-mobile: label; --lhu40e-typographyNumber: h2; --lhu40e-typographyNumber-tablet: h2; --lhu40e-typographyNumber-mobile: h2; --lhu40e-typographyLabel: p2; --lhu40e-typographyLabel-tablet: p2; --lhu40e-typographyLabel-mobile: p2; --lhu40e-borderStyle: solid; --lhu40e-borderStyle-tablet: solid; --lhu40e-borderStyle-mobile: solid; --lhu40e-type: input; --lhu40e-type-tablet: input; --lhu40e-type-mobile: input; --lhu40e-fontSizeButton: 16px; --lhu40e-fontSizeButton-tablet: 16px; --lhu40e-fontSizeButton-mobile: 16px; --lhu40e-button: pr; --lhu40e-button-tablet: pr; --lhu40e-button-mobile: pr; --lhu40e-width: fill; --lhu40e-width-tablet: fill; --lhu40e-width-mobile: fill; --lhu40e-transform: none; --lhu40e-transform-tablet: none; --lhu40e-transform-mobile: none; --lhu40e-iconWidth: 20px; --lhu40e-iconWidth-tablet: 20px; --lhu40e-iconWidth-mobile: 20px; --lhu40e-iconGap: 5px; --lhu40e-iconGap-tablet: 5px; --lhu40e-iconGap-mobile: 5px; --lhu40e-typography: p; --lhu40e-typography-tablet: p; --lhu40e-typography-mobile: p; --lhu40e-enableShadow: false; --lhu40e-enableShadow-tablet: false; --lhu40e-enableShadow-mobile: false; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --lhu40e-inputHeight: 40px; --lhu40e-inputHeight-tablet: 40px; --lhu40e-inputHeight-mobile: 40px; --lhu40e-backgroundColor: transparent; --lhu40e-backgroundColor-tablet: transparent; --lhu40e-backgroundColor-mobile: transparent; --lhu40e-borderWidth-tl: 0px; --lhu40e-borderWidth-tl-tablet: 0px; --lhu40e-borderWidth-tl-mobile: 0px; --lhu40e-borderWidth-tr: 0px; --lhu40e-borderWidth-tr-tablet: 0px; --lhu40e-borderWidth-tr-mobile: 0px; --lhu40e-borderWidth-bl: 0px; --lhu40e-borderWidth-bl-tablet: 0px; --lhu40e-borderWidth-bl-mobile: 0px; --lhu40e-borderWidth-br: 1px; --lhu40e-borderWidth-br-tablet: 1px; --lhu40e-borderWidth-br-mobile: 1px; --lhu40e-borderRadius-tl: 0px; --lhu40e-borderRadius-tl-tablet: 0px; --lhu40e-borderRadius-tl-mobile: 0px; --lhu40e-borderRadius-tr: 0px; --lhu40e-borderRadius-tr-tablet: 0px; --lhu40e-borderRadius-tr-mobile: 0px; --lhu40e-borderRadius-bl: 0px; --lhu40e-borderRadius-bl-tablet: 0px; --lhu40e-borderRadius-bl-mobile: 0px; --lhu40e-borderRadius-br: 0px; --lhu40e-borderRadius-br-tablet: 0px; --lhu40e-borderRadius-br-mobile: 0px; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-align: start; --lhu40e-borderColor: #CCC; --lhu40e-borderColor-tablet: #CCC; --lhu40e-borderColor-mobile: #CCC; }[data-bnode="omnise-lhu40e"] { margin-top: var(--lhu40e-margin-top, 0px); margin-right: var(--lhu40e-margin-right, 0px); margin-bottom: var(--lhu40e-margin-bottom, 0px); margin-left: var(--lhu40e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lhu40e-margin-top-tablet, 0px); margin-right: var(--lhu40e-margin-right-tablet, 0px); margin-bottom: var(--lhu40e-margin-bottom-tablet, 0px); margin-left: var(--lhu40e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lhu40e-margin-top-mobile, 0px); margin-right: var(--lhu40e-margin-right-mobile, 0px); margin-bottom: var(--lhu40e-margin-bottom-mobile, 0px); margin-left: var(--lhu40e-margin-left-mobile, 0px); } & { .omnise-field { display: flex; align-items: center; gap: var(--lhu40e-gap, 16px); min-width: 0; width: 100%; @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--lhu40e-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--lhu40e-gap-mobile, 16px); } } .omnise-field-input { width: 100%; align-self: stretch; outline: none; padding: 0 var(--lhu40e-paddingX, 20px); height: var(--lhu40e-inputHeight, 48px); background: var(--lhu40e-backgroundColor, #ffffff); z-index: 10; border-style: var(--lhu40e-borderStyle, solid); border-color: var(--lhu40e-borderColor, var(--omnise-form-input-border-color)); border-width: var(--lhu40e-borderWidth-tl, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-tr, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-br, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-bl, var(--omnise-input-border-width)); border-radius: var(--lhu40e-borderRadius-tl, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-tr, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-br, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-bl, var(--omnise-input-border-radius)); box-shadow: var(--lhu40e-shadowHorizontal, 0px) var(--lhu40e-shadowVertical, 0px) var(--lhu40e-shadowBlur, 0px) 1px color-mix( in srgb, var(--lhu40e-shadowColor, #000000) var(--lhu40e-shadowTransparent, 0%), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { border-width: var(--lhu40e-borderWidth-tl-tablet, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-tr-tablet, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-br-tablet, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-bl-tablet, var(--omnise-input-border-width)); border-radius: var(--lhu40e-borderRadius-tl-tablet, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-tr-tablet, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-br-tablet, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-bl-tablet, var(--omnise-input-border-radius)); } @media(max-width: 767px) { border-width: var(--lhu40e-borderWidth-tl-mobile, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-tr-mobile, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-br-mobile, var(--omnise-input-border-width)) var(--lhu40e-borderWidth-bl-mobile, var(--omnise-input-border-width)); border-radius: var(--lhu40e-borderRadius-tl-mobile, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-tr-mobile, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-br-mobile, var(--omnise-input-border-radius)) var(--lhu40e-borderRadius-bl-mobile, var(--omnise-input-border-radius)); } &::placeholder { color: var(--lhu40e-colorPlace); } } .omnise-btn-button { gap:var(--lhu40e-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--lhu40e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--lhu40e-bgBtnHover)) * 1%)); style(--lhu40e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--lhu40e-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--lhu40e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--lhu40e-labelBtnHover)) * 1%)); style(--lhu40e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--lhu40e-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--lhu40e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--lhu40e-borderBtnHover)) * 1%)); style(--lhu40e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--lhu40e-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--lhu40e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--lhu40e-bgBtnHover)) * 1%)); style(--lhu40e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--lhu40e-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--lhu40e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--lhu40e-labelBtnHover)) * 1%)); style(--lhu40e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--lhu40e-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--lhu40e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--lhu40e-borderBtnHover)) * 1%)); style(--lhu40e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--lhu40e-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--lhu40e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--lhu40e-labelBtnHover)) * 1%)); style(--lhu40e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--lhu40e-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--lhu40e-iconWidth); } svg { width: var(--lhu40e-iconWidth,20px); min-width: var(--lhu40e-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--lhu40e-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--lhu40e-iconWidth-tablet, var(--lhu40e-iconWidth)); } svg { width: var(--lhu40e-iconWidth-tablet, var(--lhu40e-iconWidth)); min-width: var(--lhu40e-iconWidth-tablet, var(--lhu40e-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--lhu40e-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--lhu40e-iconWidth-mobile, var(--lhu40e-iconWidth)); } svg { width: var(--lhu40e-iconWidth-mobile, var(--lhu40e-iconWidth)); min-width: var(--lhu40e-iconWidth-mobile, var(--lhu40e-iconWidth)); height: 100%; } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } } .omnise-form-message { display: flex; align-items: center; gap: 6px; margin-top: 20px; &.omnise-form-message-error { color: #dc2626; } } .omnise-svg-wrapper { display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; } .omnise-hidden { display: none; } .omnise-form-message:focus-visible { outline: none; outline-offset: none; box-shadow: none; } } }

.omnise-rich-text a {
  text-decoration: none !important;
}