/** Shopify CDN: Minification failed

Line 1314:363956 Unexpected "}"
Line 1314:381954 Unexpected "}"
Line 1314:399952 Unexpected "}"
Line 1314:417950 Unexpected "}"
Line 1314:435948 Unexpected "}"
Line 1314:453946 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-p92q27"].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-p92q27"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-p92q27"].omnise-section { background: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-p92q27"] > .omnise-section-container{     width: 100%;   max-width: 100%;   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% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-p92q27"] > .omnise-section-container{      width: 100%;   max-width: 100%;   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);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-p92q27"] > .omnise-section-container{      width: 100%;   max-width: 100%;   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-0jsl3x"] { --0jsl3x-autoRotate: false; --0jsl3x-autoRotate-tablet: false; --0jsl3x-autoRotate-mobile: false; --0jsl3x-changeSlide: 5s; --0jsl3x-changeSlide-tablet: 5s; --0jsl3x-changeSlide-mobile: 5s; --0jsl3x-slideBehavior: slide; --0jsl3x-slideBehavior-tablet: slide; --0jsl3x-slideBehavior-mobile: slide; --0jsl3x-pagiType: dots; --0jsl3x-pagiType-tablet: dots; --0jsl3x-pagiType-mobile: dots; --0jsl3x-slideHeight: auto; --0jsl3x-slideHeight-tablet: auto; --0jsl3x-slideHeight-mobile: auto; --0jsl3x-gap: 20px; --0jsl3x-gap-tablet: 20px; --0jsl3x-gap-mobile: 20px; --0jsl3x-stateNavigation: hover; --0jsl3x-stateNavigation-tablet: hover; --0jsl3x-stateNavigation-mobile: hover; --0jsl3x-statePagination: active; --0jsl3x-statePagination-tablet: active; --0jsl3x-statePagination-mobile: active; --0jsl3x-navType: nav-type-1; --0jsl3x-navType-tablet: nav-type-1; --0jsl3x-navType-mobile: nav-type-1; --0jsl3x-navColor: #181818; --0jsl3x-navColor-tablet: #181818; --0jsl3x-navColor-mobile: #181818; --0jsl3x-navBg: #F5F5F5; --0jsl3x-navBg-tablet: #F5F5F5; --0jsl3x-navBg-mobile: #F5F5F5; --0jsl3x-navColorHover: #181818; --0jsl3x-navColorHover-tablet: #181818; --0jsl3x-navColorHover-mobile: #181818; --0jsl3x-navBgHover: #f2f0e7; --0jsl3x-navBgHover-tablet: #f2f0e7; --0jsl3x-navBgHover-mobile: #f2f0e7; --0jsl3x-navColorActive: #333333; --0jsl3x-navColorActive-tablet: #333333; --0jsl3x-navColorActive-mobile: #333333; --0jsl3x-navBgActive: #cccccc; --0jsl3x-navBgActive-tablet: #cccccc; --0jsl3x-navBgActive-mobile: #cccccc; --0jsl3x-navIconSize: 22px; --0jsl3x-navIconSize-tablet: 22px; --0jsl3x-navIconSize-mobile: 22px; --0jsl3x-navPadding: 16px; --0jsl3x-navPadding-tablet: 16px; --0jsl3x-navPadding-mobile: 16px; --0jsl3x-pagiColor: #e6e6e6; --0jsl3x-pagiColor-tablet: #e6e6e6; --0jsl3x-pagiColor-mobile: #e6e6e6; --0jsl3x-pagiBg: #ffffff26; --0jsl3x-pagiBg-tablet: #ffffff26; --0jsl3x-pagiBg-mobile: #ffffff26; --0jsl3x-pagiColorHover: #cccccc; --0jsl3x-pagiColorHover-tablet: #cccccc; --0jsl3x-pagiColorHover-mobile: #cccccc; --0jsl3x-pagiBgHover: #cccccc; --0jsl3x-pagiBgHover-tablet: #cccccc; --0jsl3x-pagiBgHover-mobile: #cccccc; --0jsl3x-pagiColorActive: #181818; --0jsl3x-pagiColorActive-tablet: #181818; --0jsl3x-pagiColorActive-mobile: #181818; --0jsl3x-pagiBgActive: #ffffff; --0jsl3x-pagiBgActive-tablet: #ffffff; --0jsl3x-pagiBgActive-mobile: #ffffff; --0jsl3x-height: 900px; --0jsl3x-height-tablet: 600px; --0jsl3x-height-mobile: 540px; }[data-bnode="omnise-0jsl3x"] { margin-top: var(--0jsl3x-margin-top, 0px); margin-right: var(--0jsl3x-margin-right, 0px); margin-bottom: var(--0jsl3x-margin-bottom, 0px); margin-left: var(--0jsl3x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0jsl3x-margin-top-tablet, 0px); margin-right: var(--0jsl3x-margin-right-tablet, 0px); margin-bottom: var(--0jsl3x-margin-bottom-tablet, 0px); margin-left: var(--0jsl3x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0jsl3x-margin-top-mobile, 0px); margin-right: var(--0jsl3x-margin-right-mobile, 0px); margin-bottom: var(--0jsl3x-margin-bottom-mobile, 0px); margin-left: var(--0jsl3x-margin-left-mobile, 0px); } &.omnise-content-list { height: var(--0jsl3x-height); overflow: visible; @media(max-width:768px) and (max-width:1180px){ height: var(--0jsl3x-height-mobile); } @media(max-width:767px){ height: var(--0jsl3x-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(--0jsl3x-navPadding,12px); background:var(--0jsl3x-navBg,#F5F5F5); cursor: pointer; &:hover { background:var(--0jsl3x-navBgHover,#CCCCCC); fill: var(--0jsl3x-navColorHover,#333333); } svg { width: var(--0jsl3x-navIconSize,20px); height: var(--0jsl3x-navIconSize,20px); fill: var(--0jsl3x-navColor , #333333); } &:hover svg { fill: var(--0jsl3x-navColorHover,#333333); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--0jsl3x-pagiBg,#E6E6E6); width: 8px; height: 8px; border-radius: 4px; transition: width 0.3s ease; position: relative; overflow: hidden; &.active { width: 10px; height: 10px; background: var(--0jsl3x-pagiBgActive,#E6E6E6); } &:not(.active):hover { background:var(--0jsl3x-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--0jsl3x-pagiColor,#e6e6e6); &.active { color:var(--0jsl3x-pagiColorActive,#181818); } &:not(.active):hover { color: var(--0jsl3x-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--0jsl3x-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--0jsl3x-pagiBg,#E6E6E6); &.active { background: var(--0jsl3x-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--0jsl3x-pagiBgHover,#CCCCCC); } } .omnise-slider-pagination-wrp{ position: absolute; bottom: 40px; left: 0; right: 0; } }[data-bnode="omnise-59sgx0"] { border-style: solid; border-color: #FFFFFF; border-width: 0px 0px 0px 0px; border-radius: ; box-shadow: 0px 0px 0px 1px color-mix(in srgb, #EEEEEE 0%, transparent); background: #211612; padding-top: 80px; padding-right: 80px; padding-bottom: 80px; padding-left: 80px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-59sgx0"] { padding-top: 80px; padding-right: 56px; padding-bottom: 80px; padding-left: 56px; } } @media (max-width: 767px) { [data-bnode="omnise-59sgx0"] { padding-top: 40px; padding-right: 24px; padding-bottom: 40px; padding-left: 24px; } } [data-bnode="omnise-59sgx0"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: center;   gap: 24px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-59sgx0"] {                gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-59sgx0"] {                gap: 24px;     }  }[data-bnode="omnise-7tpj7u"] {   position: absolute; top: 0; left: 0; height: 100%;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-7tpj7u"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-7tpj7u"] {      }  } [data-bnode="omnise-7tpj7u"] {     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-7tpj7u"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-7tpj7u"] {                     }  }[data-bnode="omnise-fyly5l"] { --fyly5l-width: 100%; --fyly5l-width-tablet: 100%; --fyly5l-width-mobile: 100%; --fyly5l-imageRatio: auto; --fyly5l-imageRatio-tablet: auto; --fyly5l-imageRatio-mobile: auto; --fyly5l-objFit: cover; --fyly5l-objFit-tablet: cover; --fyly5l-objFit-mobile: cover; --fyly5l-borderColor: #000000; --fyly5l-borderColor-tablet: #000000; --fyly5l-borderColor-mobile: #000000; --fyly5l-shadowColor: #000000; --fyly5l-shadowColor-tablet: #000000; --fyly5l-shadowColor-mobile: #000000; --fyly5l-borderStyle: none; --fyly5l-borderStyle-tablet: none; --fyly5l-borderStyle-mobile: none; --fyly5l-overlayOpacity: 0.1; --fyly5l-overlayOpacity-tablet: 0.1; --fyly5l-overlayOpacity-mobile: 0.1; --fyly5l-overlayColor-type: color; --fyly5l-overlayColor-type-tablet: color; --fyly5l-overlayColor-type-mobile: color; --fyly5l-overlayColor-color: #000000; --fyly5l-overlayColor-color-tablet: #000000; --fyly5l-overlayColor-color-mobile: #000000; --fyly5l-margin-top: 0px; --fyly5l-margin-top-tablet: 0px; --fyly5l-margin-top-mobile: 0px; --fyly5l-margin-right: 0px; --fyly5l-margin-right-tablet: 0px; --fyly5l-margin-right-mobile: 0px; --fyly5l-margin-bottom: 0px; --fyly5l-margin-bottom-tablet: 0px; --fyly5l-margin-bottom-mobile: 0px; --fyly5l-margin-left: 0px; --fyly5l-margin-left-tablet: 0px; --fyly5l-margin-left-mobile: 0px; }[data-bnode="omnise-fyly5l"] { margin-top: var(--fyly5l-margin-top, 0px); margin-right: var(--fyly5l-margin-right, 0px); margin-bottom: var(--fyly5l-margin-bottom, 0px); margin-left: var(--fyly5l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fyly5l-margin-top-tablet, 0px); margin-right: var(--fyly5l-margin-right-tablet, 0px); margin-bottom: var(--fyly5l-margin-bottom-tablet, 0px); margin-left: var(--fyly5l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fyly5l-margin-top-mobile, 0px); margin-right: var(--fyly5l-margin-right-mobile, 0px); margin-bottom: var(--fyly5l-margin-bottom-mobile, 0px); margin-left: var(--fyly5l-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--fyly5l-width,100%) - var(--fyly5l-margin-left,0px) - var(--fyly5l-margin-right,0px)); width: calc(var(--fyly5l-width,100%) - var(--fyly5l-margin-left,0px) - var(--fyly5l-margin-right,0px)); min-height: min-content; border-color: var(--fyly5l-borderColor,var(--omnise-card-media-border-color)); border-style: var(--fyly5l-borderStyle,solid); border-width: var(--fyly5l-borderWidth-tl,var(--omnise-card-border-width)) var(--fyly5l-borderWidth-tr,var(--omnise-card-border-width)) var(--fyly5l-borderWidth-br,var(--omnise-card-border-width)) var(--fyly5l-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--fyly5l-borderRadius-tl,var(--omnise-card-border-radius)) var(--fyly5l-borderRadius-tr,var(--omnise-card-border-radius)) var(--fyly5l-borderRadius-br,var(--omnise-card-border-radius)) var(--fyly5l-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--fyly5l-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--fyly5l-borderWidth-tl-tablet, var(--fyly5l-borderWidth-tl,var(--omnise-card-border-width))) var(--fyly5l-borderWidth-tr-tablet, var(--fyly5l-borderWidth-tr,var(--omnise-card-border-width))) var(--fyly5l-borderWidth-br-tablet, var(--fyly5l-borderWidth-br,var(--omnise-card-border-width))) var(--fyly5l-borderWidth-bl-tablet, var(--fyly5l-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--fyly5l-borderRadius-tl-tablet, var(--fyly5l-borderRadius-tl,var(--omnise-card-border-radius))) var(--fyly5l-borderRadius-tr-tablet, var(--fyly5l-borderRadius-tr,var(--omnise-card-border-radius))) var(--fyly5l-borderRadius-br-tablet, var(--fyly5l-borderRadius-br,var(--omnise-card-border-radius))) var(--fyly5l-borderRadius-bl-tablet, var(--fyly5l-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--fyly5l-borderWidth-tl-mobile, var(--fyly5l-borderWidth-tl,var(--omnise-card-border-width))) var(--fyly5l-borderWidth-tr-mobile, var(--fyly5l-borderWidth-tr,var(--omnise-card-border-width))) var(--fyly5l-borderWidth-br-mobile, var(--fyly5l-borderWidth-br,var(--omnise-card-border-width))) var(--fyly5l-borderWidth-bl-mobile, var(--fyly5l-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--fyly5l-borderRadius-tl-mobile, var(--fyly5l-borderRadius-tl,var(--omnise-card-border-radius))) var(--fyly5l-borderRadius-tr-mobile, var(--fyly5l-borderRadius-tr,var(--omnise-card-border-radius))) var(--fyly5l-borderRadius-br-mobile, var(--fyly5l-borderRadius-br,var(--omnise-card-border-radius))) var(--fyly5l-borderRadius-bl-mobile, var(--fyly5l-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--fyly5l-shadowHorizontal, var(--omnise-card-shadow-x)) var(--fyly5l-shadowVertical, var(--omnise-card-shadow-y)) var(--fyly5l-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--fyly5l-shadowColor, var(--omnise-card-media-shadow-color)) var(--fyly5l-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--fyly5l-overlayColor-color, #000); opacity: var(--fyly5l-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--fyly5l-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--fyly5l-width-tablet,var(--fyly5l-width,100%)) - var(--fyly5l-margin-left-tablet,var(--fyly5l-margin-left,0px)) - var(--fyly5l-margin-right-tablet,var(--fyly5l-margin-right,0px))); width: calc(var(--fyly5l-width-tablet,var(--fyly5l-width,100%)) - var(--fyly5l-margin-left-tablet,var(--fyly5l-margin-left,0px)) - var(--fyly5l-margin-right-tablet,var(--fyly5l-margin-right,0px))); aspect-ratio: var(--fyly5l-imageRatio-tablet, var(--fyly5l-imageRatio, auto)); img { object-fit: var(--fyly5l-objFit-tablet, var(--fyly5l-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--fyly5l-width-mobile,var(--fyly5l-width,100%)) - var(--fyly5l-margin-left-mobile,var(--fyly5l-margin-left,0px)) - var(--fyly5l-margin-right-mobile,var(--fyly5l-margin-right,0px))); width: calc(var(--fyly5l-width-mobile,var(--fyly5l-width,100%)) - var(--fyly5l-margin-left-mobile,var(--fyly5l-margin-left,0px)) - var(--fyly5l-margin-right-mobile,var(--fyly5l-margin-right,0px))); aspect-ratio: var(--fyly5l-imageRatio-mobile, var(--fyly5l-imageRatio, auto)); img { object-fit: var(--fyly5l-objFit-mobile, var(--fyly5l-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-ztwgd0"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-ztwgd0"] {   max-width: 512px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ztwgd0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ztwgd0"] {      }  } [data-bnode="omnise-ztwgd0"] {        flex-wrap: nowrap;     align-items: flex-start;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ztwgd0"] {           justify-content: center;     gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ztwgd0"] {           justify-content: center;     gap: 16px;     }  }[data-bnode="omnise-x1g22y"] { --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; --x1g22y-typography: eyebrow; --x1g22y-typography-tablet: eyebrow; --x1g22y-typography-mobile: eyebrow; --omnise-eyebrow-text-align: start; }[data-bnode="omnise-x1g22y"] { margin-top: var(--x1g22y-margin-top, 0px); margin-right: var(--x1g22y-margin-right, 0px); margin-bottom: var(--x1g22y-margin-bottom, 0px); margin-left: var(--x1g22y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x1g22y-margin-top-tablet, 0px); margin-right: var(--x1g22y-margin-right-tablet, 0px); margin-bottom: var(--x1g22y-margin-bottom-tablet, 0px); margin-left: var(--x1g22y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x1g22y-margin-top-mobile, 0px); margin-right: var(--x1g22y-margin-right-mobile, 0px); margin-bottom: var(--x1g22y-margin-bottom-mobile, 0px); margin-left: var(--x1g22y-margin-left-mobile, 0px); } }[data-bnode="omnise-0nrtnu"] { --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; --0nrtnu-typography: h1; --0nrtnu-typography-tablet: h1; --0nrtnu-typography-mobile: h1; --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; --omnise-h1-text-align: start; }[data-bnode="omnise-0nrtnu"] { margin-top: var(--0nrtnu-margin-top, 0px); margin-right: var(--0nrtnu-margin-right, 0px); margin-bottom: var(--0nrtnu-margin-bottom, 0px); margin-left: var(--0nrtnu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0nrtnu-margin-top-tablet, 0px); margin-right: var(--0nrtnu-margin-right-tablet, 0px); margin-bottom: var(--0nrtnu-margin-bottom-tablet, 0px); margin-left: var(--0nrtnu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0nrtnu-margin-top-mobile, 0px); margin-right: var(--0nrtnu-margin-right-mobile, 0px); margin-bottom: var(--0nrtnu-margin-bottom-mobile, 0px); margin-left: var(--0nrtnu-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--0nrtnu-highlightColor,var(--omnise-p-color)); top: var(--0nrtnu-highlightTop, 100%); } }[data-bnode="omnise-e4j7sr"] { --e4j7sr-width: fill; --e4j7sr-width-tablet: fill; --e4j7sr-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; --e4j7sr-iconWidth: 20px; --e4j7sr-iconWidth-tablet: 20px; --e4j7sr-iconWidth-mobile: 20px; --e4j7sr-iconGap: 5px; --e4j7sr-iconGap-tablet: 5px; --e4j7sr-iconGap-mobile: 5px; --e4j7sr-labelBtnHover: 0; --e4j7sr-labelBtnHover-tablet: 0; --e4j7sr-labelBtnHover-mobile: 0; --e4j7sr-bgBtnHover: -8; --e4j7sr-bgBtnHover-tablet: -8; --e4j7sr-bgBtnHover-mobile: -8; --e4j7sr-borderBtnHover: 0; --e4j7sr-borderBtnHover-tablet: 0; --e4j7sr-borderBtnHover-mobile: 0; --e4j7sr-stylePreset: pr; --e4j7sr-stylePreset-tablet: pr; --e4j7sr-stylePreset-mobile: pr; --e4j7sr-transform: none; --e4j7sr-transform-tablet: none; --e4j7sr-transform-mobile: none; --e4j7sr-button: pr; --e4j7sr-button-tablet: pr; --e4j7sr-button-mobile: pr; --e4j7sr-margin-top: 16px; --e4j7sr-margin-top-tablet: 16px; --e4j7sr-margin-top-mobile: 16px; --e4j7sr-margin-right: 0px; --e4j7sr-margin-right-tablet: 0px; --e4j7sr-margin-right-mobile: 0px; --e4j7sr-margin-bottom: 0px; --e4j7sr-margin-bottom-tablet: 0px; --e4j7sr-margin-bottom-mobile: 0px; --e4j7sr-margin-left: 0px; --e4j7sr-margin-left-tablet: 0px; --e4j7sr-margin-left-mobile: 0px; }[data-bnode="omnise-e4j7sr"] { margin-top: var(--e4j7sr-margin-top, 0px); margin-right: var(--e4j7sr-margin-right, 0px); margin-bottom: var(--e4j7sr-margin-bottom, 0px); margin-left: var(--e4j7sr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e4j7sr-margin-top-tablet, 0px); margin-right: var(--e4j7sr-margin-right-tablet, 0px); margin-bottom: var(--e4j7sr-margin-bottom-tablet, 0px); margin-left: var(--e4j7sr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e4j7sr-margin-top-mobile, 0px); margin-right: var(--e4j7sr-margin-right-mobile, 0px); margin-bottom: var(--e4j7sr-margin-bottom-mobile, 0px); margin-left: var(--e4j7sr-margin-left-mobile, 0px); } &{ gap:var(--e4j7sr-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--e4j7sr-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--e4j7sr-bgBtnHover)) * 1%)); style(--e4j7sr-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--e4j7sr-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--e4j7sr-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--e4j7sr-labelBtnHover)) * 1%)); style(--e4j7sr-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--e4j7sr-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--e4j7sr-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--e4j7sr-borderBtnHover)) * 1%)); style(--e4j7sr-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--e4j7sr-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--e4j7sr-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--e4j7sr-bgBtnHover)) * 1%)); style(--e4j7sr-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--e4j7sr-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--e4j7sr-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--e4j7sr-labelBtnHover)) * 1%)); style(--e4j7sr-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--e4j7sr-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--e4j7sr-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--e4j7sr-borderBtnHover)) * 1%)); style(--e4j7sr-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--e4j7sr-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--e4j7sr-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--e4j7sr-labelBtnHover)) * 1%)); style(--e4j7sr-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--e4j7sr-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--e4j7sr-iconWidth); } svg { width: var(--e4j7sr-iconWidth,20px); min-width: var(--e4j7sr-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--e4j7sr-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--e4j7sr-iconWidth-tablet, var(--e4j7sr-iconWidth)); } svg { width: var(--e4j7sr-iconWidth-tablet, var(--e4j7sr-iconWidth, 20px)); min-width: var(--e4j7sr-iconWidth-tablet, var(--e4j7sr-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--e4j7sr-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--e4j7sr-iconWidth-mobile, var(--e4j7sr-iconWidth)); } svg { width: var(--e4j7sr-iconWidth-mobile, var(--e4j7sr-iconWidth, 20px)); min-width: var(--e4j7sr-iconWidth-mobile, var(--e4j7sr-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-x7e7jx"] { border-style: solid; border-color: #000000; border-width: 0px 0px 0px 0px; border-radius: 24px 24px 24px 24px; background: #211612; padding-top: 80px; padding-right: 80px; padding-bottom: 80px; padding-left: 80px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-x7e7jx"] { padding-top: 40px; padding-right: 56px; padding-bottom: 40px; padding-left: 56px; } } @media (max-width: 767px) { [data-bnode="omnise-x7e7jx"] { padding-top: 40px; padding-right: 24px; padding-bottom: 40px; padding-left: 24px; } } [data-bnode="omnise-x7e7jx"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: center;   gap: 16px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-x7e7jx"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-x7e7jx"] {                gap: 16px;     }  }[data-bnode="omnise-6x3qly"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-6x3qly"] {   position: absolute; top: 0; left: 0; height: 100%;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-6x3qly"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-6x3qly"] {      }  } [data-bnode="omnise-6x3qly"] {     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-6x3qly"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-6x3qly"] {                     }  }[data-bnode="omnise-2sz3yx"] { --2sz3yx-width: 100%; --2sz3yx-width-tablet: 100%; --2sz3yx-width-mobile: 100%; --2sz3yx-imageRatio: auto; --2sz3yx-imageRatio-tablet: auto; --2sz3yx-imageRatio-mobile: auto; --2sz3yx-objFit: cover; --2sz3yx-objFit-tablet: cover; --2sz3yx-objFit-mobile: cover; --2sz3yx-borderColor: #000000; --2sz3yx-borderColor-tablet: #000000; --2sz3yx-borderColor-mobile: #000000; --2sz3yx-shadowColor: #000000; --2sz3yx-shadowColor-tablet: #000000; --2sz3yx-shadowColor-mobile: #000000; --2sz3yx-borderStyle: none; --2sz3yx-borderStyle-tablet: none; --2sz3yx-borderStyle-mobile: none; --2sz3yx-overlayOpacity: 0; --2sz3yx-overlayOpacity-tablet: 0; --2sz3yx-overlayOpacity-mobile: 0; --2sz3yx-overlayColor-type: color; --2sz3yx-overlayColor-type-tablet: color; --2sz3yx-overlayColor-type-mobile: color; --2sz3yx-padding-top: 0px; --2sz3yx-padding-top-tablet: 0px; --2sz3yx-padding-top-mobile: 0px; --2sz3yx-padding-right: 64px; --2sz3yx-padding-right-tablet: 64px; --2sz3yx-padding-right-mobile: 64px; --2sz3yx-padding-bottom: 0px; --2sz3yx-padding-bottom-tablet: 0px; --2sz3yx-padding-bottom-mobile: 0px; --2sz3yx-padding-left: 64px; --2sz3yx-padding-left-tablet: 64px; --2sz3yx-padding-left-mobile: 64px; --2sz3yx-margin-top: 0px; --2sz3yx-margin-top-tablet: 0px; --2sz3yx-margin-top-mobile: 0px; --2sz3yx-margin-right: 0px; --2sz3yx-margin-right-tablet: 0px; --2sz3yx-margin-right-mobile: 0px; --2sz3yx-margin-bottom: 0px; --2sz3yx-margin-bottom-tablet: 0px; --2sz3yx-margin-bottom-mobile: 0px; --2sz3yx-margin-left: 0px; --2sz3yx-margin-left-tablet: 0px; --2sz3yx-margin-left-mobile: 0px; }[data-bnode="omnise-2sz3yx"] { margin-top: var(--2sz3yx-margin-top, 0px); margin-right: var(--2sz3yx-margin-right, 0px); margin-bottom: var(--2sz3yx-margin-bottom, 0px); margin-left: var(--2sz3yx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2sz3yx-margin-top-tablet, 0px); margin-right: var(--2sz3yx-margin-right-tablet, 0px); margin-bottom: var(--2sz3yx-margin-bottom-tablet, 0px); margin-left: var(--2sz3yx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2sz3yx-margin-top-mobile, 0px); margin-right: var(--2sz3yx-margin-right-mobile, 0px); margin-bottom: var(--2sz3yx-margin-bottom-mobile, 0px); margin-left: var(--2sz3yx-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--2sz3yx-width,100%) - var(--2sz3yx-margin-left,0px) - var(--2sz3yx-margin-right,0px)); width: calc(var(--2sz3yx-width,100%) - var(--2sz3yx-margin-left,0px) - var(--2sz3yx-margin-right,0px)); min-height: min-content; border-color: var(--2sz3yx-borderColor,var(--omnise-card-media-border-color)); border-style: var(--2sz3yx-borderStyle,solid); border-width: var(--2sz3yx-borderWidth-tl,var(--omnise-card-border-width)) var(--2sz3yx-borderWidth-tr,var(--omnise-card-border-width)) var(--2sz3yx-borderWidth-br,var(--omnise-card-border-width)) var(--2sz3yx-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--2sz3yx-borderRadius-tl,var(--omnise-card-border-radius)) var(--2sz3yx-borderRadius-tr,var(--omnise-card-border-radius)) var(--2sz3yx-borderRadius-br,var(--omnise-card-border-radius)) var(--2sz3yx-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--2sz3yx-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--2sz3yx-borderWidth-tl-tablet, var(--2sz3yx-borderWidth-tl,var(--omnise-card-border-width))) var(--2sz3yx-borderWidth-tr-tablet, var(--2sz3yx-borderWidth-tr,var(--omnise-card-border-width))) var(--2sz3yx-borderWidth-br-tablet, var(--2sz3yx-borderWidth-br,var(--omnise-card-border-width))) var(--2sz3yx-borderWidth-bl-tablet, var(--2sz3yx-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--2sz3yx-borderRadius-tl-tablet, var(--2sz3yx-borderRadius-tl,var(--omnise-card-border-radius))) var(--2sz3yx-borderRadius-tr-tablet, var(--2sz3yx-borderRadius-tr,var(--omnise-card-border-radius))) var(--2sz3yx-borderRadius-br-tablet, var(--2sz3yx-borderRadius-br,var(--omnise-card-border-radius))) var(--2sz3yx-borderRadius-bl-tablet, var(--2sz3yx-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--2sz3yx-borderWidth-tl-mobile, var(--2sz3yx-borderWidth-tl,var(--omnise-card-border-width))) var(--2sz3yx-borderWidth-tr-mobile, var(--2sz3yx-borderWidth-tr,var(--omnise-card-border-width))) var(--2sz3yx-borderWidth-br-mobile, var(--2sz3yx-borderWidth-br,var(--omnise-card-border-width))) var(--2sz3yx-borderWidth-bl-mobile, var(--2sz3yx-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--2sz3yx-borderRadius-tl-mobile, var(--2sz3yx-borderRadius-tl,var(--omnise-card-border-radius))) var(--2sz3yx-borderRadius-tr-mobile, var(--2sz3yx-borderRadius-tr,var(--omnise-card-border-radius))) var(--2sz3yx-borderRadius-br-mobile, var(--2sz3yx-borderRadius-br,var(--omnise-card-border-radius))) var(--2sz3yx-borderRadius-bl-mobile, var(--2sz3yx-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--2sz3yx-shadowHorizontal, var(--omnise-card-shadow-x)) var(--2sz3yx-shadowVertical, var(--omnise-card-shadow-y)) var(--2sz3yx-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--2sz3yx-shadowColor, var(--omnise-card-media-shadow-color)) var(--2sz3yx-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--2sz3yx-overlayColor-color, #000); opacity: var(--2sz3yx-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--2sz3yx-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--2sz3yx-width-tablet,var(--2sz3yx-width,100%)) - var(--2sz3yx-margin-left-tablet,var(--2sz3yx-margin-left,0px)) - var(--2sz3yx-margin-right-tablet,var(--2sz3yx-margin-right,0px))); width: calc(var(--2sz3yx-width-tablet,var(--2sz3yx-width,100%)) - var(--2sz3yx-margin-left-tablet,var(--2sz3yx-margin-left,0px)) - var(--2sz3yx-margin-right-tablet,var(--2sz3yx-margin-right,0px))); aspect-ratio: var(--2sz3yx-imageRatio-tablet, var(--2sz3yx-imageRatio, auto)); img { object-fit: var(--2sz3yx-objFit-tablet, var(--2sz3yx-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--2sz3yx-width-mobile,var(--2sz3yx-width,100%)) - var(--2sz3yx-margin-left-mobile,var(--2sz3yx-margin-left,0px)) - var(--2sz3yx-margin-right-mobile,var(--2sz3yx-margin-right,0px))); width: calc(var(--2sz3yx-width-mobile,var(--2sz3yx-width,100%)) - var(--2sz3yx-margin-left-mobile,var(--2sz3yx-margin-left,0px)) - var(--2sz3yx-margin-right-mobile,var(--2sz3yx-margin-right,0px))); aspect-ratio: var(--2sz3yx-imageRatio-mobile, var(--2sz3yx-imageRatio, auto)); img { object-fit: var(--2sz3yx-objFit-mobile, var(--2sz3yx-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-bixpw9"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-bixpw9"] {   max-width: 512px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bixpw9"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-bixpw9"] {      }  } [data-bnode="omnise-bixpw9"] {        flex-wrap: nowrap;     align-items: flex-start;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bixpw9"] {           justify-content: center;     gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-bixpw9"] {           justify-content: center;     gap: 16px;     }  }[data-bnode="omnise-q3b511"] { --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; --q3b511-maxWidth: unset; --q3b511-maxWidth-tablet: unset; --q3b511-maxWidth-mobile: unset; --q3b511-typography: eyebrow; --q3b511-typography-tablet: eyebrow; --q3b511-typography-mobile: eyebrow; --omnise-eyebrow-text-align: start; }[data-bnode="omnise-q3b511"] { margin-top: var(--q3b511-margin-top, 0px); margin-right: var(--q3b511-margin-right, 0px); margin-bottom: var(--q3b511-margin-bottom, 0px); margin-left: var(--q3b511-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q3b511-margin-top-tablet, 0px); margin-right: var(--q3b511-margin-right-tablet, 0px); margin-bottom: var(--q3b511-margin-bottom-tablet, 0px); margin-left: var(--q3b511-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q3b511-margin-top-mobile, 0px); margin-right: var(--q3b511-margin-right-mobile, 0px); margin-bottom: var(--q3b511-margin-bottom-mobile, 0px); margin-left: var(--q3b511-margin-left-mobile, 0px); } }[data-bnode="omnise-4sqpxk"] { --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; --4sqpxk-typography: h1; --4sqpxk-typography-tablet: h1; --4sqpxk-typography-mobile: h1; --omnise-h1-text-align: start; }[data-bnode="omnise-4sqpxk"] { margin-top: var(--4sqpxk-margin-top, 0px); margin-right: var(--4sqpxk-margin-right, 0px); margin-bottom: var(--4sqpxk-margin-bottom, 0px); margin-left: var(--4sqpxk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4sqpxk-margin-top-tablet, 0px); margin-right: var(--4sqpxk-margin-right-tablet, 0px); margin-bottom: var(--4sqpxk-margin-bottom-tablet, 0px); margin-left: var(--4sqpxk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4sqpxk-margin-top-mobile, 0px); margin-right: var(--4sqpxk-margin-right-mobile, 0px); margin-bottom: var(--4sqpxk-margin-bottom-mobile, 0px); margin-left: var(--4sqpxk-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--4sqpxk-highlightColor,var(--omnise-p-color)); top: var(--4sqpxk-highlightTop, 100%); } }[data-bnode="omnise-pdd378"] { --pdd378-width: fill; --pdd378-width-tablet: fill; --pdd378-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; --pdd378-iconWidth: 20px; --pdd378-iconWidth-tablet: 20px; --pdd378-iconWidth-mobile: 20px; --pdd378-iconGap: 5px; --pdd378-iconGap-tablet: 5px; --pdd378-iconGap-mobile: 5px; --pdd378-labelBtnHover: 0; --pdd378-labelBtnHover-tablet: 0; --pdd378-labelBtnHover-mobile: 0; --pdd378-bgBtnHover: -8; --pdd378-bgBtnHover-tablet: -8; --pdd378-bgBtnHover-mobile: -8; --pdd378-borderBtnHover: 0; --pdd378-borderBtnHover-tablet: 0; --pdd378-borderBtnHover-mobile: 0; --pdd378-stylePreset: pr; --pdd378-stylePreset-tablet: pr; --pdd378-stylePreset-mobile: pr; --pdd378-transform: none; --pdd378-transform-tablet: none; --pdd378-transform-mobile: none; --pdd378-button: pr; --pdd378-button-tablet: pr; --pdd378-button-mobile: pr; --pdd378-margin-top: 16px; --pdd378-margin-top-tablet: 16px; --pdd378-margin-top-mobile: 16px; --pdd378-margin-right: 0px; --pdd378-margin-right-tablet: 0px; --pdd378-margin-right-mobile: 0px; --pdd378-margin-bottom: 0px; --pdd378-margin-bottom-tablet: 0px; --pdd378-margin-bottom-mobile: 0px; --pdd378-margin-left: 0px; --pdd378-margin-left-tablet: 0px; --pdd378-margin-left-mobile: 0px; }[data-bnode="omnise-pdd378"] { margin-top: var(--pdd378-margin-top, 0px); margin-right: var(--pdd378-margin-right, 0px); margin-bottom: var(--pdd378-margin-bottom, 0px); margin-left: var(--pdd378-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pdd378-margin-top-tablet, 0px); margin-right: var(--pdd378-margin-right-tablet, 0px); margin-bottom: var(--pdd378-margin-bottom-tablet, 0px); margin-left: var(--pdd378-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pdd378-margin-top-mobile, 0px); margin-right: var(--pdd378-margin-right-mobile, 0px); margin-bottom: var(--pdd378-margin-bottom-mobile, 0px); margin-left: var(--pdd378-margin-left-mobile, 0px); } &{ gap:var(--pdd378-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--pdd378-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--pdd378-bgBtnHover)) * 1%)); style(--pdd378-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--pdd378-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--pdd378-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--pdd378-labelBtnHover)) * 1%)); style(--pdd378-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--pdd378-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--pdd378-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--pdd378-borderBtnHover)) * 1%)); style(--pdd378-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--pdd378-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--pdd378-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--pdd378-bgBtnHover)) * 1%)); style(--pdd378-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--pdd378-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--pdd378-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--pdd378-labelBtnHover)) * 1%)); style(--pdd378-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--pdd378-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--pdd378-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--pdd378-borderBtnHover)) * 1%)); style(--pdd378-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--pdd378-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--pdd378-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--pdd378-labelBtnHover)) * 1%)); style(--pdd378-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--pdd378-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--pdd378-iconWidth); } svg { width: var(--pdd378-iconWidth,20px); min-width: var(--pdd378-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--pdd378-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--pdd378-iconWidth-tablet, var(--pdd378-iconWidth)); } svg { width: var(--pdd378-iconWidth-tablet, var(--pdd378-iconWidth, 20px)); min-width: var(--pdd378-iconWidth-tablet, var(--pdd378-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--pdd378-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--pdd378-iconWidth-mobile, var(--pdd378-iconWidth)); } svg { width: var(--pdd378-iconWidth-mobile, var(--pdd378-iconWidth, 20px)); min-width: var(--pdd378-iconWidth-mobile, var(--pdd378-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-gn22pn"] { background: #211612; padding-top: 80px; padding-right: 80px; padding-bottom: 80px; padding-left: 80px; } [data-bnode="omnise-gn22pn"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: center;   gap: 16px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-gn22pn"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-gn22pn"] {                gap: 16px;     }  }[data-bnode="omnise-nlxxeu"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-nlxxeu"] {   position: absolute; top: 0; left: 0; height: 100%;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-nlxxeu"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-nlxxeu"] {      }  } [data-bnode="omnise-nlxxeu"] {     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-nlxxeu"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-nlxxeu"] {                     }  }[data-bnode="omnise-ffaywb"] { --ffaywb-width: 100%; --ffaywb-width-tablet: 100%; --ffaywb-width-mobile: 100%; --ffaywb-imageRatio: auto; --ffaywb-imageRatio-tablet: auto; --ffaywb-imageRatio-mobile: auto; --ffaywb-objFit: cover; --ffaywb-objFit-tablet: cover; --ffaywb-objFit-mobile: cover; --ffaywb-borderColor: #000000; --ffaywb-borderColor-tablet: #000000; --ffaywb-borderColor-mobile: #000000; --ffaywb-shadowColor: #000000; --ffaywb-shadowColor-tablet: #000000; --ffaywb-shadowColor-mobile: #000000; --ffaywb-borderStyle: none; --ffaywb-borderStyle-tablet: none; --ffaywb-borderStyle-mobile: none; --ffaywb-overlayOpacity: 0; --ffaywb-overlayOpacity-tablet: 0; --ffaywb-overlayOpacity-mobile: 0; --ffaywb-overlayColor-type: color; --ffaywb-overlayColor-type-tablet: color; --ffaywb-overlayColor-type-mobile: color; --ffaywb-padding-top: 0px; --ffaywb-padding-top-tablet: 0px; --ffaywb-padding-top-mobile: 0px; --ffaywb-padding-right: 64px; --ffaywb-padding-right-tablet: 64px; --ffaywb-padding-right-mobile: 64px; --ffaywb-padding-bottom: 0px; --ffaywb-padding-bottom-tablet: 0px; --ffaywb-padding-bottom-mobile: 0px; --ffaywb-padding-left: 64px; --ffaywb-padding-left-tablet: 64px; --ffaywb-padding-left-mobile: 64px; --ffaywb-margin-top: 0px; --ffaywb-margin-top-tablet: 0px; --ffaywb-margin-top-mobile: 0px; --ffaywb-margin-right: 0px; --ffaywb-margin-right-tablet: 0px; --ffaywb-margin-right-mobile: 0px; --ffaywb-margin-bottom: 0px; --ffaywb-margin-bottom-tablet: 0px; --ffaywb-margin-bottom-mobile: 0px; --ffaywb-margin-left: 0px; --ffaywb-margin-left-tablet: 0px; --ffaywb-margin-left-mobile: 0px; }[data-bnode="omnise-ffaywb"] { margin-top: var(--ffaywb-margin-top, 0px); margin-right: var(--ffaywb-margin-right, 0px); margin-bottom: var(--ffaywb-margin-bottom, 0px); margin-left: var(--ffaywb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ffaywb-margin-top-tablet, 0px); margin-right: var(--ffaywb-margin-right-tablet, 0px); margin-bottom: var(--ffaywb-margin-bottom-tablet, 0px); margin-left: var(--ffaywb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ffaywb-margin-top-mobile, 0px); margin-right: var(--ffaywb-margin-right-mobile, 0px); margin-bottom: var(--ffaywb-margin-bottom-mobile, 0px); margin-left: var(--ffaywb-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--ffaywb-width,100%) - var(--ffaywb-margin-left,0px) - var(--ffaywb-margin-right,0px)); width: calc(var(--ffaywb-width,100%) - var(--ffaywb-margin-left,0px) - var(--ffaywb-margin-right,0px)); min-height: min-content; border-color: var(--ffaywb-borderColor,var(--omnise-card-media-border-color)); border-style: var(--ffaywb-borderStyle,solid); border-width: var(--ffaywb-borderWidth-tl,var(--omnise-card-border-width)) var(--ffaywb-borderWidth-tr,var(--omnise-card-border-width)) var(--ffaywb-borderWidth-br,var(--omnise-card-border-width)) var(--ffaywb-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--ffaywb-borderRadius-tl,var(--omnise-card-border-radius)) var(--ffaywb-borderRadius-tr,var(--omnise-card-border-radius)) var(--ffaywb-borderRadius-br,var(--omnise-card-border-radius)) var(--ffaywb-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--ffaywb-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ffaywb-borderWidth-tl-tablet, var(--ffaywb-borderWidth-tl,var(--omnise-card-border-width))) var(--ffaywb-borderWidth-tr-tablet, var(--ffaywb-borderWidth-tr,var(--omnise-card-border-width))) var(--ffaywb-borderWidth-br-tablet, var(--ffaywb-borderWidth-br,var(--omnise-card-border-width))) var(--ffaywb-borderWidth-bl-tablet, var(--ffaywb-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--ffaywb-borderRadius-tl-tablet, var(--ffaywb-borderRadius-tl,var(--omnise-card-border-radius))) var(--ffaywb-borderRadius-tr-tablet, var(--ffaywb-borderRadius-tr,var(--omnise-card-border-radius))) var(--ffaywb-borderRadius-br-tablet, var(--ffaywb-borderRadius-br,var(--omnise-card-border-radius))) var(--ffaywb-borderRadius-bl-tablet, var(--ffaywb-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--ffaywb-borderWidth-tl-mobile, var(--ffaywb-borderWidth-tl,var(--omnise-card-border-width))) var(--ffaywb-borderWidth-tr-mobile, var(--ffaywb-borderWidth-tr,var(--omnise-card-border-width))) var(--ffaywb-borderWidth-br-mobile, var(--ffaywb-borderWidth-br,var(--omnise-card-border-width))) var(--ffaywb-borderWidth-bl-mobile, var(--ffaywb-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--ffaywb-borderRadius-tl-mobile, var(--ffaywb-borderRadius-tl,var(--omnise-card-border-radius))) var(--ffaywb-borderRadius-tr-mobile, var(--ffaywb-borderRadius-tr,var(--omnise-card-border-radius))) var(--ffaywb-borderRadius-br-mobile, var(--ffaywb-borderRadius-br,var(--omnise-card-border-radius))) var(--ffaywb-borderRadius-bl-mobile, var(--ffaywb-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--ffaywb-shadowHorizontal, var(--omnise-card-shadow-x)) var(--ffaywb-shadowVertical, var(--omnise-card-shadow-y)) var(--ffaywb-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--ffaywb-shadowColor, var(--omnise-card-media-shadow-color)) var(--ffaywb-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--ffaywb-overlayColor-color, #000); opacity: var(--ffaywb-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--ffaywb-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--ffaywb-width-tablet,var(--ffaywb-width,100%)) - var(--ffaywb-margin-left-tablet,var(--ffaywb-margin-left,0px)) - var(--ffaywb-margin-right-tablet,var(--ffaywb-margin-right,0px))); width: calc(var(--ffaywb-width-tablet,var(--ffaywb-width,100%)) - var(--ffaywb-margin-left-tablet,var(--ffaywb-margin-left,0px)) - var(--ffaywb-margin-right-tablet,var(--ffaywb-margin-right,0px))); aspect-ratio: var(--ffaywb-imageRatio-tablet, var(--ffaywb-imageRatio, auto)); img { object-fit: var(--ffaywb-objFit-tablet, var(--ffaywb-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--ffaywb-width-mobile,var(--ffaywb-width,100%)) - var(--ffaywb-margin-left-mobile,var(--ffaywb-margin-left,0px)) - var(--ffaywb-margin-right-mobile,var(--ffaywb-margin-right,0px))); width: calc(var(--ffaywb-width-mobile,var(--ffaywb-width,100%)) - var(--ffaywb-margin-left-mobile,var(--ffaywb-margin-left,0px)) - var(--ffaywb-margin-right-mobile,var(--ffaywb-margin-right,0px))); aspect-ratio: var(--ffaywb-imageRatio-mobile, var(--ffaywb-imageRatio, auto)); img { object-fit: var(--ffaywb-objFit-mobile, var(--ffaywb-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-e8k44h"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-e8k44h"] {   max-width: 512px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e8k44h"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-e8k44h"] {      }  } [data-bnode="omnise-e8k44h"] {        flex-wrap: nowrap;   justify-content: center;   align-items: flex-start;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e8k44h"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e8k44h"] {                gap: 16px;     }  }[data-bnode="omnise-3kb4s3"] { --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; --3kb4s3-maxWidth: unset; --3kb4s3-maxWidth-tablet: unset; --3kb4s3-maxWidth-mobile: unset; --3kb4s3-typography: eyebrow; --3kb4s3-typography-tablet: eyebrow; --3kb4s3-typography-mobile: eyebrow; --omnise-eyebrow-text-align: start; }[data-bnode="omnise-3kb4s3"] { margin-top: var(--3kb4s3-margin-top, 0px); margin-right: var(--3kb4s3-margin-right, 0px); margin-bottom: var(--3kb4s3-margin-bottom, 0px); margin-left: var(--3kb4s3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3kb4s3-margin-top-tablet, 0px); margin-right: var(--3kb4s3-margin-right-tablet, 0px); margin-bottom: var(--3kb4s3-margin-bottom-tablet, 0px); margin-left: var(--3kb4s3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3kb4s3-margin-top-mobile, 0px); margin-right: var(--3kb4s3-margin-right-mobile, 0px); margin-bottom: var(--3kb4s3-margin-bottom-mobile, 0px); margin-left: var(--3kb4s3-margin-left-mobile, 0px); } }[data-bnode="omnise-x0sqrh"] { --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; --x0sqrh-typography: h1; --x0sqrh-typography-tablet: h1; --x0sqrh-typography-mobile: h1; --omnise-h1-text-align: start; }[data-bnode="omnise-x0sqrh"] { margin-top: var(--x0sqrh-margin-top, 0px); margin-right: var(--x0sqrh-margin-right, 0px); margin-bottom: var(--x0sqrh-margin-bottom, 0px); margin-left: var(--x0sqrh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x0sqrh-margin-top-tablet, 0px); margin-right: var(--x0sqrh-margin-right-tablet, 0px); margin-bottom: var(--x0sqrh-margin-bottom-tablet, 0px); margin-left: var(--x0sqrh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x0sqrh-margin-top-mobile, 0px); margin-right: var(--x0sqrh-margin-right-mobile, 0px); margin-bottom: var(--x0sqrh-margin-bottom-mobile, 0px); margin-left: var(--x0sqrh-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--x0sqrh-highlightColor,var(--omnise-p-color)); top: var(--x0sqrh-highlightTop, 100%); } }[data-bnode="omnise-kgphl4"] { --kgphl4-width: fill; --kgphl4-width-tablet: fill; --kgphl4-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-se-label-color: #FFFFFF; --omnise-btn-se-background-color: #432C23; --omnise-btn-se-border-color: #211612; --omnise-btn-text-transform: inherit; --kgphl4-iconWidth: 20px; --kgphl4-iconWidth-tablet: 20px; --kgphl4-iconWidth-mobile: 20px; --kgphl4-iconGap: 5px; --kgphl4-iconGap-tablet: 5px; --kgphl4-iconGap-mobile: 5px; --kgphl4-labelBtnHover: 100; --kgphl4-labelBtnHover-tablet: 100; --kgphl4-labelBtnHover-mobile: 100; --kgphl4-bgBtnHover: -4; --kgphl4-bgBtnHover-tablet: -4; --kgphl4-bgBtnHover-mobile: -4; --kgphl4-borderBtnHover: 0; --kgphl4-borderBtnHover-tablet: 0; --kgphl4-borderBtnHover-mobile: 0; --kgphl4-stylePreset: pr; --kgphl4-stylePreset-tablet: pr; --kgphl4-stylePreset-mobile: pr; --kgphl4-transform: none; --kgphl4-transform-tablet: none; --kgphl4-transform-mobile: none; --kgphl4-button: se; --kgphl4-button-tablet: se; --kgphl4-button-mobile: se; --kgphl4-margin-top: 16px; --kgphl4-margin-top-tablet: 16px; --kgphl4-margin-top-mobile: 16px; --kgphl4-margin-right: 0px; --kgphl4-margin-right-tablet: 0px; --kgphl4-margin-right-mobile: 0px; --kgphl4-margin-bottom: 0px; --kgphl4-margin-bottom-tablet: 0px; --kgphl4-margin-bottom-mobile: 0px; --kgphl4-margin-left: 0px; --kgphl4-margin-left-tablet: 0px; --kgphl4-margin-left-mobile: 0px; }[data-bnode="omnise-kgphl4"] { margin-top: var(--kgphl4-margin-top, 0px); margin-right: var(--kgphl4-margin-right, 0px); margin-bottom: var(--kgphl4-margin-bottom, 0px); margin-left: var(--kgphl4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kgphl4-margin-top-tablet, 0px); margin-right: var(--kgphl4-margin-right-tablet, 0px); margin-bottom: var(--kgphl4-margin-bottom-tablet, 0px); margin-left: var(--kgphl4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kgphl4-margin-top-mobile, 0px); margin-right: var(--kgphl4-margin-right-mobile, 0px); margin-bottom: var(--kgphl4-margin-bottom-mobile, 0px); margin-left: var(--kgphl4-margin-left-mobile, 0px); } &{ gap:var(--kgphl4-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--kgphl4-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--kgphl4-bgBtnHover)) * 1%)); style(--kgphl4-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--kgphl4-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--kgphl4-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--kgphl4-labelBtnHover)) * 1%)); style(--kgphl4-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--kgphl4-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--kgphl4-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--kgphl4-borderBtnHover)) * 1%)); style(--kgphl4-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--kgphl4-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--kgphl4-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--kgphl4-bgBtnHover)) * 1%)); style(--kgphl4-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--kgphl4-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--kgphl4-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--kgphl4-labelBtnHover)) * 1%)); style(--kgphl4-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--kgphl4-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--kgphl4-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--kgphl4-borderBtnHover)) * 1%)); style(--kgphl4-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--kgphl4-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--kgphl4-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--kgphl4-labelBtnHover)) * 1%)); style(--kgphl4-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--kgphl4-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--kgphl4-iconWidth); } svg { width: var(--kgphl4-iconWidth,20px); min-width: var(--kgphl4-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--kgphl4-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--kgphl4-iconWidth-tablet, var(--kgphl4-iconWidth)); } svg { width: var(--kgphl4-iconWidth-tablet, var(--kgphl4-iconWidth, 20px)); min-width: var(--kgphl4-iconWidth-tablet, var(--kgphl4-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--kgphl4-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--kgphl4-iconWidth-mobile, var(--kgphl4-iconWidth)); } svg { width: var(--kgphl4-iconWidth-mobile, var(--kgphl4-iconWidth, 20px)); min-width: var(--kgphl4-iconWidth-mobile, var(--kgphl4-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-406v8l"].omnise-section { background: #FFFFFF; padding-top: 64px; padding-right: 48px; padding-bottom: 64px; padding-left: 48px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-406v8l"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-406v8l"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } } [data-bnode="omnise-406v8l"] > .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-406v8l"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 32px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-406v8l"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 24px;     }  }@media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-6mainx"] { padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-6mainx"] { padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; } } [data-bnode="omnise-6mainx"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-6mainx"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-6mainx"] {              align-items: center;        }  }[data-bnode="omnise-7udxnh"] { --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; --7udxnh-typography: eyebrow; --7udxnh-typography-tablet: eyebrow; --7udxnh-typography-mobile: eyebrow; --omnise-p3-font-size-tablet: 12px; --omnise-p3-font-size-mobile: 12px; --omnise-p3-line-height-tablet: 1.5; --omnise-p3-line-height-mobile: 1.5; --omnise-p3-letter-spacing-tablet: 0px; --omnise-p3-letter-spacing-mobile: 0px; --omnise-eyebrow-text-align: start; }[data-bnode="omnise-7udxnh"] { margin-top: var(--7udxnh-margin-top, 0px); margin-right: var(--7udxnh-margin-right, 0px); margin-bottom: var(--7udxnh-margin-bottom, 0px); margin-left: var(--7udxnh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7udxnh-margin-top-tablet, 0px); margin-right: var(--7udxnh-margin-right-tablet, 0px); margin-bottom: var(--7udxnh-margin-bottom-tablet, 0px); margin-left: var(--7udxnh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7udxnh-margin-top-mobile, 0px); margin-right: var(--7udxnh-margin-right-mobile, 0px); margin-bottom: var(--7udxnh-margin-bottom-mobile, 0px); margin-left: var(--7udxnh-margin-left-mobile, 0px); } }[data-bnode="omnise-qnv9s5"] {     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-qnv9s5"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-qnv9s5"] {      flex-direction: column;     justify-content: center;   align-items: center;        }  }[data-bnode="omnise-5i2l6d"] { --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; --5i2l6d-typography: h2; --5i2l6d-typography-tablet: h2; --5i2l6d-typography-mobile: h2; --5i2l6d-fontStyle: italic; --5i2l6d-fontStyle-tablet: italic; --5i2l6d-fontStyle-mobile: italic; --omnise-h2-text-align: start; }[data-bnode="omnise-5i2l6d"] { margin-top: var(--5i2l6d-margin-top, 0px); margin-right: var(--5i2l6d-margin-right, 0px); margin-bottom: var(--5i2l6d-margin-bottom, 0px); margin-left: var(--5i2l6d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5i2l6d-margin-top-tablet, 0px); margin-right: var(--5i2l6d-margin-right-tablet, 0px); margin-bottom: var(--5i2l6d-margin-bottom-tablet, 0px); margin-left: var(--5i2l6d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5i2l6d-margin-top-mobile, 0px); margin-right: var(--5i2l6d-margin-right-mobile, 0px); margin-bottom: var(--5i2l6d-margin-bottom-mobile, 0px); margin-left: var(--5i2l6d-margin-left-mobile, 0px); } & { font-style: var(--5i2l6d-fontStyle, normal); } & .omnise-highlight-svg { position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--5i2l6d-highlightColor, var(--omnise-p-color)); top: var(--5i2l6d-highlightTop, 100%); } }[data-bnode="omnise-hjawya"] { --hjawya-width: fill; --hjawya-width-tablet: fill; --hjawya-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; --hjawya-iconWidth: 20px; --hjawya-iconWidth-tablet: 20px; --hjawya-iconWidth-mobile: 20px; --hjawya-iconGap: 5px; --hjawya-iconGap-tablet: 5px; --hjawya-iconGap-mobile: 5px; --hjawya-labelBtnHover: -25; --hjawya-labelBtnHover-tablet: -25; --hjawya-labelBtnHover-mobile: -25; --hjawya-button: te; --hjawya-button-tablet: te; --hjawya-button-mobile: te; }[data-bnode="omnise-hjawya"] { margin-top: var(--hjawya-margin-top, 0px); margin-right: var(--hjawya-margin-right, 0px); margin-bottom: var(--hjawya-margin-bottom, 0px); margin-left: var(--hjawya-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hjawya-margin-top-tablet, 0px); margin-right: var(--hjawya-margin-right-tablet, 0px); margin-bottom: var(--hjawya-margin-bottom-tablet, 0px); margin-left: var(--hjawya-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hjawya-margin-top-mobile, 0px); margin-right: var(--hjawya-margin-right-mobile, 0px); margin-bottom: var(--hjawya-margin-bottom-mobile, 0px); margin-left: var(--hjawya-margin-left-mobile, 0px); } & { text-transform: var(--omnise-btn-text-transform); gap: var(--hjawya-iconGap, 5px); &.omnise-btn-pr:hover { background-color: var(--hjawya-bgPrHover, var(--omnise-btn-pr-background-hover)); color: var(--hjawya-labelPrHover, var(--omnise-btn-pr-label-hover)); outline-color: var(--hjawya-borderPrHover, var(--omnise-btn-pr-border-hover)); } &.omnise-btn-se:hover { background-color: var(--hjawya-bgSeHover, var(--omnise-btn-se-background-hover)); color: var(--hjawya-labelSeHover, var(--omnise-btn-se-label-hover)); outline-color: var(--hjawya-borderSeHover, var(--omnise-btn-pr-border-hover)); } &.omnise-btn-te { text-decoration: var(--omnise-btn-te-underline); } &.omnise-btn-te:hover { color: var(--hjawya-labelTeHover, var(--omnise-btn-te-label-hover)); } span { display: flex; font-size: var(--hjawya-iconWidth); } svg { width: var(--hjawya-iconWidth, 20px); min-width: var(--hjawya-iconWidth, 20px); height: 100%; } @media (max-width: 767px){ display: none !important; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--hjawya-iconGap-tablet); &:not(.omnise-btn-te) { height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span { font-size: var(--hjawya-iconWidth-tablet, var(--hjawya-iconWidth)); } svg { width: var(--hjawya-iconWidth-tablet, var(--hjawya-iconWidth)); min-width: var(--hjawya-iconWidth-tablet, var(--hjawya-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--hjawya-iconGap-mobile); &:not(.omnise-btn-te) { height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span { font-size: var(--hjawya-iconWidth-mobile, var(--hjawya-iconWidth)); } svg { width: var(--hjawya-iconWidth-mobile, var(--hjawya-iconWidth)); min-width: var(--hjawya-iconWidth-mobile, var(--hjawya-iconWidth)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } }[data-bnode="omnise-31e8jo"] { background: #FFFFFF; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-31e8jo"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-31e8jo"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-31e8jo"] {     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-31e8jo"] {                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-31e8jo"] {      flex-direction: column;          gap: 24px;     }  }@media (max-width: 767px) { [data-bnode="omnise-c3jaez"] { padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; } } [data-bnode="omnise-c3jaez"] {     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-c3jaez"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-c3jaez"] {                     }  }[data-bnode="omnise-yh26o4"] { --yh26o4-width: 100%; --yh26o4-width-tablet: 100%; --yh26o4-width-mobile: 100%; --yh26o4-imageRatio: auto; --yh26o4-imageRatio-tablet: 7/10; --yh26o4-imageRatio-mobile: 1/1; --yh26o4-objFit: cover; --yh26o4-objFit-tablet: cover; --yh26o4-objFit-mobile: cover; --yh26o4-borderColor: #000000; --yh26o4-borderColor-tablet: #000000; --yh26o4-borderColor-mobile: #000000; --yh26o4-shadowColor: #000000; --yh26o4-shadowColor-tablet: #000000; --yh26o4-shadowColor-mobile: #000000; --yh26o4-enableShadow: false; --yh26o4-enableShadow-tablet: false; --yh26o4-enableShadow-mobile: false; --yh26o4-overlayColor-type: color; --yh26o4-overlayColor-type-tablet: color; --yh26o4-overlayColor-type-mobile: color; --yh26o4-overlayColor-color: #ffffff; --yh26o4-overlayColor-color-tablet: #ffffff; --yh26o4-overlayColor-color-mobile: #ffffff; --yh26o4-overlayOpacity: 0; --yh26o4-overlayOpacity-tablet: 0; --yh26o4-overlayOpacity-mobile: 0; --yh26o4-borderRadius-tl: 0px; --yh26o4-borderRadius-tl-tablet: 0px; --yh26o4-borderRadius-tl-mobile: 0px; --yh26o4-borderRadius-tr: 0px; --yh26o4-borderRadius-tr-tablet: 0px; --yh26o4-borderRadius-tr-mobile: 0px; --yh26o4-borderRadius-bl: 0px; --yh26o4-borderRadius-bl-tablet: 0px; --yh26o4-borderRadius-bl-mobile: 0px; --yh26o4-borderRadius-br: 0px; --yh26o4-borderRadius-br-tablet: 0px; --yh26o4-borderRadius-br-mobile: 0px; }[data-bnode="omnise-yh26o4"] { margin-top: var(--yh26o4-margin-top, 0px); margin-right: var(--yh26o4-margin-right, 0px); margin-bottom: var(--yh26o4-margin-bottom, 0px); margin-left: var(--yh26o4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yh26o4-margin-top-tablet, 0px); margin-right: var(--yh26o4-margin-right-tablet, 0px); margin-bottom: var(--yh26o4-margin-bottom-tablet, 0px); margin-left: var(--yh26o4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yh26o4-margin-top-mobile, 0px); margin-right: var(--yh26o4-margin-right-mobile, 0px); margin-bottom: var(--yh26o4-margin-bottom-mobile, 0px); margin-left: var(--yh26o4-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--yh26o4-width,100%) - var(--yh26o4-margin-left,0px) - var(--yh26o4-margin-right,0px)); width: calc(var(--yh26o4-width,100%) - var(--yh26o4-margin-left,0px) - var(--yh26o4-margin-right,0px)); min-height: min-content; border-color: var(--yh26o4-borderColor,var(--omnise-card-media-border-color)); border-style: var(--yh26o4-borderStyle,solid); border-width: var(--yh26o4-borderWidth-tl,var(--omnise-card-border-width)) var(--yh26o4-borderWidth-tr,var(--omnise-card-border-width)) var(--yh26o4-borderWidth-br,var(--omnise-card-border-width)) var(--yh26o4-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--yh26o4-borderRadius-tl,var(--omnise-card-border-radius)) var(--yh26o4-borderRadius-tr,var(--omnise-card-border-radius)) var(--yh26o4-borderRadius-br,var(--omnise-card-border-radius)) var(--yh26o4-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--yh26o4-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--yh26o4-borderWidth-tl-tablet, var(--yh26o4-borderWidth-tl,var(--omnise-card-border-width))) var(--yh26o4-borderWidth-tr-tablet, var(--yh26o4-borderWidth-tr,var(--omnise-card-border-width))) var(--yh26o4-borderWidth-br-tablet, var(--yh26o4-borderWidth-br,var(--omnise-card-border-width))) var(--yh26o4-borderWidth-bl-tablet, var(--yh26o4-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--yh26o4-borderRadius-tl-tablet, var(--yh26o4-borderRadius-tl,var(--omnise-card-border-radius))) var(--yh26o4-borderRadius-tr-tablet, var(--yh26o4-borderRadius-tr,var(--omnise-card-border-radius))) var(--yh26o4-borderRadius-br-tablet, var(--yh26o4-borderRadius-br,var(--omnise-card-border-radius))) var(--yh26o4-borderRadius-bl-tablet, var(--yh26o4-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--yh26o4-borderWidth-tl-mobile, var(--yh26o4-borderWidth-tl,var(--omnise-card-border-width))) var(--yh26o4-borderWidth-tr-mobile, var(--yh26o4-borderWidth-tr,var(--omnise-card-border-width))) var(--yh26o4-borderWidth-br-mobile, var(--yh26o4-borderWidth-br,var(--omnise-card-border-width))) var(--yh26o4-borderWidth-bl-mobile, var(--yh26o4-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--yh26o4-borderRadius-tl-mobile, var(--yh26o4-borderRadius-tl,var(--omnise-card-border-radius))) var(--yh26o4-borderRadius-tr-mobile, var(--yh26o4-borderRadius-tr,var(--omnise-card-border-radius))) var(--yh26o4-borderRadius-br-mobile, var(--yh26o4-borderRadius-br,var(--omnise-card-border-radius))) var(--yh26o4-borderRadius-bl-mobile, var(--yh26o4-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--yh26o4-shadowHorizontal, var(--omnise-card-shadow-x)) var(--yh26o4-shadowVertical, var(--omnise-card-shadow-y)) var(--yh26o4-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--yh26o4-shadowColor, var(--omnise-card-media-shadow-color)) var(--yh26o4-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--yh26o4-overlayColor-color, #000); opacity: var(--yh26o4-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--yh26o4-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--yh26o4-width-tablet,var(--yh26o4-width,100%)) - var(--yh26o4-margin-left-tablet,var(--yh26o4-margin-left,0px)) - var(--yh26o4-margin-right-tablet,var(--yh26o4-margin-right,0px))); width: calc(var(--yh26o4-width-tablet,var(--yh26o4-width,100%)) - var(--yh26o4-margin-left-tablet,var(--yh26o4-margin-left,0px)) - var(--yh26o4-margin-right-tablet,var(--yh26o4-margin-right,0px))); aspect-ratio: var(--yh26o4-imageRatio-tablet, var(--yh26o4-imageRatio, auto)); img { object-fit: var(--yh26o4-objFit-tablet, var(--yh26o4-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--yh26o4-width-mobile,var(--yh26o4-width,100%)) - var(--yh26o4-margin-left-mobile,var(--yh26o4-margin-left,0px)) - var(--yh26o4-margin-right-mobile,var(--yh26o4-margin-right,0px))); width: calc(var(--yh26o4-width-mobile,var(--yh26o4-width,100%)) - var(--yh26o4-margin-left-mobile,var(--yh26o4-margin-left,0px)) - var(--yh26o4-margin-right-mobile,var(--yh26o4-margin-right,0px))); aspect-ratio: var(--yh26o4-imageRatio-mobile, var(--yh26o4-imageRatio, auto)); img { object-fit: var(--yh26o4-objFit-mobile, var(--yh26o4-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-l544zt"] { background: #FFFFFF; } @media (max-width: 767px) { [data-bnode="omnise-l544zt"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 16px; } } [data-bnode="omnise-l544zt"] {        flex-wrap: nowrap;        gap: 24px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-l544zt"] {                gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-l544zt"] {                gap: 24px;     }  }[data-bnode="omnise-igpbo6"] { --igpbo6-listType: slider; --igpbo6-listType-tablet: slider; --igpbo6-listType-mobile: slider; --igpbo6-columns: 3; --igpbo6-columns-tablet: 1.2; --igpbo6-columns-mobile: 1.2; --igpbo6-navType: true; --igpbo6-navType-tablet: true; --igpbo6-navType-mobile: true; --igpbo6-navColor: #333333; --igpbo6-navColor-tablet: #333333; --igpbo6-navColor-mobile: #333333; --igpbo6-pagiType: true; --igpbo6-pagiType-tablet: true; --igpbo6-pagiType-mobile: true; --igpbo6-gap: 12px; --igpbo6-gap-tablet: 8px; --igpbo6-gap-mobile: 8px; --igpbo6-statePagination: hover; --igpbo6-statePagination-tablet: hover; --igpbo6-statePagination-mobile: hover; --igpbo6-pagiBg: #e6e6e6; --igpbo6-pagiBg-tablet: #e6e6e6; --igpbo6-pagiBg-mobile: #e6e6e6; --igpbo6-navIconSize: 20px; --igpbo6-navIconSize-tablet: 20px; --igpbo6-navIconSize-mobile: 20px; --igpbo6-margin-top-tablet: 0px; --igpbo6-margin-top-mobile: 0px; --igpbo6-margin-right-tablet: 0px; --igpbo6-margin-right-mobile: 0px; --igpbo6-margin-bottom-tablet: 0px; --igpbo6-margin-bottom-mobile: 0px; --igpbo6-margin-left-tablet: 0px; --igpbo6-margin-left-mobile: 0px; --igpbo6-columnsMobile-mobile: 1.17; }[data-bnode="omnise-igpbo6"] { margin-top: var(--igpbo6-margin-top, 0px); margin-right: var(--igpbo6-margin-right, 0px); margin-bottom: var(--igpbo6-margin-bottom, 0px); margin-left: var(--igpbo6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--igpbo6-margin-top-tablet, 0px); margin-right: var(--igpbo6-margin-right-tablet, 0px); margin-bottom: var(--igpbo6-margin-bottom-tablet, 0px); margin-left: var(--igpbo6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--igpbo6-margin-top-mobile, 0px); margin-right: var(--igpbo6-margin-right-mobile, 0px); margin-bottom: var(--igpbo6-margin-bottom-mobile, 0px); margin-left: var(--igpbo6-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(--igpbo6-pagiBg, #E6E6E6); display: flex !important; span { background: var(--igpbo6-pagiBgActive, #181818); &:hover { background: var(--igpbo6-pagiBgHover, #CCCCCC); } } } } @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--igpbo6-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--igpbo6-gap, 20px) * (var(--igpbo6-columns, 3) - 1) ) / var(--igpbo6-columns, 3) ); &:last-child { margin-right: var(--igpbo6-gap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--igpbo6-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--igpbo6-columns) - 1) * var(--igpbo6-gap, 20px)) / var(--igpbo6-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--igpbo6-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--igpbo6-gap-tablet, 20px) * (var(--igpbo6-columns-tablet, 3) - 1) ) / var(--igpbo6-columns-tablet, 3) ); &:last-child { margin-right: var(--igpbo6-gap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--igpbo6-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--igpbo6-columns-tablet) - 1) * var(--igpbo6-gap-tablet, 20px) ) / var(--igpbo6-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--igpbo6-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--igpbo6-gap-mobile, 20px) * (var(--igpbo6-columnsMobile-mobile, 1) - 1) ) / var(--igpbo6-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--igpbo6-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--igpbo6-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--igpbo6-columnsMobile-mobile) - 1) * var(--igpbo6-gap-mobile, 20px) ) / var(--igpbo6-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--igpbo6-navPadding, 12px); background: var(--igpbo6-navBg, #f5f5f5); color: var(--igpbo6-navColor, #333333); cursor: pointer; &:hover { background: var(--igpbo6-navBgHover, #cccccc); color: var(--igpbo6-navColorHover, #333333); } svg { width: var(--igpbo6-navIconSize, 20px); height: var(--igpbo6-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--igpbo6-pagiBg, #e6e6e6); &.active { background: var(--igpbo6-pagiBgActive, #181818); } &:not(.active):hover { background: var(--igpbo6-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--igpbo6-pagiColor, #e6e6e6); &.active { color: var(--igpbo6-pagiColorActive, #181818); } &:not(.active):hover { color: var(--igpbo6-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--igpbo6-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--igpbo6-pagiBg, #e6e6e6); &.active { background: var(--igpbo6-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--igpbo6-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-o0pvzb"] { background: #FFFFFF; } [data-bnode="omnise-o0pvzb"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-o0pvzb"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-o0pvzb"] {                gap: 4px;     }  }[data-bnode="omnise-5g670x"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5g670x"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5g670x"] {                     }  }[data-bnode="omnise-kwv7mn"] {   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-kwv7mn"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-kwv7mn"] {      }  } [data-bnode="omnise-kwv7mn"] {     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-kwv7mn"] {                      &>.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-kwv7mn"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-23ur95"] { --23ur95-typography: p; --23ur95-typography-tablet: p; --23ur95-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --23ur95-paddingX: 0; --23ur95-paddingX-tablet: 0; --23ur95-paddingX-mobile: 0; --23ur95-paddingY: 2px; --23ur95-paddingY-tablet: 2px; --23ur95-paddingY-mobile: 2px; --23ur95-gap: 16px; --23ur95-gap-tablet: 16px; --23ur95-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-line-height: 2; }[data-bnode="omnise-23ur95"] { margin-top: var(--23ur95-margin-top, 0px); margin-right: var(--23ur95-margin-right, 0px); margin-bottom: var(--23ur95-margin-bottom, 0px); margin-left: var(--23ur95-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--23ur95-margin-top-tablet, 0px); margin-right: var(--23ur95-margin-right-tablet, 0px); margin-bottom: var(--23ur95-margin-bottom-tablet, 0px); margin-left: var(--23ur95-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--23ur95-margin-top-mobile, 0px); margin-right: var(--23ur95-margin-right-mobile, 0px); margin-bottom: var(--23ur95-margin-bottom-mobile, 0px); margin-left: var(--23ur95-margin-left-mobile, 0px); } }[data-bnode="omnise-w2queb"] { --w2queb-borderStyle: none; --w2queb-borderStyle-tablet: none; --w2queb-borderStyle-mobile: none; --w2queb-borderColor: #000000; --w2queb-borderColor-tablet: #000000; --w2queb-borderColor-mobile: #000000; --w2queb-borderWidth: 1px; --w2queb-borderWidth-tablet: 1px; --w2queb-borderWidth-mobile: 1px; --w2queb-shadowHorizontal: 0; --w2queb-shadowHorizontal-tablet: 0; --w2queb-shadowHorizontal-mobile: 0; --w2queb-shadowVertical: 0; --w2queb-shadowVertical-tablet: 0; --w2queb-shadowVertical-mobile: 0; --w2queb-shadowBlur: 0; --w2queb-shadowBlur-tablet: 0; --w2queb-shadowBlur-mobile: 0; --w2queb-shadowColor: #000000; --w2queb-shadowColor-tablet: #000000; --w2queb-shadowColor-mobile: #000000; --w2queb-padding-top: 0px; --w2queb-padding-top-tablet: 0px; --w2queb-padding-top-mobile: 0px; --w2queb-padding-right: 0px; --w2queb-padding-right-tablet: 0px; --w2queb-padding-right-mobile: 0px; --w2queb-padding-bottom: 0px; --w2queb-padding-bottom-tablet: 0px; --w2queb-padding-bottom-mobile: 0px; --w2queb-padding-left: 0px; --w2queb-padding-left-tablet: 0px; --w2queb-padding-left-mobile: 0px; --w2queb-enableShadow: false; --w2queb-enableShadow-tablet: false; --w2queb-enableShadow-mobile: false; --w2queb-imageRatio: 5/7; --w2queb-imageRatio-tablet: 5/7; --w2queb-imageRatio-mobile: 5/7; --w2queb-borderRadius-tl: 0px; --w2queb-borderRadius-tl-tablet: 0px; --w2queb-borderRadius-tl-mobile: 0px; --w2queb-borderRadius-tr: 0px; --w2queb-borderRadius-tr-tablet: 0px; --w2queb-borderRadius-tr-mobile: 0px; --w2queb-borderRadius-bl: 0px; --w2queb-borderRadius-bl-tablet: 0px; --w2queb-borderRadius-bl-mobile: 0px; --w2queb-borderRadius-br: 0px; --w2queb-borderRadius-br-tablet: 0px; --w2queb-borderRadius-br-mobile: 0px; }[data-bnode="omnise-w2queb"] { margin-top: var(--w2queb-margin-top, 0px); margin-right: var(--w2queb-margin-right, 0px); margin-bottom: var(--w2queb-margin-bottom, 0px); margin-left: var(--w2queb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w2queb-margin-top-tablet, 0px); margin-right: var(--w2queb-margin-right-tablet, 0px); margin-bottom: var(--w2queb-margin-bottom-tablet, 0px); margin-left: var(--w2queb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w2queb-margin-top-mobile, 0px); margin-right: var(--w2queb-margin-right-mobile, 0px); margin-bottom: var(--w2queb-margin-bottom-mobile, 0px); margin-left: var(--w2queb-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--w2queb-imageRatio, auto); overflow: hidden; border-style: var(--w2queb-borderStyle, solid); border-color: var(--w2queb-borderColor, var(--omnise-card-media-border-color)); border-width: var(--w2queb-borderWidth-tl, var(--omnise-card-border-width)) var(--w2queb-borderWidth-tr, var(--omnise-card-border-width)) var(--w2queb-borderWidth-br, var(--omnise-card-border-width)) var(--w2queb-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-br, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--w2queb-shadowHorizontal, var(--omnise-card-shadow-x)) var(--w2queb-shadowVertical, var(--omnise-card-shadow-y)) var(--w2queb-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--w2queb-shadowColor, var(--omnise-card-media-shadow-color)) var(--w2queb-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--w2queb-imageRatio-tablet, var(--w2queb-imageRatio, auto)); border-width: var(--w2queb-borderWidth-tl-tablet, var(--w2queb-borderWidth-tl, var(--omnise-card-border-width))) var(--w2queb-borderWidth-tr-tablet, var(--w2queb-borderWidth-tr, var(--omnise-card-border-width))) var(--w2queb-borderWidth-br-tablet, var(--w2queb-borderWidth-br, var(--omnise-card-border-width))) var(--w2queb-borderWidth-bl-tablet, var(--w2queb-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--w2queb-borderRadius-tl-tablet, var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-tr-tablet, var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-br-tablet, var(--w2queb-borderRadius-br, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-bl-tablet, var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--w2queb-max-width-tablet, var(--w2queb-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--w2queb-imageRatio-mobile, var(--w2queb-imageRatio, auto)); border-width: var(--w2queb-borderWidth-tl-mobile, var(--w2queb-borderWidth-tl, var(--omnise-card-border-width))) var(--w2queb-borderWidth-tr-mobile, var(--w2queb-borderWidth-tr, var(--omnise-card-border-width))) var(--w2queb-borderWidth-br-mobile, var(--w2queb-borderWidth-br, var(--omnise-card-border-width))) var(--w2queb-borderWidth-bl-mobile, var(--w2queb-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--w2queb-borderRadius-tl-mobile, var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-tr-mobile, var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-br-mobile, var(--w2queb-borderRadius-br, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-bl-mobile, var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--w2queb-max-width-mobile, var(--w2queb-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-p97my7"] {   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-p97my7"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-p97my7"] {      }  } [data-bnode="omnise-p97my7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-p97my7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-p97my7"] {                     }  }[data-bnode="omnise-f2tk4y"] { --f2tk4y-width: fill; --f2tk4y-width-tablet: fill; --f2tk4y-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; --f2tk4y-transform: none; --f2tk4y-transform-tablet: none; --f2tk4y-transform-mobile: none; --f2tk4y-iconWidth: 20px; --f2tk4y-iconWidth-tablet: 20px; --f2tk4y-iconWidth-mobile: 20px; --f2tk4y-iconGap: 5px; --f2tk4y-iconGap-tablet: 5px; --f2tk4y-iconGap-mobile: 5px; --f2tk4y-button: pr; --f2tk4y-button-tablet: pr; --f2tk4y-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-f2tk4y"] { margin-top: var(--f2tk4y-margin-top, 0px); margin-right: var(--f2tk4y-margin-right, 0px); margin-bottom: var(--f2tk4y-margin-bottom, 0px); margin-left: var(--f2tk4y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f2tk4y-margin-top-tablet, 0px); margin-right: var(--f2tk4y-margin-right-tablet, 0px); margin-bottom: var(--f2tk4y-margin-bottom-tablet, 0px); margin-left: var(--f2tk4y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f2tk4y-margin-top-mobile, 0px); margin-right: var(--f2tk4y-margin-right-mobile, 0px); margin-bottom: var(--f2tk4y-margin-bottom-mobile, 0px); margin-left: var(--f2tk4y-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--f2tk4y-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--f2tk4y-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); style(--f2tk4y-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--f2tk4y-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); style(--f2tk4y-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--f2tk4y-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); style(--f2tk4y-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--f2tk4y-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); style(--f2tk4y-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--f2tk4y-iconWidth,20px); min-width: var(--f2tk4y-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(--f2tk4y-iconGap-tablet); svg { width: var(--f2tk4y-iconWidth-tablet,var(--f2tk4y-iconWidth,20px)); min-width: var(--f2tk4y-iconWidth-tablet,var(--f2tk4y-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--f2tk4y-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--f2tk4y-iconWidth-mobile,var(--f2tk4y-iconWidth,20px)); min-width: var(--f2tk4y-iconWidth-mobile,var(--f2tk4y-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-h3mp1w"] { --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; --h3mp1w-typography: p2; --h3mp1w-typography-tablet: p2; --h3mp1w-typography-mobile: p2; --h3mp1w-margin-top: 12px; --h3mp1w-margin-top-tablet: 12px; --h3mp1w-margin-top-mobile: 12px; --h3mp1w-margin-right: 0px; --h3mp1w-margin-right-tablet: 0px; --h3mp1w-margin-right-mobile: 0px; --h3mp1w-margin-bottom: 0px; --h3mp1w-margin-bottom-tablet: 0px; --h3mp1w-margin-bottom-mobile: 0px; --h3mp1w-margin-left: 0px; --h3mp1w-margin-left-tablet: 0px; --h3mp1w-margin-left-mobile: 0px; }[data-bnode="omnise-h3mp1w"] { margin-top: var(--h3mp1w-margin-top, 0px); margin-right: var(--h3mp1w-margin-right, 0px); margin-bottom: var(--h3mp1w-margin-bottom, 0px); margin-left: var(--h3mp1w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h3mp1w-margin-top-tablet, 0px); margin-right: var(--h3mp1w-margin-right-tablet, 0px); margin-bottom: var(--h3mp1w-margin-bottom-tablet, 0px); margin-left: var(--h3mp1w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h3mp1w-margin-top-mobile, 0px); margin-right: var(--h3mp1w-margin-right-mobile, 0px); margin-bottom: var(--h3mp1w-margin-bottom-mobile, 0px); margin-left: var(--h3mp1w-margin-left-mobile, 0px); } }[data-bnode="omnise-u9g08a"] { --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; --u9g08a-priceType: salePrice; --u9g08a-priceType-tablet: salePrice; --u9g08a-priceType-mobile: salePrice; --u9g08a-decoration: line-through; --u9g08a-decoration-tablet: line-through; --u9g08a-decoration-mobile: line-through; --u9g08a-typography: p2; --u9g08a-typography-tablet: p2; --u9g08a-typography-mobile: p2; --u9g08a-comparePriceColor: #181818; --u9g08a-comparePriceColor-tablet: #181818; --u9g08a-comparePriceColor-mobile: #181818; --u9g08a-salePriceColor: #C13C18; --u9g08a-salePriceColor-tablet: #C13C18; --u9g08a-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-u9g08a"] { margin-top: var(--u9g08a-margin-top, 0px); margin-right: var(--u9g08a-margin-right, 0px); margin-bottom: var(--u9g08a-margin-bottom, 0px); margin-left: var(--u9g08a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u9g08a-margin-top-tablet, 0px); margin-right: var(--u9g08a-margin-right-tablet, 0px); margin-bottom: var(--u9g08a-margin-bottom-tablet, 0px); margin-left: var(--u9g08a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u9g08a-margin-top-mobile, 0px); margin-right: var(--u9g08a-margin-right-mobile, 0px); margin-bottom: var(--u9g08a-margin-bottom-mobile, 0px); margin-left: var(--u9g08a-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--u9g08a-comparePriceColor); text-decoration: var(--u9g08a-decoration, none); font-size: calc(var(--u9g08a-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--u9g08a-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-o0pvzb"] { background: #FFFFFF; } [data-bnode="omnise-o0pvzb"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-o0pvzb"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-o0pvzb"] {                gap: 4px;     }  }[data-bnode="omnise-5g670x"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5g670x"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5g670x"] {                     }  }[data-bnode="omnise-kwv7mn"] {   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-kwv7mn"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-kwv7mn"] {      }  } [data-bnode="omnise-kwv7mn"] {     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-kwv7mn"] {                      &>.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-kwv7mn"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-23ur95"] { --23ur95-typography: p; --23ur95-typography-tablet: p; --23ur95-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --23ur95-paddingX: 0; --23ur95-paddingX-tablet: 0; --23ur95-paddingX-mobile: 0; --23ur95-paddingY: 2px; --23ur95-paddingY-tablet: 2px; --23ur95-paddingY-mobile: 2px; --23ur95-gap: 16px; --23ur95-gap-tablet: 16px; --23ur95-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-line-height: 2; }[data-bnode="omnise-23ur95"] { margin-top: var(--23ur95-margin-top, 0px); margin-right: var(--23ur95-margin-right, 0px); margin-bottom: var(--23ur95-margin-bottom, 0px); margin-left: var(--23ur95-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--23ur95-margin-top-tablet, 0px); margin-right: var(--23ur95-margin-right-tablet, 0px); margin-bottom: var(--23ur95-margin-bottom-tablet, 0px); margin-left: var(--23ur95-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--23ur95-margin-top-mobile, 0px); margin-right: var(--23ur95-margin-right-mobile, 0px); margin-bottom: var(--23ur95-margin-bottom-mobile, 0px); margin-left: var(--23ur95-margin-left-mobile, 0px); } }[data-bnode="omnise-w2queb"] { --w2queb-borderStyle: none; --w2queb-borderStyle-tablet: none; --w2queb-borderStyle-mobile: none; --w2queb-borderColor: #000000; --w2queb-borderColor-tablet: #000000; --w2queb-borderColor-mobile: #000000; --w2queb-borderWidth: 1px; --w2queb-borderWidth-tablet: 1px; --w2queb-borderWidth-mobile: 1px; --w2queb-shadowHorizontal: 0; --w2queb-shadowHorizontal-tablet: 0; --w2queb-shadowHorizontal-mobile: 0; --w2queb-shadowVertical: 0; --w2queb-shadowVertical-tablet: 0; --w2queb-shadowVertical-mobile: 0; --w2queb-shadowBlur: 0; --w2queb-shadowBlur-tablet: 0; --w2queb-shadowBlur-mobile: 0; --w2queb-shadowColor: #000000; --w2queb-shadowColor-tablet: #000000; --w2queb-shadowColor-mobile: #000000; --w2queb-padding-top: 0px; --w2queb-padding-top-tablet: 0px; --w2queb-padding-top-mobile: 0px; --w2queb-padding-right: 0px; --w2queb-padding-right-tablet: 0px; --w2queb-padding-right-mobile: 0px; --w2queb-padding-bottom: 0px; --w2queb-padding-bottom-tablet: 0px; --w2queb-padding-bottom-mobile: 0px; --w2queb-padding-left: 0px; --w2queb-padding-left-tablet: 0px; --w2queb-padding-left-mobile: 0px; --w2queb-enableShadow: false; --w2queb-enableShadow-tablet: false; --w2queb-enableShadow-mobile: false; --w2queb-imageRatio: 5/7; --w2queb-imageRatio-tablet: 5/7; --w2queb-imageRatio-mobile: 5/7; --w2queb-borderRadius-tl: 0px; --w2queb-borderRadius-tl-tablet: 0px; --w2queb-borderRadius-tl-mobile: 0px; --w2queb-borderRadius-tr: 0px; --w2queb-borderRadius-tr-tablet: 0px; --w2queb-borderRadius-tr-mobile: 0px; --w2queb-borderRadius-bl: 0px; --w2queb-borderRadius-bl-tablet: 0px; --w2queb-borderRadius-bl-mobile: 0px; --w2queb-borderRadius-br: 0px; --w2queb-borderRadius-br-tablet: 0px; --w2queb-borderRadius-br-mobile: 0px; }[data-bnode="omnise-w2queb"] { margin-top: var(--w2queb-margin-top, 0px); margin-right: var(--w2queb-margin-right, 0px); margin-bottom: var(--w2queb-margin-bottom, 0px); margin-left: var(--w2queb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w2queb-margin-top-tablet, 0px); margin-right: var(--w2queb-margin-right-tablet, 0px); margin-bottom: var(--w2queb-margin-bottom-tablet, 0px); margin-left: var(--w2queb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w2queb-margin-top-mobile, 0px); margin-right: var(--w2queb-margin-right-mobile, 0px); margin-bottom: var(--w2queb-margin-bottom-mobile, 0px); margin-left: var(--w2queb-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--w2queb-imageRatio, auto); overflow: hidden; border-style: var(--w2queb-borderStyle, solid); border-color: var(--w2queb-borderColor, var(--omnise-card-media-border-color)); border-width: var(--w2queb-borderWidth-tl, var(--omnise-card-border-width)) var(--w2queb-borderWidth-tr, var(--omnise-card-border-width)) var(--w2queb-borderWidth-br, var(--omnise-card-border-width)) var(--w2queb-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-br, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--w2queb-shadowHorizontal, var(--omnise-card-shadow-x)) var(--w2queb-shadowVertical, var(--omnise-card-shadow-y)) var(--w2queb-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--w2queb-shadowColor, var(--omnise-card-media-shadow-color)) var(--w2queb-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--w2queb-imageRatio-tablet, var(--w2queb-imageRatio, auto)); border-width: var(--w2queb-borderWidth-tl-tablet, var(--w2queb-borderWidth-tl, var(--omnise-card-border-width))) var(--w2queb-borderWidth-tr-tablet, var(--w2queb-borderWidth-tr, var(--omnise-card-border-width))) var(--w2queb-borderWidth-br-tablet, var(--w2queb-borderWidth-br, var(--omnise-card-border-width))) var(--w2queb-borderWidth-bl-tablet, var(--w2queb-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--w2queb-borderRadius-tl-tablet, var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-tr-tablet, var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-br-tablet, var(--w2queb-borderRadius-br, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-bl-tablet, var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--w2queb-max-width-tablet, var(--w2queb-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--w2queb-imageRatio-mobile, var(--w2queb-imageRatio, auto)); border-width: var(--w2queb-borderWidth-tl-mobile, var(--w2queb-borderWidth-tl, var(--omnise-card-border-width))) var(--w2queb-borderWidth-tr-mobile, var(--w2queb-borderWidth-tr, var(--omnise-card-border-width))) var(--w2queb-borderWidth-br-mobile, var(--w2queb-borderWidth-br, var(--omnise-card-border-width))) var(--w2queb-borderWidth-bl-mobile, var(--w2queb-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--w2queb-borderRadius-tl-mobile, var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-tr-mobile, var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-br-mobile, var(--w2queb-borderRadius-br, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-bl-mobile, var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--w2queb-max-width-mobile, var(--w2queb-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-p97my7"] {   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-p97my7"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-p97my7"] {      }  } [data-bnode="omnise-p97my7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-p97my7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-p97my7"] {                     }  }[data-bnode="omnise-f2tk4y"] { --f2tk4y-width: fill; --f2tk4y-width-tablet: fill; --f2tk4y-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; --f2tk4y-transform: none; --f2tk4y-transform-tablet: none; --f2tk4y-transform-mobile: none; --f2tk4y-iconWidth: 20px; --f2tk4y-iconWidth-tablet: 20px; --f2tk4y-iconWidth-mobile: 20px; --f2tk4y-iconGap: 5px; --f2tk4y-iconGap-tablet: 5px; --f2tk4y-iconGap-mobile: 5px; --f2tk4y-button: pr; --f2tk4y-button-tablet: pr; --f2tk4y-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-f2tk4y"] { margin-top: var(--f2tk4y-margin-top, 0px); margin-right: var(--f2tk4y-margin-right, 0px); margin-bottom: var(--f2tk4y-margin-bottom, 0px); margin-left: var(--f2tk4y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f2tk4y-margin-top-tablet, 0px); margin-right: var(--f2tk4y-margin-right-tablet, 0px); margin-bottom: var(--f2tk4y-margin-bottom-tablet, 0px); margin-left: var(--f2tk4y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f2tk4y-margin-top-mobile, 0px); margin-right: var(--f2tk4y-margin-right-mobile, 0px); margin-bottom: var(--f2tk4y-margin-bottom-mobile, 0px); margin-left: var(--f2tk4y-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--f2tk4y-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--f2tk4y-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); style(--f2tk4y-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--f2tk4y-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); style(--f2tk4y-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--f2tk4y-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); style(--f2tk4y-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--f2tk4y-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); style(--f2tk4y-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--f2tk4y-iconWidth,20px); min-width: var(--f2tk4y-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(--f2tk4y-iconGap-tablet); svg { width: var(--f2tk4y-iconWidth-tablet,var(--f2tk4y-iconWidth,20px)); min-width: var(--f2tk4y-iconWidth-tablet,var(--f2tk4y-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--f2tk4y-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--f2tk4y-iconWidth-mobile,var(--f2tk4y-iconWidth,20px)); min-width: var(--f2tk4y-iconWidth-mobile,var(--f2tk4y-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-h3mp1w"] { --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; --h3mp1w-typography: p2; --h3mp1w-typography-tablet: p2; --h3mp1w-typography-mobile: p2; --h3mp1w-margin-top: 12px; --h3mp1w-margin-top-tablet: 12px; --h3mp1w-margin-top-mobile: 12px; --h3mp1w-margin-right: 0px; --h3mp1w-margin-right-tablet: 0px; --h3mp1w-margin-right-mobile: 0px; --h3mp1w-margin-bottom: 0px; --h3mp1w-margin-bottom-tablet: 0px; --h3mp1w-margin-bottom-mobile: 0px; --h3mp1w-margin-left: 0px; --h3mp1w-margin-left-tablet: 0px; --h3mp1w-margin-left-mobile: 0px; }[data-bnode="omnise-h3mp1w"] { margin-top: var(--h3mp1w-margin-top, 0px); margin-right: var(--h3mp1w-margin-right, 0px); margin-bottom: var(--h3mp1w-margin-bottom, 0px); margin-left: var(--h3mp1w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h3mp1w-margin-top-tablet, 0px); margin-right: var(--h3mp1w-margin-right-tablet, 0px); margin-bottom: var(--h3mp1w-margin-bottom-tablet, 0px); margin-left: var(--h3mp1w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h3mp1w-margin-top-mobile, 0px); margin-right: var(--h3mp1w-margin-right-mobile, 0px); margin-bottom: var(--h3mp1w-margin-bottom-mobile, 0px); margin-left: var(--h3mp1w-margin-left-mobile, 0px); } }[data-bnode="omnise-u9g08a"] { --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; --u9g08a-priceType: salePrice; --u9g08a-priceType-tablet: salePrice; --u9g08a-priceType-mobile: salePrice; --u9g08a-decoration: line-through; --u9g08a-decoration-tablet: line-through; --u9g08a-decoration-mobile: line-through; --u9g08a-typography: p2; --u9g08a-typography-tablet: p2; --u9g08a-typography-mobile: p2; --u9g08a-comparePriceColor: #181818; --u9g08a-comparePriceColor-tablet: #181818; --u9g08a-comparePriceColor-mobile: #181818; --u9g08a-salePriceColor: #C13C18; --u9g08a-salePriceColor-tablet: #C13C18; --u9g08a-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-u9g08a"] { margin-top: var(--u9g08a-margin-top, 0px); margin-right: var(--u9g08a-margin-right, 0px); margin-bottom: var(--u9g08a-margin-bottom, 0px); margin-left: var(--u9g08a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u9g08a-margin-top-tablet, 0px); margin-right: var(--u9g08a-margin-right-tablet, 0px); margin-bottom: var(--u9g08a-margin-bottom-tablet, 0px); margin-left: var(--u9g08a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u9g08a-margin-top-mobile, 0px); margin-right: var(--u9g08a-margin-right-mobile, 0px); margin-bottom: var(--u9g08a-margin-bottom-mobile, 0px); margin-left: var(--u9g08a-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--u9g08a-comparePriceColor); text-decoration: var(--u9g08a-decoration, none); font-size: calc(var(--u9g08a-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--u9g08a-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-o0pvzb"] { background: #FFFFFF; } [data-bnode="omnise-o0pvzb"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-o0pvzb"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-o0pvzb"] {                gap: 4px;     }  }[data-bnode="omnise-5g670x"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5g670x"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5g670x"] {                     }  }[data-bnode="omnise-kwv7mn"] {   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-kwv7mn"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-kwv7mn"] {      }  } [data-bnode="omnise-kwv7mn"] {     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-kwv7mn"] {                      &>.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-kwv7mn"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-23ur95"] { --23ur95-typography: p; --23ur95-typography-tablet: p; --23ur95-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --23ur95-paddingX: 0; --23ur95-paddingX-tablet: 0; --23ur95-paddingX-mobile: 0; --23ur95-paddingY: 2px; --23ur95-paddingY-tablet: 2px; --23ur95-paddingY-mobile: 2px; --23ur95-gap: 16px; --23ur95-gap-tablet: 16px; --23ur95-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-line-height: 2; }[data-bnode="omnise-23ur95"] { margin-top: var(--23ur95-margin-top, 0px); margin-right: var(--23ur95-margin-right, 0px); margin-bottom: var(--23ur95-margin-bottom, 0px); margin-left: var(--23ur95-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--23ur95-margin-top-tablet, 0px); margin-right: var(--23ur95-margin-right-tablet, 0px); margin-bottom: var(--23ur95-margin-bottom-tablet, 0px); margin-left: var(--23ur95-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--23ur95-margin-top-mobile, 0px); margin-right: var(--23ur95-margin-right-mobile, 0px); margin-bottom: var(--23ur95-margin-bottom-mobile, 0px); margin-left: var(--23ur95-margin-left-mobile, 0px); } }[data-bnode="omnise-w2queb"] { --w2queb-borderStyle: none; --w2queb-borderStyle-tablet: none; --w2queb-borderStyle-mobile: none; --w2queb-borderColor: #000000; --w2queb-borderColor-tablet: #000000; --w2queb-borderColor-mobile: #000000; --w2queb-borderWidth: 1px; --w2queb-borderWidth-tablet: 1px; --w2queb-borderWidth-mobile: 1px; --w2queb-shadowHorizontal: 0; --w2queb-shadowHorizontal-tablet: 0; --w2queb-shadowHorizontal-mobile: 0; --w2queb-shadowVertical: 0; --w2queb-shadowVertical-tablet: 0; --w2queb-shadowVertical-mobile: 0; --w2queb-shadowBlur: 0; --w2queb-shadowBlur-tablet: 0; --w2queb-shadowBlur-mobile: 0; --w2queb-shadowColor: #000000; --w2queb-shadowColor-tablet: #000000; --w2queb-shadowColor-mobile: #000000; --w2queb-padding-top: 0px; --w2queb-padding-top-tablet: 0px; --w2queb-padding-top-mobile: 0px; --w2queb-padding-right: 0px; --w2queb-padding-right-tablet: 0px; --w2queb-padding-right-mobile: 0px; --w2queb-padding-bottom: 0px; --w2queb-padding-bottom-tablet: 0px; --w2queb-padding-bottom-mobile: 0px; --w2queb-padding-left: 0px; --w2queb-padding-left-tablet: 0px; --w2queb-padding-left-mobile: 0px; --w2queb-enableShadow: false; --w2queb-enableShadow-tablet: false; --w2queb-enableShadow-mobile: false; --w2queb-imageRatio: 5/7; --w2queb-imageRatio-tablet: 5/7; --w2queb-imageRatio-mobile: 5/7; --w2queb-borderRadius-tl: 0px; --w2queb-borderRadius-tl-tablet: 0px; --w2queb-borderRadius-tl-mobile: 0px; --w2queb-borderRadius-tr: 0px; --w2queb-borderRadius-tr-tablet: 0px; --w2queb-borderRadius-tr-mobile: 0px; --w2queb-borderRadius-bl: 0px; --w2queb-borderRadius-bl-tablet: 0px; --w2queb-borderRadius-bl-mobile: 0px; --w2queb-borderRadius-br: 0px; --w2queb-borderRadius-br-tablet: 0px; --w2queb-borderRadius-br-mobile: 0px; }[data-bnode="omnise-w2queb"] { margin-top: var(--w2queb-margin-top, 0px); margin-right: var(--w2queb-margin-right, 0px); margin-bottom: var(--w2queb-margin-bottom, 0px); margin-left: var(--w2queb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w2queb-margin-top-tablet, 0px); margin-right: var(--w2queb-margin-right-tablet, 0px); margin-bottom: var(--w2queb-margin-bottom-tablet, 0px); margin-left: var(--w2queb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w2queb-margin-top-mobile, 0px); margin-right: var(--w2queb-margin-right-mobile, 0px); margin-bottom: var(--w2queb-margin-bottom-mobile, 0px); margin-left: var(--w2queb-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--w2queb-imageRatio, auto); overflow: hidden; border-style: var(--w2queb-borderStyle, solid); border-color: var(--w2queb-borderColor, var(--omnise-card-media-border-color)); border-width: var(--w2queb-borderWidth-tl, var(--omnise-card-border-width)) var(--w2queb-borderWidth-tr, var(--omnise-card-border-width)) var(--w2queb-borderWidth-br, var(--omnise-card-border-width)) var(--w2queb-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-br, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--w2queb-shadowHorizontal, var(--omnise-card-shadow-x)) var(--w2queb-shadowVertical, var(--omnise-card-shadow-y)) var(--w2queb-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--w2queb-shadowColor, var(--omnise-card-media-shadow-color)) var(--w2queb-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--w2queb-imageRatio-tablet, var(--w2queb-imageRatio, auto)); border-width: var(--w2queb-borderWidth-tl-tablet, var(--w2queb-borderWidth-tl, var(--omnise-card-border-width))) var(--w2queb-borderWidth-tr-tablet, var(--w2queb-borderWidth-tr, var(--omnise-card-border-width))) var(--w2queb-borderWidth-br-tablet, var(--w2queb-borderWidth-br, var(--omnise-card-border-width))) var(--w2queb-borderWidth-bl-tablet, var(--w2queb-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--w2queb-borderRadius-tl-tablet, var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-tr-tablet, var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-br-tablet, var(--w2queb-borderRadius-br, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-bl-tablet, var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--w2queb-max-width-tablet, var(--w2queb-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--w2queb-imageRatio-mobile, var(--w2queb-imageRatio, auto)); border-width: var(--w2queb-borderWidth-tl-mobile, var(--w2queb-borderWidth-tl, var(--omnise-card-border-width))) var(--w2queb-borderWidth-tr-mobile, var(--w2queb-borderWidth-tr, var(--omnise-card-border-width))) var(--w2queb-borderWidth-br-mobile, var(--w2queb-borderWidth-br, var(--omnise-card-border-width))) var(--w2queb-borderWidth-bl-mobile, var(--w2queb-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--w2queb-borderRadius-tl-mobile, var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-tr-mobile, var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-br-mobile, var(--w2queb-borderRadius-br, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-bl-mobile, var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--w2queb-max-width-mobile, var(--w2queb-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-p97my7"] {   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-p97my7"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-p97my7"] {      }  } [data-bnode="omnise-p97my7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-p97my7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-p97my7"] {                     }  }[data-bnode="omnise-f2tk4y"] { --f2tk4y-width: fill; --f2tk4y-width-tablet: fill; --f2tk4y-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; --f2tk4y-transform: none; --f2tk4y-transform-tablet: none; --f2tk4y-transform-mobile: none; --f2tk4y-iconWidth: 20px; --f2tk4y-iconWidth-tablet: 20px; --f2tk4y-iconWidth-mobile: 20px; --f2tk4y-iconGap: 5px; --f2tk4y-iconGap-tablet: 5px; --f2tk4y-iconGap-mobile: 5px; --f2tk4y-button: pr; --f2tk4y-button-tablet: pr; --f2tk4y-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-f2tk4y"] { margin-top: var(--f2tk4y-margin-top, 0px); margin-right: var(--f2tk4y-margin-right, 0px); margin-bottom: var(--f2tk4y-margin-bottom, 0px); margin-left: var(--f2tk4y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f2tk4y-margin-top-tablet, 0px); margin-right: var(--f2tk4y-margin-right-tablet, 0px); margin-bottom: var(--f2tk4y-margin-bottom-tablet, 0px); margin-left: var(--f2tk4y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f2tk4y-margin-top-mobile, 0px); margin-right: var(--f2tk4y-margin-right-mobile, 0px); margin-bottom: var(--f2tk4y-margin-bottom-mobile, 0px); margin-left: var(--f2tk4y-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--f2tk4y-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--f2tk4y-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); style(--f2tk4y-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--f2tk4y-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); style(--f2tk4y-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--f2tk4y-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); style(--f2tk4y-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--f2tk4y-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); style(--f2tk4y-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--f2tk4y-iconWidth,20px); min-width: var(--f2tk4y-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(--f2tk4y-iconGap-tablet); svg { width: var(--f2tk4y-iconWidth-tablet,var(--f2tk4y-iconWidth,20px)); min-width: var(--f2tk4y-iconWidth-tablet,var(--f2tk4y-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--f2tk4y-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--f2tk4y-iconWidth-mobile,var(--f2tk4y-iconWidth,20px)); min-width: var(--f2tk4y-iconWidth-mobile,var(--f2tk4y-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-h3mp1w"] { --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; --h3mp1w-typography: p2; --h3mp1w-typography-tablet: p2; --h3mp1w-typography-mobile: p2; --h3mp1w-margin-top: 12px; --h3mp1w-margin-top-tablet: 12px; --h3mp1w-margin-top-mobile: 12px; --h3mp1w-margin-right: 0px; --h3mp1w-margin-right-tablet: 0px; --h3mp1w-margin-right-mobile: 0px; --h3mp1w-margin-bottom: 0px; --h3mp1w-margin-bottom-tablet: 0px; --h3mp1w-margin-bottom-mobile: 0px; --h3mp1w-margin-left: 0px; --h3mp1w-margin-left-tablet: 0px; --h3mp1w-margin-left-mobile: 0px; }[data-bnode="omnise-h3mp1w"] { margin-top: var(--h3mp1w-margin-top, 0px); margin-right: var(--h3mp1w-margin-right, 0px); margin-bottom: var(--h3mp1w-margin-bottom, 0px); margin-left: var(--h3mp1w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h3mp1w-margin-top-tablet, 0px); margin-right: var(--h3mp1w-margin-right-tablet, 0px); margin-bottom: var(--h3mp1w-margin-bottom-tablet, 0px); margin-left: var(--h3mp1w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h3mp1w-margin-top-mobile, 0px); margin-right: var(--h3mp1w-margin-right-mobile, 0px); margin-bottom: var(--h3mp1w-margin-bottom-mobile, 0px); margin-left: var(--h3mp1w-margin-left-mobile, 0px); } }[data-bnode="omnise-u9g08a"] { --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; --u9g08a-priceType: salePrice; --u9g08a-priceType-tablet: salePrice; --u9g08a-priceType-mobile: salePrice; --u9g08a-decoration: line-through; --u9g08a-decoration-tablet: line-through; --u9g08a-decoration-mobile: line-through; --u9g08a-typography: p2; --u9g08a-typography-tablet: p2; --u9g08a-typography-mobile: p2; --u9g08a-comparePriceColor: #181818; --u9g08a-comparePriceColor-tablet: #181818; --u9g08a-comparePriceColor-mobile: #181818; --u9g08a-salePriceColor: #C13C18; --u9g08a-salePriceColor-tablet: #C13C18; --u9g08a-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-u9g08a"] { margin-top: var(--u9g08a-margin-top, 0px); margin-right: var(--u9g08a-margin-right, 0px); margin-bottom: var(--u9g08a-margin-bottom, 0px); margin-left: var(--u9g08a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u9g08a-margin-top-tablet, 0px); margin-right: var(--u9g08a-margin-right-tablet, 0px); margin-bottom: var(--u9g08a-margin-bottom-tablet, 0px); margin-left: var(--u9g08a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u9g08a-margin-top-mobile, 0px); margin-right: var(--u9g08a-margin-right-mobile, 0px); margin-bottom: var(--u9g08a-margin-bottom-mobile, 0px); margin-left: var(--u9g08a-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--u9g08a-comparePriceColor); text-decoration: var(--u9g08a-decoration, none); font-size: calc(var(--u9g08a-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--u9g08a-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-o0pvzb"] { background: #FFFFFF; } [data-bnode="omnise-o0pvzb"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-o0pvzb"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-o0pvzb"] {                gap: 4px;     }  }[data-bnode="omnise-5g670x"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5g670x"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5g670x"] {                     }  }[data-bnode="omnise-kwv7mn"] {   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-kwv7mn"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-kwv7mn"] {      }  } [data-bnode="omnise-kwv7mn"] {     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-kwv7mn"] {                      &>.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-kwv7mn"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-23ur95"] { --23ur95-typography: p; --23ur95-typography-tablet: p; --23ur95-typography-mobile: p; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --23ur95-paddingX: 0; --23ur95-paddingX-tablet: 0; --23ur95-paddingX-mobile: 0; --23ur95-paddingY: 2px; --23ur95-paddingY-tablet: 2px; --23ur95-paddingY-mobile: 2px; --23ur95-gap: 16px; --23ur95-gap-tablet: 16px; --23ur95-gap-mobile: 16px; --omnise-p-text-align: start; --omnise-p-line-height: 2; }[data-bnode="omnise-23ur95"] { margin-top: var(--23ur95-margin-top, 0px); margin-right: var(--23ur95-margin-right, 0px); margin-bottom: var(--23ur95-margin-bottom, 0px); margin-left: var(--23ur95-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--23ur95-margin-top-tablet, 0px); margin-right: var(--23ur95-margin-right-tablet, 0px); margin-bottom: var(--23ur95-margin-bottom-tablet, 0px); margin-left: var(--23ur95-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--23ur95-margin-top-mobile, 0px); margin-right: var(--23ur95-margin-right-mobile, 0px); margin-bottom: var(--23ur95-margin-bottom-mobile, 0px); margin-left: var(--23ur95-margin-left-mobile, 0px); } }[data-bnode="omnise-w2queb"] { --w2queb-borderStyle: none; --w2queb-borderStyle-tablet: none; --w2queb-borderStyle-mobile: none; --w2queb-borderColor: #000000; --w2queb-borderColor-tablet: #000000; --w2queb-borderColor-mobile: #000000; --w2queb-borderWidth: 1px; --w2queb-borderWidth-tablet: 1px; --w2queb-borderWidth-mobile: 1px; --w2queb-shadowHorizontal: 0; --w2queb-shadowHorizontal-tablet: 0; --w2queb-shadowHorizontal-mobile: 0; --w2queb-shadowVertical: 0; --w2queb-shadowVertical-tablet: 0; --w2queb-shadowVertical-mobile: 0; --w2queb-shadowBlur: 0; --w2queb-shadowBlur-tablet: 0; --w2queb-shadowBlur-mobile: 0; --w2queb-shadowColor: #000000; --w2queb-shadowColor-tablet: #000000; --w2queb-shadowColor-mobile: #000000; --w2queb-padding-top: 0px; --w2queb-padding-top-tablet: 0px; --w2queb-padding-top-mobile: 0px; --w2queb-padding-right: 0px; --w2queb-padding-right-tablet: 0px; --w2queb-padding-right-mobile: 0px; --w2queb-padding-bottom: 0px; --w2queb-padding-bottom-tablet: 0px; --w2queb-padding-bottom-mobile: 0px; --w2queb-padding-left: 0px; --w2queb-padding-left-tablet: 0px; --w2queb-padding-left-mobile: 0px; --w2queb-enableShadow: false; --w2queb-enableShadow-tablet: false; --w2queb-enableShadow-mobile: false; --w2queb-imageRatio: 5/7; --w2queb-imageRatio-tablet: 5/7; --w2queb-imageRatio-mobile: 5/7; --w2queb-borderRadius-tl: 0px; --w2queb-borderRadius-tl-tablet: 0px; --w2queb-borderRadius-tl-mobile: 0px; --w2queb-borderRadius-tr: 0px; --w2queb-borderRadius-tr-tablet: 0px; --w2queb-borderRadius-tr-mobile: 0px; --w2queb-borderRadius-bl: 0px; --w2queb-borderRadius-bl-tablet: 0px; --w2queb-borderRadius-bl-mobile: 0px; --w2queb-borderRadius-br: 0px; --w2queb-borderRadius-br-tablet: 0px; --w2queb-borderRadius-br-mobile: 0px; }[data-bnode="omnise-w2queb"] { margin-top: var(--w2queb-margin-top, 0px); margin-right: var(--w2queb-margin-right, 0px); margin-bottom: var(--w2queb-margin-bottom, 0px); margin-left: var(--w2queb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w2queb-margin-top-tablet, 0px); margin-right: var(--w2queb-margin-right-tablet, 0px); margin-bottom: var(--w2queb-margin-bottom-tablet, 0px); margin-left: var(--w2queb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w2queb-margin-top-mobile, 0px); margin-right: var(--w2queb-margin-right-mobile, 0px); margin-bottom: var(--w2queb-margin-bottom-mobile, 0px); margin-left: var(--w2queb-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--w2queb-imageRatio, auto); overflow: hidden; border-style: var(--w2queb-borderStyle, solid); border-color: var(--w2queb-borderColor, var(--omnise-card-media-border-color)); border-width: var(--w2queb-borderWidth-tl, var(--omnise-card-border-width)) var(--w2queb-borderWidth-tr, var(--omnise-card-border-width)) var(--w2queb-borderWidth-br, var(--omnise-card-border-width)) var(--w2queb-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-br, var(--omnise-card-border-radius)) var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--w2queb-shadowHorizontal, var(--omnise-card-shadow-x)) var(--w2queb-shadowVertical, var(--omnise-card-shadow-y)) var(--w2queb-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--w2queb-shadowColor, var(--omnise-card-media-shadow-color)) var(--w2queb-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--w2queb-imageRatio-tablet, var(--w2queb-imageRatio, auto)); border-width: var(--w2queb-borderWidth-tl-tablet, var(--w2queb-borderWidth-tl, var(--omnise-card-border-width))) var(--w2queb-borderWidth-tr-tablet, var(--w2queb-borderWidth-tr, var(--omnise-card-border-width))) var(--w2queb-borderWidth-br-tablet, var(--w2queb-borderWidth-br, var(--omnise-card-border-width))) var(--w2queb-borderWidth-bl-tablet, var(--w2queb-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--w2queb-borderRadius-tl-tablet, var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-tr-tablet, var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-br-tablet, var(--w2queb-borderRadius-br, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-bl-tablet, var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--w2queb-max-width-tablet, var(--w2queb-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--w2queb-imageRatio-mobile, var(--w2queb-imageRatio, auto)); border-width: var(--w2queb-borderWidth-tl-mobile, var(--w2queb-borderWidth-tl, var(--omnise-card-border-width))) var(--w2queb-borderWidth-tr-mobile, var(--w2queb-borderWidth-tr, var(--omnise-card-border-width))) var(--w2queb-borderWidth-br-mobile, var(--w2queb-borderWidth-br, var(--omnise-card-border-width))) var(--w2queb-borderWidth-bl-mobile, var(--w2queb-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--w2queb-borderRadius-tl-mobile, var(--w2queb-borderRadius-tl, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-tr-mobile, var(--w2queb-borderRadius-tr, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-br-mobile, var(--w2queb-borderRadius-br, var(--omnise-card-border-radius))) var(--w2queb-borderRadius-bl-mobile, var(--w2queb-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--w2queb-max-width-mobile, var(--w2queb-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-p97my7"] {   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-p97my7"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-p97my7"] {      }  } [data-bnode="omnise-p97my7"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-p97my7"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-p97my7"] {                     }  }[data-bnode="omnise-f2tk4y"] { --f2tk4y-width: fill; --f2tk4y-width-tablet: fill; --f2tk4y-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; --f2tk4y-transform: none; --f2tk4y-transform-tablet: none; --f2tk4y-transform-mobile: none; --f2tk4y-iconWidth: 20px; --f2tk4y-iconWidth-tablet: 20px; --f2tk4y-iconWidth-mobile: 20px; --f2tk4y-iconGap: 5px; --f2tk4y-iconGap-tablet: 5px; --f2tk4y-iconGap-mobile: 5px; --f2tk4y-button: pr; --f2tk4y-button-tablet: pr; --f2tk4y-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-f2tk4y"] { margin-top: var(--f2tk4y-margin-top, 0px); margin-right: var(--f2tk4y-margin-right, 0px); margin-bottom: var(--f2tk4y-margin-bottom, 0px); margin-left: var(--f2tk4y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f2tk4y-margin-top-tablet, 0px); margin-right: var(--f2tk4y-margin-right-tablet, 0px); margin-bottom: var(--f2tk4y-margin-bottom-tablet, 0px); margin-left: var(--f2tk4y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f2tk4y-margin-top-mobile, 0px); margin-right: var(--f2tk4y-margin-right-mobile, 0px); margin-bottom: var(--f2tk4y-margin-bottom-mobile, 0px); margin-left: var(--f2tk4y-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--f2tk4y-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--f2tk4y-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); style(--f2tk4y-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--f2tk4y-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); style(--f2tk4y-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--f2tk4y-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); style(--f2tk4y-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--f2tk4y-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--f2tk4y-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); style(--f2tk4y-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--f2tk4y-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--f2tk4y-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); style(--f2tk4y-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--f2tk4y-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--f2tk4y-iconWidth,20px); min-width: var(--f2tk4y-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(--f2tk4y-iconGap-tablet); svg { width: var(--f2tk4y-iconWidth-tablet,var(--f2tk4y-iconWidth,20px)); min-width: var(--f2tk4y-iconWidth-tablet,var(--f2tk4y-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--f2tk4y-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--f2tk4y-iconWidth-mobile,var(--f2tk4y-iconWidth,20px)); min-width: var(--f2tk4y-iconWidth-mobile,var(--f2tk4y-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-h3mp1w"] { --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; --h3mp1w-typography: p2; --h3mp1w-typography-tablet: p2; --h3mp1w-typography-mobile: p2; --h3mp1w-margin-top: 12px; --h3mp1w-margin-top-tablet: 12px; --h3mp1w-margin-top-mobile: 12px; --h3mp1w-margin-right: 0px; --h3mp1w-margin-right-tablet: 0px; --h3mp1w-margin-right-mobile: 0px; --h3mp1w-margin-bottom: 0px; --h3mp1w-margin-bottom-tablet: 0px; --h3mp1w-margin-bottom-mobile: 0px; --h3mp1w-margin-left: 0px; --h3mp1w-margin-left-tablet: 0px; --h3mp1w-margin-left-mobile: 0px; }[data-bnode="omnise-h3mp1w"] { margin-top: var(--h3mp1w-margin-top, 0px); margin-right: var(--h3mp1w-margin-right, 0px); margin-bottom: var(--h3mp1w-margin-bottom, 0px); margin-left: var(--h3mp1w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h3mp1w-margin-top-tablet, 0px); margin-right: var(--h3mp1w-margin-right-tablet, 0px); margin-bottom: var(--h3mp1w-margin-bottom-tablet, 0px); margin-left: var(--h3mp1w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h3mp1w-margin-top-mobile, 0px); margin-right: var(--h3mp1w-margin-right-mobile, 0px); margin-bottom: var(--h3mp1w-margin-bottom-mobile, 0px); margin-left: var(--h3mp1w-margin-left-mobile, 0px); } }[data-bnode="omnise-u9g08a"] { --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; --u9g08a-priceType: salePrice; --u9g08a-priceType-tablet: salePrice; --u9g08a-priceType-mobile: salePrice; --u9g08a-decoration: line-through; --u9g08a-decoration-tablet: line-through; --u9g08a-decoration-mobile: line-through; --u9g08a-typography: p2; --u9g08a-typography-tablet: p2; --u9g08a-typography-mobile: p2; --u9g08a-comparePriceColor: #181818; --u9g08a-comparePriceColor-tablet: #181818; --u9g08a-comparePriceColor-mobile: #181818; --u9g08a-salePriceColor: #C13C18; --u9g08a-salePriceColor-tablet: #C13C18; --u9g08a-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-u9g08a"] { margin-top: var(--u9g08a-margin-top, 0px); margin-right: var(--u9g08a-margin-right, 0px); margin-bottom: var(--u9g08a-margin-bottom, 0px); margin-left: var(--u9g08a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u9g08a-margin-top-tablet, 0px); margin-right: var(--u9g08a-margin-right-tablet, 0px); margin-bottom: var(--u9g08a-margin-bottom-tablet, 0px); margin-left: var(--u9g08a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u9g08a-margin-top-mobile, 0px); margin-right: var(--u9g08a-margin-right-mobile, 0px); margin-bottom: var(--u9g08a-margin-bottom-mobile, 0px); margin-left: var(--u9g08a-margin-left-mobile, 0px); } &.omnise-product-price-unsupported { background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare { color: var(--u9g08a-comparePriceColor); text-decoration: var(--u9g08a-decoration, none); font-size: calc(var(--u9g08a-scale, 1) * 1em); display: inline-block; margin-left: 7px; } &.omnise-on-sale .omnise-price-sale { color: var(--u9g08a-salePriceColor, var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-1t2ikn"] { &.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-1t2ikn"] {     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-1t2ikn"] {                      &>.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-1t2ikn"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-z0kdyc"] { --z0kdyc-width: fill; --z0kdyc-width-tablet: fill; --z0kdyc-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; --z0kdyc-iconWidth: 20px; --z0kdyc-iconWidth-tablet: 20px; --z0kdyc-iconWidth-mobile: 20px; --z0kdyc-iconGap: 5px; --z0kdyc-iconGap-tablet: 5px; --z0kdyc-iconGap-mobile: 5px; --z0kdyc-labelBtnHover: -25; --z0kdyc-labelBtnHover-tablet: -25; --z0kdyc-labelBtnHover-mobile: -25; --z0kdyc-button: te; --z0kdyc-button-tablet: te; --z0kdyc-button-mobile: te; }[data-bnode="omnise-z0kdyc"] { margin-top: var(--z0kdyc-margin-top, 0px); margin-right: var(--z0kdyc-margin-right, 0px); margin-bottom: var(--z0kdyc-margin-bottom, 0px); margin-left: var(--z0kdyc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--z0kdyc-margin-top-tablet, 0px); margin-right: var(--z0kdyc-margin-right-tablet, 0px); margin-bottom: var(--z0kdyc-margin-bottom-tablet, 0px); margin-left: var(--z0kdyc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--z0kdyc-margin-top-mobile, 0px); margin-right: var(--z0kdyc-margin-right-mobile, 0px); margin-bottom: var(--z0kdyc-margin-bottom-mobile, 0px); margin-left: var(--z0kdyc-margin-left-mobile, 0px); } &{ gap:var(--z0kdyc-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--z0kdyc-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--z0kdyc-bgBtnHover)) * 1%)); style(--z0kdyc-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--z0kdyc-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--z0kdyc-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--z0kdyc-labelBtnHover)) * 1%)); style(--z0kdyc-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--z0kdyc-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--z0kdyc-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--z0kdyc-borderBtnHover)) * 1%)); style(--z0kdyc-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--z0kdyc-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--z0kdyc-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--z0kdyc-bgBtnHover)) * 1%)); style(--z0kdyc-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--z0kdyc-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--z0kdyc-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--z0kdyc-labelBtnHover)) * 1%)); style(--z0kdyc-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--z0kdyc-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--z0kdyc-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--z0kdyc-borderBtnHover)) * 1%)); style(--z0kdyc-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--z0kdyc-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--z0kdyc-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--z0kdyc-labelBtnHover)) * 1%)); style(--z0kdyc-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--z0kdyc-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--z0kdyc-iconWidth); } svg { width: var(--z0kdyc-iconWidth,20px); min-width: var(--z0kdyc-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--z0kdyc-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--z0kdyc-iconWidth-tablet, var(--z0kdyc-iconWidth)); } svg { width: var(--z0kdyc-iconWidth-tablet, var(--z0kdyc-iconWidth, 20px)); min-width: var(--z0kdyc-iconWidth-tablet, var(--z0kdyc-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--z0kdyc-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--z0kdyc-iconWidth-mobile, var(--z0kdyc-iconWidth)); } svg { width: var(--z0kdyc-iconWidth-mobile, var(--z0kdyc-iconWidth, 20px)); min-width: var(--z0kdyc-iconWidth-mobile, var(--z0kdyc-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-osmjs3"].omnise-section { background: #FFFFFF; padding-top: 64px; padding-right: 48px; padding-bottom: 64px; padding-left: 48px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-osmjs3"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-osmjs3"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 16px; padding-bottom: 40px; padding-left: 16px; } } [data-bnode="omnise-osmjs3"] > .omnise-section-container{     width: 100%;   max-width: 100%;   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% - 48px - 48px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-osmjs3"] > .omnise-section-container{      width: 100%;   max-width: 100%;   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-osmjs3"] > .omnise-section-container{      width: 100%;   max-width: 100%;   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% - 16px - 16px);    }   }  }[data-bnode="omnise-h6ut2f"] { --h6ut2f-columns: 3; --h6ut2f-columns-tablet: 3; --h6ut2f-columns-mobile: 3; --h6ut2f-gap: 4px; --h6ut2f-gap-tablet: 2px; --h6ut2f-gap-mobile: 4px; --h6ut2f-navType: false; --h6ut2f-navType-tablet: false; --h6ut2f-navType-mobile: false; --h6ut2f-pagiType: false; --h6ut2f-pagiType-tablet: false; --h6ut2f-pagiType-mobile: false; --h6ut2f-listType: grid; --h6ut2f-listType-tablet: grid; --h6ut2f-listType-mobile: grid; --h6ut2f-stateNavigation: normal; --h6ut2f-stateNavigation-tablet: normal; --h6ut2f-stateNavigation-mobile: normal; --h6ut2f-statePagination: normal; --h6ut2f-statePagination-tablet: normal; --h6ut2f-statePagination-mobile: normal; --h6ut2f-stateNavigtion: normal; --h6ut2f-stateNavigtion-tablet: normal; --h6ut2f-stateNavigtion-mobile: normal; --h6ut2f-gapx: 4px; --h6ut2f-gapx-tablet: 4px; --h6ut2f-gapx-mobile: 4px; --h6ut2f-columnsMobile-mobile: 1; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-543f5d"] { --543f5d-width: 100%; --543f5d-imageRatio: 3/4; --543f5d-objFit: cover; --543f5d-borderColor: #000000; --543f5d-shadowColor: #000000; --543f5d-borderStyle: none; --543f5d-enableShadow: false; --543f5d-overlayOpacity: 0.3; --543f5d-overlayColor: #000000; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-8rr092"] { --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.3; --omnise-h3-letter-spacing: 0px; --omnise-h3-letter-spacing-tablet: 0px; --omnise-h3-letter-spacing-mobile: 0px; --omnise-h3-text-transform: none; --8rr092-typography: h3; --omnise-h3-text-align: center; --8rr092-fontStyle: italic; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-s6uhf1"] { --omnise-p-font-size: 16px; --omnise-p-font-size-tablet: 14px; --omnise-p-font-size-mobile: 14px; --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: 1.68px; --omnise-p-letter-spacing-mobile: 1.68px; --omnise-p-text-transform: none; --s6uhf1-typography: p; --omnise-p-text-align: center; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-nbhhk9"] { --nbhhk9-direction: column; --nbhhk9-structure: columns; --nbhhk9-align-items: center; --nbhhk9-padding-top: 48px; --nbhhk9-padding-right: 32px; --nbhhk9-padding-bottom: 48px; --nbhhk9-padding-left: 32px; --nbhhk9-surface: dark; --nbhhk9-padding-top-tablet: 24px; --nbhhk9-padding-right-tablet: 12px; --nbhhk9-padding-bottom-tablet: 24px; --nbhhk9-padding-left-tablet: 12px; --nbhhk9-padding-top-mobile: 24px; --nbhhk9-padding-right-mobile: 12px; --nbhhk9-padding-bottom-mobile: 24px; --nbhhk9-padding-left-mobile: 12px; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-qw22ty"] { --qw22ty-width: 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: 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: inherit; --qw22ty-iconWidth: 20px; --qw22ty-iconGap: 5px; --qw22ty-labelBtnHover: -25; --omnise-btn-pr-label-color: #FFFFFF; --omnise-btn-pr-background-color: #1E1E1E; --qw22ty-transform: none; --qw22ty-button: te; --qw22ty-margin-top: 16px; --qw22ty-margin-right: 0px; --qw22ty-margin-bottom: 0px; --qw22ty-margin-left: 0px; --qw22ty-labelTeHover: #ffffff; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-3xtrli"] { --3xtrli-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: #1E1E1E; --omnise-btn-text-transform: inherit; --3xtrli-iconWidth: 20px; --3xtrli-iconGap: 5px; --3xtrli-labelBtnHover: -25; --3xtrli-button: te; } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-3xtrli"] { --3xtrli-width: fill; --3xtrli-width-tablet: fill; --3xtrli-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; --3xtrli-iconWidth: 20px; --3xtrli-iconWidth-tablet: 20px; --3xtrli-iconWidth-mobile: 20px; --3xtrli-iconGap: 5px; --3xtrli-iconGap-tablet: 5px; --3xtrli-iconGap-mobile: 5px; --3xtrli-labelBtnHover: 0; --3xtrli-labelBtnHover-tablet: 0; --3xtrli-labelBtnHover-mobile: 0; --3xtrli-bgBtnHover: -8; --3xtrli-bgBtnHover-tablet: -8; --3xtrli-bgBtnHover-mobile: -8; --3xtrli-borderBtnHover: 0; --3xtrli-borderBtnHover-tablet: 0; --3xtrli-borderBtnHover-mobile: 0; --3xtrli-button: pr; --3xtrli-button-tablet: pr; --3xtrli-button-mobile: pr; }[data-bnode="omnise-h6ut2f"] { margin-top: var(--h6ut2f-margin-top, 0px); margin-right: var(--h6ut2f-margin-right, 0px); margin-bottom: var(--h6ut2f-margin-bottom, 0px); margin-left: var(--h6ut2f-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h6ut2f-margin-top-tablet, 0px); margin-right: var(--h6ut2f-margin-right-tablet, 0px); margin-bottom: var(--h6ut2f-margin-bottom-tablet, 0px); margin-left: var(--h6ut2f-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h6ut2f-margin-top-mobile, 0px); margin-right: var(--h6ut2f-margin-right-mobile, 0px); margin-bottom: var(--h6ut2f-margin-bottom-mobile, 0px); margin-left: var(--h6ut2f-margin-left-mobile, 0px); } &.omnise-content-list { @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--h6ut2f-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--h6ut2f-gap, 20px) * (var(--h6ut2f-columns, 3) - 1) + 1px ) / var(--h6ut2f-columns, 3) ); &:last-child { margin-right: var(--h6ut2f-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(--h6ut2f-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--h6ut2f-columns) - 1) * var(--h6ut2f-gap, 20px)) / var(--h6ut2f-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--h6ut2f-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--h6ut2f-gap-tablet, 20px) * (var(--h6ut2f-columns-tablet, 3) - 1) ) / var(--h6ut2f-columns-tablet, 3) ); &:last-child { margin-right: var(--h6ut2f-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(--h6ut2f-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--h6ut2f-columns-tablet) - 1) * var(--h6ut2f-gap-tablet, 20px) ) / var(--h6ut2f-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--h6ut2f-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--h6ut2f-gap-mobile, 20px) * (var(--h6ut2f-columnsMobile-mobile, 1) - 1) ) / var(--h6ut2f-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--h6ut2f-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(--h6ut2f-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--h6ut2f-columnsMobile-mobile) - 1) * var(--h6ut2f-gap-mobile, 20px) ) / var(--h6ut2f-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--h6ut2f-navPadding, 12px); background: var(--h6ut2f-navBg, #f5f5f5); color: var(--h6ut2f-navColor, #333333); cursor: pointer; &:hover { background: var(--h6ut2f-navBgHover, #cccccc); color: var(--h6ut2f-navColorHover, #333333); } svg { width: var(--h6ut2f-navIconSize, 20px); height: var(--h6ut2f-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--h6ut2f-pagiBg, #e6e6e6); &.active { background: var(--h6ut2f-pagiBgActive, #181818); } &:not(.active):hover { background: var(--h6ut2f-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--h6ut2f-pagiColor, #e6e6e6); &.active { color: var(--h6ut2f-pagiColorActive, #181818); } &:not(.active):hover { color: var(--h6ut2f-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--h6ut2f-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--h6ut2f-pagiBg, #e6e6e6); &.active { background: var(--h6ut2f-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--h6ut2f-pagiBgHover, #cccccc); } } .omnise-slider-pagination-wrp { margin-top: 20px; } .omnise-slider-item { &:hover{ img { transform: scale(1.15); } } .omnise-media-wrapper { &::before{ z-index: 1; } img{ transition: transform .6s ease,filter .6s ease; overflow: hidden; } } } } & .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-h6ut2f"] [data-bnode="omnise-543f5d"] { margin-top: var(--543f5d-margin-top, 0px); margin-right: var(--543f5d-margin-right, 0px); margin-bottom: var(--543f5d-margin-bottom, 0px); margin-left: var(--543f5d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--543f5d-margin-top-tablet, 0px); margin-right: var(--543f5d-margin-right-tablet, 0px); margin-bottom: var(--543f5d-margin-bottom-tablet, 0px); margin-left: var(--543f5d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--543f5d-margin-top-mobile, 0px); margin-right: var(--543f5d-margin-right-mobile, 0px); margin-bottom: var(--543f5d-margin-bottom-mobile, 0px); margin-left: var(--543f5d-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--543f5d-width,100%) - var(--543f5d-margin-left,0px) - var(--543f5d-margin-right,0px)); width: calc(var(--543f5d-width,100%) - var(--543f5d-margin-left,0px) - var(--543f5d-margin-right,0px)); min-height: min-content; border-color: var(--543f5d-borderColor,var(--omnise-card-media-border-color)); border-style: var(--543f5d-borderStyle,solid); border-width: var(--543f5d-borderWidth-tl,var(--omnise-card-border-width)) var(--543f5d-borderWidth-tr,var(--omnise-card-border-width)) var(--543f5d-borderWidth-br,var(--omnise-card-border-width)) var(--543f5d-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--543f5d-borderRadius-tl,var(--omnise-card-border-radius)) var(--543f5d-borderRadius-tr,var(--omnise-card-border-radius)) var(--543f5d-borderRadius-br,var(--omnise-card-border-radius)) var(--543f5d-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--543f5d-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--543f5d-borderWidth-tl-tablet, var(--543f5d-borderWidth-tl,var(--omnise-card-border-width))) var(--543f5d-borderWidth-tr-tablet, var(--543f5d-borderWidth-tr,var(--omnise-card-border-width))) var(--543f5d-borderWidth-br-tablet, var(--543f5d-borderWidth-br,var(--omnise-card-border-width))) var(--543f5d-borderWidth-bl-tablet, var(--543f5d-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--543f5d-borderRadius-tl-tablet, var(--543f5d-borderRadius-tl,var(--omnise-card-border-radius))) var(--543f5d-borderRadius-tr-tablet, var(--543f5d-borderRadius-tr,var(--omnise-card-border-radius))) var(--543f5d-borderRadius-br-tablet, var(--543f5d-borderRadius-br,var(--omnise-card-border-radius))) var(--543f5d-borderRadius-bl-tablet, var(--543f5d-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--543f5d-borderWidth-tl-mobile, var(--543f5d-borderWidth-tl,var(--omnise-card-border-width))) var(--543f5d-borderWidth-tr-mobile, var(--543f5d-borderWidth-tr,var(--omnise-card-border-width))) var(--543f5d-borderWidth-br-mobile, var(--543f5d-borderWidth-br,var(--omnise-card-border-width))) var(--543f5d-borderWidth-bl-mobile, var(--543f5d-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--543f5d-borderRadius-tl-mobile, var(--543f5d-borderRadius-tl,var(--omnise-card-border-radius))) var(--543f5d-borderRadius-tr-mobile, var(--543f5d-borderRadius-tr,var(--omnise-card-border-radius))) var(--543f5d-borderRadius-br-mobile, var(--543f5d-borderRadius-br,var(--omnise-card-border-radius))) var(--543f5d-borderRadius-bl-mobile, var(--543f5d-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--543f5d-shadowHorizontal, var(--omnise-card-shadow-x)) var(--543f5d-shadowVertical, var(--omnise-card-shadow-y)) var(--543f5d-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--543f5d-shadowColor, var(--omnise-card-media-shadow-color)) var(--543f5d-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--543f5d-overlayColor-color, #000); opacity: var(--543f5d-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--543f5d-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--543f5d-width-tablet,var(--543f5d-width,100%)) - var(--543f5d-margin-left-tablet,var(--543f5d-margin-left,0px)) - var(--543f5d-margin-right-tablet,var(--543f5d-margin-right,0px))); width: calc(var(--543f5d-width-tablet,var(--543f5d-width,100%)) - var(--543f5d-margin-left-tablet,var(--543f5d-margin-left,0px)) - var(--543f5d-margin-right-tablet,var(--543f5d-margin-right,0px))); aspect-ratio: var(--543f5d-imageRatio-tablet, var(--543f5d-imageRatio, auto)); img { object-fit: var(--543f5d-objFit-tablet, var(--543f5d-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--543f5d-width-mobile,var(--543f5d-width,100%)) - var(--543f5d-margin-left-mobile,var(--543f5d-margin-left,0px)) - var(--543f5d-margin-right-mobile,var(--543f5d-margin-right,0px))); width: calc(var(--543f5d-width-mobile,var(--543f5d-width,100%)) - var(--543f5d-margin-left-mobile,var(--543f5d-margin-left,0px)) - var(--543f5d-margin-right-mobile,var(--543f5d-margin-right,0px))); aspect-ratio: var(--543f5d-imageRatio-mobile, var(--543f5d-imageRatio, auto)); img { object-fit: var(--543f5d-objFit-mobile, var(--543f5d-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-h6ut2f"] [data-bnode="omnise-nbhhk9"] { &.omnise-slot { position: absolute !important; bottom: 0; left: 0; right: 0; z-index: 2 !important; 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; } } } } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-8rr092"] { margin-top: var(--8rr092-margin-top, 0px); margin-right: var(--8rr092-margin-right, 0px); margin-bottom: var(--8rr092-margin-bottom, 0px); margin-left: var(--8rr092-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8rr092-margin-top-tablet, 0px); margin-right: var(--8rr092-margin-right-tablet, 0px); margin-bottom: var(--8rr092-margin-bottom-tablet, 0px); margin-left: var(--8rr092-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8rr092-margin-top-mobile, 0px); margin-right: var(--8rr092-margin-right-mobile, 0px); margin-bottom: var(--8rr092-margin-bottom-mobile, 0px); margin-left: var(--8rr092-margin-left-mobile, 0px); } & { font-style: var(--8rr092-fontStyle, normal); } & .omnise-highlight-svg { position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--8rr092-highlightColor, var(--omnise-p-color)); top: var(--8rr092-highlightTop, 100%); } } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-s6uhf1"] { margin-top: var(--s6uhf1-margin-top, 0px); margin-right: var(--s6uhf1-margin-right, 0px); margin-bottom: var(--s6uhf1-margin-bottom, 0px); margin-left: var(--s6uhf1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s6uhf1-margin-top-tablet, 0px); margin-right: var(--s6uhf1-margin-right-tablet, 0px); margin-bottom: var(--s6uhf1-margin-bottom-tablet, 0px); margin-left: var(--s6uhf1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s6uhf1-margin-top-mobile, 0px); margin-right: var(--s6uhf1-margin-right-mobile, 0px); margin-bottom: var(--s6uhf1-margin-bottom-mobile, 0px); margin-left: var(--s6uhf1-margin-left-mobile, 0px); } } [data-bnode="omnise-h6ut2f"] [data-bnode="omnise-3xtrli"] { margin-top: var(--3xtrli-margin-top, 0px); margin-right: var(--3xtrli-margin-right, 0px); margin-bottom: var(--3xtrli-margin-bottom, 0px); margin-left: var(--3xtrli-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3xtrli-margin-top-tablet, 0px); margin-right: var(--3xtrli-margin-right-tablet, 0px); margin-bottom: var(--3xtrli-margin-bottom-tablet, 0px); margin-left: var(--3xtrli-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3xtrli-margin-top-mobile, 0px); margin-right: var(--3xtrli-margin-right-mobile, 0px); margin-bottom: var(--3xtrli-margin-bottom-mobile, 0px); margin-left: var(--3xtrli-margin-left-mobile, 0px); } &{ gap:var(--3xtrli-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--3xtrli-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--3xtrli-bgBtnHover)) * 1%)); style(--3xtrli-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--3xtrli-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--3xtrli-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--3xtrli-labelBtnHover)) * 1%)); style(--3xtrli-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--3xtrli-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--3xtrli-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--3xtrli-borderBtnHover)) * 1%)); style(--3xtrli-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--3xtrli-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--3xtrli-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--3xtrli-bgBtnHover)) * 1%)); style(--3xtrli-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--3xtrli-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--3xtrli-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--3xtrli-labelBtnHover)) * 1%)); style(--3xtrli-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--3xtrli-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--3xtrli-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--3xtrli-borderBtnHover)) * 1%)); style(--3xtrli-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--3xtrli-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--3xtrli-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--3xtrli-labelBtnHover)) * 1%)); style(--3xtrli-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--3xtrli-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); color: var(--omnise-btn-te-label-color); } span{ display: flex; font-size: var(--3xtrli-iconWidth); } svg { width: var(--3xtrli-iconWidth,20px); min-width: var(--3xtrli-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--3xtrli-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--3xtrli-iconWidth-tablet, var(--3xtrli-iconWidth)); } svg { width: var(--3xtrli-iconWidth-tablet, var(--3xtrli-iconWidth)); min-width: var(--3xtrli-iconWidth-tablet, var(--3xtrli-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--3xtrli-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--3xtrli-iconWidth-mobile, var(--3xtrli-iconWidth)); } svg { width: var(--3xtrli-iconWidth-mobile, var(--3xtrli-iconWidth)); min-width: var(--3xtrli-iconWidth-mobile, var(--3xtrli-iconWidth)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-h6ut2f"] [data-bnode="be-ctl-item"] {   gap: 8px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-h6ut2f"] [data-bnode="be-ctl-item"] {    gap: 8px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-h6ut2f"] [data-bnode="be-ctl-item"] {    gap: 8px;   }  }[data-bnode="omnise-h6ut2f"] [data-bnode="be-ctl-item"] {        flex-wrap: nowrap;        gap: 8px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-h6ut2f"] [data-bnode="be-ctl-item"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-h6ut2f"] [data-bnode="be-ctl-item"] {                gap: 8px;     }  }[data-bnode="omnise-nbhhk9"] { padding-top: 48px; padding-right: 32px; padding-bottom: 48px; padding-left: 32px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-nbhhk9"] { padding-top: 24px; padding-right: 12px; padding-bottom: 24px; padding-left: 12px; } } @media (max-width: 767px) { [data-bnode="omnise-nbhhk9"] { padding-top: 24px; padding-right: 12px; padding-bottom: 24px; padding-left: 12px; } } [data-bnode="omnise-nbhhk9"] {        flex-wrap: nowrap;     align-items: center;       }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-nbhhk9"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-nbhhk9"] {                     }  }[data-bnode="omnise-4zjlew"].omnise-section { background: #FFFFFF; padding-top: 64px; padding-right: 48px; padding-bottom: 64px; padding-left: 48px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-4zjlew"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-4zjlew"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 16px; padding-bottom: 40px; padding-left: 16px; } } [data-bnode="omnise-4zjlew"] > .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-4zjlew"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 32px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-4zjlew"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 24px;     }  }@media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-e3p41m"] { padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-e3p41m"] { padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; } } [data-bnode="omnise-e3p41m"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e3p41m"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e3p41m"] {              align-items: center;        }  }[data-bnode="omnise-5ru0pm"] { --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; --5ru0pm-typography: eyebrow; --5ru0pm-typography-tablet: eyebrow; --5ru0pm-typography-mobile: eyebrow; --omnise-eyebrow-text-align: start; }[data-bnode="omnise-5ru0pm"] { margin-top: var(--5ru0pm-margin-top, 0px); margin-right: var(--5ru0pm-margin-right, 0px); margin-bottom: var(--5ru0pm-margin-bottom, 0px); margin-left: var(--5ru0pm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5ru0pm-margin-top-tablet, 0px); margin-right: var(--5ru0pm-margin-right-tablet, 0px); margin-bottom: var(--5ru0pm-margin-bottom-tablet, 0px); margin-left: var(--5ru0pm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5ru0pm-margin-top-mobile, 0px); margin-right: var(--5ru0pm-margin-right-mobile, 0px); margin-bottom: var(--5ru0pm-margin-bottom-mobile, 0px); margin-left: var(--5ru0pm-margin-left-mobile, 0px); } }[data-bnode="omnise-fnbu6i"] {     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-fnbu6i"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-fnbu6i"] {      flex-direction: column;     justify-content: center;   align-items: center;        }  }[data-bnode="omnise-uqchny"] { --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; --uqchny-typography: h2; --uqchny-typography-tablet: h2; --uqchny-typography-mobile: h2; --uqchny-fontStyle: italic; --uqchny-fontStyle-tablet: italic; --uqchny-fontStyle-mobile: italic; --omnise-h2-text-align: start; }[data-bnode="omnise-uqchny"] { margin-top: var(--uqchny-margin-top, 0px); margin-right: var(--uqchny-margin-right, 0px); margin-bottom: var(--uqchny-margin-bottom, 0px); margin-left: var(--uqchny-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uqchny-margin-top-tablet, 0px); margin-right: var(--uqchny-margin-right-tablet, 0px); margin-bottom: var(--uqchny-margin-bottom-tablet, 0px); margin-left: var(--uqchny-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uqchny-margin-top-mobile, 0px); margin-right: var(--uqchny-margin-right-mobile, 0px); margin-bottom: var(--uqchny-margin-bottom-mobile, 0px); margin-left: var(--uqchny-margin-left-mobile, 0px); } & { font-style: var(--uqchny-fontStyle, normal); } & .omnise-highlight-svg { position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--uqchny-highlightColor, var(--omnise-p-color)); top: var(--uqchny-highlightTop, 100%); } }[data-bnode="omnise-4sbysg"] { --4sbysg-width: fill; --4sbysg-width-tablet: fill; --4sbysg-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; --4sbysg-iconWidth: 20px; --4sbysg-iconWidth-tablet: 20px; --4sbysg-iconWidth-mobile: 20px; --4sbysg-iconGap: 5px; --4sbysg-iconGap-tablet: 5px; --4sbysg-iconGap-mobile: 5px; --4sbysg-labelBtnHover: -25; --4sbysg-labelBtnHover-tablet: -25; --4sbysg-labelBtnHover-mobile: -25; --4sbysg-button: te; --4sbysg-button-tablet: te; --4sbysg-button-mobile: te; }[data-bnode="omnise-4sbysg"] { margin-top: var(--4sbysg-margin-top, 0px); margin-right: var(--4sbysg-margin-right, 0px); margin-bottom: var(--4sbysg-margin-bottom, 0px); margin-left: var(--4sbysg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4sbysg-margin-top-tablet, 0px); margin-right: var(--4sbysg-margin-right-tablet, 0px); margin-bottom: var(--4sbysg-margin-bottom-tablet, 0px); margin-left: var(--4sbysg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4sbysg-margin-top-mobile, 0px); margin-right: var(--4sbysg-margin-right-mobile, 0px); margin-bottom: var(--4sbysg-margin-bottom-mobile, 0px); margin-left: var(--4sbysg-margin-left-mobile, 0px); } &{ gap:var(--4sbysg-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--4sbysg-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--4sbysg-bgBtnHover)) * 1%)); style(--4sbysg-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--4sbysg-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--4sbysg-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--4sbysg-labelBtnHover)) * 1%)); style(--4sbysg-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--4sbysg-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--4sbysg-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--4sbysg-borderBtnHover)) * 1%)); style(--4sbysg-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--4sbysg-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--4sbysg-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--4sbysg-bgBtnHover)) * 1%)); style(--4sbysg-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--4sbysg-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--4sbysg-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--4sbysg-labelBtnHover)) * 1%)); style(--4sbysg-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--4sbysg-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--4sbysg-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--4sbysg-borderBtnHover)) * 1%)); style(--4sbysg-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--4sbysg-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--4sbysg-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--4sbysg-labelBtnHover)) * 1%)); style(--4sbysg-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--4sbysg-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--4sbysg-iconWidth); } svg { width: var(--4sbysg-iconWidth,20px); min-width: var(--4sbysg-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--4sbysg-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--4sbysg-iconWidth-tablet, var(--4sbysg-iconWidth)); } svg { width: var(--4sbysg-iconWidth-tablet, var(--4sbysg-iconWidth, 20px)); min-width: var(--4sbysg-iconWidth-tablet, var(--4sbysg-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--4sbysg-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--4sbysg-iconWidth-mobile, var(--4sbysg-iconWidth)); } svg { width: var(--4sbysg-iconWidth-mobile, var(--4sbysg-iconWidth, 20px)); min-width: var(--4sbysg-iconWidth-mobile, var(--4sbysg-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-uj9mh3"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-uj9mh3"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-uj9mh3"] {        flex-wrap: nowrap;        gap: 24px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-uj9mh3"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-uj9mh3"] {                gap: 24px;     }  }[data-bnode="omnise-a1ohrc"] { --a1ohrc-listType: grid; --a1ohrc-listType-tablet: grid; --a1ohrc-listType-mobile: grid; --a1ohrc-columns: 4; --a1ohrc-columns-tablet: 2; --a1ohrc-columns-mobile: 2; --a1ohrc-navType: true; --a1ohrc-navType-tablet: true; --a1ohrc-navType-mobile: true; --a1ohrc-navColor: #333333; --a1ohrc-navColor-tablet: #333333; --a1ohrc-navColor-mobile: #333333; --a1ohrc-pagiType: true; --a1ohrc-pagiType-tablet: true; --a1ohrc-pagiType-mobile: true; --a1ohrc-gap: 12px; --a1ohrc-gap-tablet: 8px; --a1ohrc-gap-mobile: 24px; --a1ohrc-statePagination: hover; --a1ohrc-statePagination-tablet: hover; --a1ohrc-statePagination-mobile: hover; --a1ohrc-pagiBg: #e6e6e6; --a1ohrc-pagiBg-tablet: #e6e6e6; --a1ohrc-pagiBg-mobile: #e6e6e6; --a1ohrc-navIconSize: 20px; --a1ohrc-navIconSize-tablet: 20px; --a1ohrc-navIconSize-mobile: 20px; --a1ohrc-margin-top-tablet: 0px; --a1ohrc-margin-top-mobile: 0px; --a1ohrc-margin-right-tablet: 0px; --a1ohrc-margin-right-mobile: 0px; --a1ohrc-margin-bottom-tablet: 0px; --a1ohrc-margin-bottom-mobile: 0px; --a1ohrc-margin-left-tablet: 0px; --a1ohrc-margin-left-mobile: 0px; --a1ohrc-columnsMobile-mobile: 1; }[data-bnode="omnise-a1ohrc"] { margin-top: var(--a1ohrc-margin-top, 0px); margin-right: var(--a1ohrc-margin-right, 0px); margin-bottom: var(--a1ohrc-margin-bottom, 0px); margin-left: var(--a1ohrc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--a1ohrc-margin-top-tablet, 0px); margin-right: var(--a1ohrc-margin-right-tablet, 0px); margin-bottom: var(--a1ohrc-margin-bottom-tablet, 0px); margin-left: var(--a1ohrc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--a1ohrc-margin-top-mobile, 0px); margin-right: var(--a1ohrc-margin-right-mobile, 0px); margin-bottom: var(--a1ohrc-margin-bottom-mobile, 0px); margin-left: var(--a1ohrc-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(--a1ohrc-pagiBg, #e6e6e6); display: flex !important; span { background: var(--a1ohrc-pagiBgActive, #181818); &:hover { background: var(--a1ohrc-pagiBgHover, #cccccc); } } } } @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--a1ohrc-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--a1ohrc-gap, 20px) * (var(--a1ohrc-columns, 3) - 1) ) / var(--a1ohrc-columns, 3) ); &:last-child { margin-right: var(--a1ohrc-gap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--a1ohrc-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--a1ohrc-columns) - 1) * var(--a1ohrc-gap, 20px)) / var(--a1ohrc-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--a1ohrc-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--a1ohrc-gap-tablet, 20px) * (var(--a1ohrc-columns-tablet, 3) - 1) ) / var(--a1ohrc-columns-tablet, 3) ); &:last-child { margin-right: var(--a1ohrc-gap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--a1ohrc-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--a1ohrc-columns-tablet) - 1) * var(--a1ohrc-gap-tablet, 20px) ) / var(--a1ohrc-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--a1ohrc-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--a1ohrc-gap-mobile, 20px) * (var(--a1ohrc-columnsMobile-mobile, 1) - 1) ) / var(--a1ohrc-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--a1ohrc-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--a1ohrc-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--a1ohrc-columnsMobile-mobile) - 1) * var(--a1ohrc-gap-mobile, 20px) ) / var(--a1ohrc-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--a1ohrc-navPadding, 12px); background: var(--a1ohrc-navBg, #f5f5f5); color: var(--a1ohrc-navColor, #333333); cursor: pointer; &:hover { background: var(--a1ohrc-navBgHover, #cccccc); color: var(--a1ohrc-navColorHover, #333333); } svg { width: var(--a1ohrc-navIconSize, 20px); height: var(--a1ohrc-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--a1ohrc-pagiBg, #e6e6e6); &.active { background: var(--a1ohrc-pagiBgActive, #181818); } &:not(.active):hover { background: var(--a1ohrc-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--a1ohrc-pagiColor, #e6e6e6); &.active { color: var(--a1ohrc-pagiColorActive, #181818); } &:not(.active):hover { color: var(--a1ohrc-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--a1ohrc-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--a1ohrc-pagiBg, #e6e6e6); &.active { background: var(--a1ohrc-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--a1ohrc-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-nkmnj6"] { background: #FFFFFF; } [data-bnode="omnise-nkmnj6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-nkmnj6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-nkmnj6"] {                gap: 4px;     }  }[data-bnode="omnise-seyq7w"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-seyq7w"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-seyq7w"] {                     }  }[data-bnode="omnise-sldczp"] {   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-sldczp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sldczp"] {      }  } [data-bnode="omnise-sldczp"] {     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-sldczp"] {                      &>.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-sldczp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-7e4lr9"] { --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-7e4lr9"] { margin-top: var(--7e4lr9-margin-top, 0px); margin-right: var(--7e4lr9-margin-right, 0px); margin-bottom: var(--7e4lr9-margin-bottom, 0px); margin-left: var(--7e4lr9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7e4lr9-margin-top-tablet, 0px); margin-right: var(--7e4lr9-margin-right-tablet, 0px); margin-bottom: var(--7e4lr9-margin-bottom-tablet, 0px); margin-left: var(--7e4lr9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7e4lr9-margin-top-mobile, 0px); margin-right: var(--7e4lr9-margin-right-mobile, 0px); margin-bottom: var(--7e4lr9-margin-bottom-mobile, 0px); margin-left: var(--7e4lr9-margin-left-mobile, 0px); } }[data-bnode="omnise-q4nwmz"] { --q4nwmz-borderStyle: none; --q4nwmz-borderStyle-tablet: none; --q4nwmz-borderStyle-mobile: none; --q4nwmz-borderColor: #000000; --q4nwmz-borderColor-tablet: #000000; --q4nwmz-borderColor-mobile: #000000; --q4nwmz-borderWidth: 1px; --q4nwmz-borderWidth-tablet: 1px; --q4nwmz-borderWidth-mobile: 1px; --q4nwmz-shadowHorizontal: 0; --q4nwmz-shadowHorizontal-tablet: 0; --q4nwmz-shadowHorizontal-mobile: 0; --q4nwmz-shadowVertical: 0; --q4nwmz-shadowVertical-tablet: 0; --q4nwmz-shadowVertical-mobile: 0; --q4nwmz-shadowBlur: 0; --q4nwmz-shadowBlur-tablet: 0; --q4nwmz-shadowBlur-mobile: 0; --q4nwmz-shadowColor: #000000; --q4nwmz-shadowColor-tablet: #000000; --q4nwmz-shadowColor-mobile: #000000; --q4nwmz-padding-top: 0px; --q4nwmz-padding-top-tablet: 0px; --q4nwmz-padding-top-mobile: 0px; --q4nwmz-padding-right: 0px; --q4nwmz-padding-right-tablet: 0px; --q4nwmz-padding-right-mobile: 0px; --q4nwmz-padding-bottom: 0px; --q4nwmz-padding-bottom-tablet: 0px; --q4nwmz-padding-bottom-mobile: 0px; --q4nwmz-padding-left: 0px; --q4nwmz-padding-left-tablet: 0px; --q4nwmz-padding-left-mobile: 0px; --q4nwmz-enableShadow: false; --q4nwmz-enableShadow-tablet: false; --q4nwmz-enableShadow-mobile: false; --q4nwmz-imageRatio: 5/7; --q4nwmz-imageRatio-tablet: 5/7; --q4nwmz-imageRatio-mobile: 5/7; --q4nwmz-borderRadius-tl: 0px; --q4nwmz-borderRadius-tl-tablet: 0px; --q4nwmz-borderRadius-tl-mobile: 0px; --q4nwmz-borderRadius-tr: 0px; --q4nwmz-borderRadius-tr-tablet: 0px; --q4nwmz-borderRadius-tr-mobile: 0px; --q4nwmz-borderRadius-bl: 0px; --q4nwmz-borderRadius-bl-tablet: 0px; --q4nwmz-borderRadius-bl-mobile: 0px; --q4nwmz-borderRadius-br: 0px; --q4nwmz-borderRadius-br-tablet: 0px; --q4nwmz-borderRadius-br-mobile: 0px; --q4nwmz-margin-top: 0px; --q4nwmz-margin-top-tablet: 0px; --q4nwmz-margin-top-mobile: 0px; --q4nwmz-margin-right: 0px; --q4nwmz-margin-right-tablet: 0px; --q4nwmz-margin-right-mobile: 0px; --q4nwmz-margin-bottom: 0px; --q4nwmz-margin-bottom-tablet: 0px; --q4nwmz-margin-bottom-mobile: 0px; --q4nwmz-margin-left: 0px; --q4nwmz-margin-left-tablet: 0px; --q4nwmz-margin-left-mobile: 0px; }[data-bnode="omnise-q4nwmz"] { margin-top: var(--q4nwmz-margin-top, 0px); margin-right: var(--q4nwmz-margin-right, 0px); margin-bottom: var(--q4nwmz-margin-bottom, 0px); margin-left: var(--q4nwmz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q4nwmz-margin-top-tablet, 0px); margin-right: var(--q4nwmz-margin-right-tablet, 0px); margin-bottom: var(--q4nwmz-margin-bottom-tablet, 0px); margin-left: var(--q4nwmz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q4nwmz-margin-top-mobile, 0px); margin-right: var(--q4nwmz-margin-right-mobile, 0px); margin-bottom: var(--q4nwmz-margin-bottom-mobile, 0px); margin-left: var(--q4nwmz-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--q4nwmz-imageRatio, auto); overflow: hidden; border-style: var(--q4nwmz-borderStyle, solid); border-color: var(--q4nwmz-borderColor, var(--omnise-card-media-border-color)); border-width: var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--q4nwmz-shadowHorizontal, var(--omnise-card-shadow-x)) var(--q4nwmz-shadowVertical, var(--omnise-card-shadow-y)) var(--q4nwmz-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--q4nwmz-shadowColor, var(--omnise-card-media-shadow-color)) var(--q4nwmz-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--q4nwmz-imageRatio-tablet, var(--q4nwmz-imageRatio, auto)); border-width: var(--q4nwmz-borderWidth-tl-tablet, var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-tr-tablet, var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-br-tablet, var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-bl-tablet, var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--q4nwmz-borderRadius-tl-tablet, var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-tr-tablet, var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-br-tablet, var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-bl-tablet, var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--q4nwmz-max-width-tablet, var(--q4nwmz-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--q4nwmz-imageRatio-mobile, var(--q4nwmz-imageRatio, auto)); border-width: var(--q4nwmz-borderWidth-tl-mobile, var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-tr-mobile, var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-br-mobile, var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-bl-mobile, var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--q4nwmz-borderRadius-tl-mobile, var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-tr-mobile, var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-br-mobile, var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-bl-mobile, var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--q4nwmz-max-width-mobile, var(--q4nwmz-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-bcpox0"] {   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-bcpox0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-bcpox0"] {      }  } [data-bnode="omnise-bcpox0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bcpox0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-bcpox0"] {                     }  }[data-bnode="omnise-ulxj8e"] { --ulxj8e-width: fill; --ulxj8e-width-tablet: fill; --ulxj8e-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; --ulxj8e-transform: none; --ulxj8e-transform-tablet: none; --ulxj8e-transform-mobile: none; --ulxj8e-iconWidth: 20px; --ulxj8e-iconWidth-tablet: 20px; --ulxj8e-iconWidth-mobile: 20px; --ulxj8e-iconGap: 5px; --ulxj8e-iconGap-tablet: 5px; --ulxj8e-iconGap-mobile: 5px; --ulxj8e-button: pr; --ulxj8e-button-tablet: pr; --ulxj8e-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-ulxj8e"] { margin-top: var(--ulxj8e-margin-top, 0px); margin-right: var(--ulxj8e-margin-right, 0px); margin-bottom: var(--ulxj8e-margin-bottom, 0px); margin-left: var(--ulxj8e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ulxj8e-margin-top-tablet, 0px); margin-right: var(--ulxj8e-margin-right-tablet, 0px); margin-bottom: var(--ulxj8e-margin-bottom-tablet, 0px); margin-left: var(--ulxj8e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ulxj8e-margin-top-mobile, 0px); margin-right: var(--ulxj8e-margin-right-mobile, 0px); margin-bottom: var(--ulxj8e-margin-bottom-mobile, 0px); margin-left: var(--ulxj8e-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--ulxj8e-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--ulxj8e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); style(--ulxj8e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--ulxj8e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); style(--ulxj8e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--ulxj8e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); style(--ulxj8e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--ulxj8e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); style(--ulxj8e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--ulxj8e-iconWidth,20px); min-width: var(--ulxj8e-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(--ulxj8e-iconGap-tablet); svg { width: var(--ulxj8e-iconWidth-tablet,var(--ulxj8e-iconWidth,20px)); min-width: var(--ulxj8e-iconWidth-tablet,var(--ulxj8e-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--ulxj8e-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--ulxj8e-iconWidth-mobile,var(--ulxj8e-iconWidth,20px)); min-width: var(--ulxj8e-iconWidth-mobile,var(--ulxj8e-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-s8j24v"] { --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; --s8j24v-typography: p2; --s8j24v-typography-tablet: p2; --s8j24v-typography-mobile: p2; --s8j24v-margin-top: 12px; --s8j24v-margin-top-tablet: 12px; --s8j24v-margin-top-mobile: 12px; --s8j24v-margin-right: 0px; --s8j24v-margin-right-tablet: 0px; --s8j24v-margin-right-mobile: 0px; --s8j24v-margin-bottom: 0px; --s8j24v-margin-bottom-tablet: 0px; --s8j24v-margin-bottom-mobile: 0px; --s8j24v-margin-left: 0px; --s8j24v-margin-left-tablet: 0px; --s8j24v-margin-left-mobile: 0px; }[data-bnode="omnise-s8j24v"] { margin-top: var(--s8j24v-margin-top, 0px); margin-right: var(--s8j24v-margin-right, 0px); margin-bottom: var(--s8j24v-margin-bottom, 0px); margin-left: var(--s8j24v-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s8j24v-margin-top-tablet, 0px); margin-right: var(--s8j24v-margin-right-tablet, 0px); margin-bottom: var(--s8j24v-margin-bottom-tablet, 0px); margin-left: var(--s8j24v-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s8j24v-margin-top-mobile, 0px); margin-right: var(--s8j24v-margin-right-mobile, 0px); margin-bottom: var(--s8j24v-margin-bottom-mobile, 0px); margin-left: var(--s8j24v-margin-left-mobile, 0px); } }[data-bnode="omnise-f4essx"] { --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; --f4essx-priceType: salePrice; --f4essx-priceType-tablet: salePrice; --f4essx-priceType-mobile: salePrice; --f4essx-decoration: line-through; --f4essx-decoration-tablet: line-through; --f4essx-decoration-mobile: line-through; --f4essx-typography: p2; --f4essx-typography-tablet: p2; --f4essx-typography-mobile: p2; --f4essx-salePriceColor: #C13C18; --f4essx-salePriceColor-tablet: #C13C18; --f4essx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-f4essx"] { margin-top: var(--f4essx-margin-top, 0px); margin-right: var(--f4essx-margin-right, 0px); margin-bottom: var(--f4essx-margin-bottom, 0px); margin-left: var(--f4essx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f4essx-margin-top-tablet, 0px); margin-right: var(--f4essx-margin-right-tablet, 0px); margin-bottom: var(--f4essx-margin-bottom-tablet, 0px); margin-left: var(--f4essx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f4essx-margin-top-mobile, 0px); margin-right: var(--f4essx-margin-right-mobile, 0px); margin-bottom: var(--f4essx-margin-bottom-mobile, 0px); margin-left: var(--f4essx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--f4essx-comparePriceColor); text-decoration: var(--f4essx-decoration,none); font-size: calc(var(--f4essx-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--f4essx-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nkmnj6"] { background: #FFFFFF; } [data-bnode="omnise-nkmnj6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-nkmnj6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-nkmnj6"] {                gap: 4px;     }  }[data-bnode="omnise-seyq7w"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-seyq7w"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-seyq7w"] {                     }  }[data-bnode="omnise-sldczp"] {   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-sldczp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sldczp"] {      }  } [data-bnode="omnise-sldczp"] {     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-sldczp"] {                      &>.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-sldczp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-7e4lr9"] { --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-7e4lr9"] { margin-top: var(--7e4lr9-margin-top, 0px); margin-right: var(--7e4lr9-margin-right, 0px); margin-bottom: var(--7e4lr9-margin-bottom, 0px); margin-left: var(--7e4lr9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7e4lr9-margin-top-tablet, 0px); margin-right: var(--7e4lr9-margin-right-tablet, 0px); margin-bottom: var(--7e4lr9-margin-bottom-tablet, 0px); margin-left: var(--7e4lr9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7e4lr9-margin-top-mobile, 0px); margin-right: var(--7e4lr9-margin-right-mobile, 0px); margin-bottom: var(--7e4lr9-margin-bottom-mobile, 0px); margin-left: var(--7e4lr9-margin-left-mobile, 0px); } }[data-bnode="omnise-q4nwmz"] { --q4nwmz-borderStyle: none; --q4nwmz-borderStyle-tablet: none; --q4nwmz-borderStyle-mobile: none; --q4nwmz-borderColor: #000000; --q4nwmz-borderColor-tablet: #000000; --q4nwmz-borderColor-mobile: #000000; --q4nwmz-borderWidth: 1px; --q4nwmz-borderWidth-tablet: 1px; --q4nwmz-borderWidth-mobile: 1px; --q4nwmz-shadowHorizontal: 0; --q4nwmz-shadowHorizontal-tablet: 0; --q4nwmz-shadowHorizontal-mobile: 0; --q4nwmz-shadowVertical: 0; --q4nwmz-shadowVertical-tablet: 0; --q4nwmz-shadowVertical-mobile: 0; --q4nwmz-shadowBlur: 0; --q4nwmz-shadowBlur-tablet: 0; --q4nwmz-shadowBlur-mobile: 0; --q4nwmz-shadowColor: #000000; --q4nwmz-shadowColor-tablet: #000000; --q4nwmz-shadowColor-mobile: #000000; --q4nwmz-padding-top: 0px; --q4nwmz-padding-top-tablet: 0px; --q4nwmz-padding-top-mobile: 0px; --q4nwmz-padding-right: 0px; --q4nwmz-padding-right-tablet: 0px; --q4nwmz-padding-right-mobile: 0px; --q4nwmz-padding-bottom: 0px; --q4nwmz-padding-bottom-tablet: 0px; --q4nwmz-padding-bottom-mobile: 0px; --q4nwmz-padding-left: 0px; --q4nwmz-padding-left-tablet: 0px; --q4nwmz-padding-left-mobile: 0px; --q4nwmz-enableShadow: false; --q4nwmz-enableShadow-tablet: false; --q4nwmz-enableShadow-mobile: false; --q4nwmz-imageRatio: 5/7; --q4nwmz-imageRatio-tablet: 5/7; --q4nwmz-imageRatio-mobile: 5/7; --q4nwmz-borderRadius-tl: 0px; --q4nwmz-borderRadius-tl-tablet: 0px; --q4nwmz-borderRadius-tl-mobile: 0px; --q4nwmz-borderRadius-tr: 0px; --q4nwmz-borderRadius-tr-tablet: 0px; --q4nwmz-borderRadius-tr-mobile: 0px; --q4nwmz-borderRadius-bl: 0px; --q4nwmz-borderRadius-bl-tablet: 0px; --q4nwmz-borderRadius-bl-mobile: 0px; --q4nwmz-borderRadius-br: 0px; --q4nwmz-borderRadius-br-tablet: 0px; --q4nwmz-borderRadius-br-mobile: 0px; --q4nwmz-margin-top: 0px; --q4nwmz-margin-top-tablet: 0px; --q4nwmz-margin-top-mobile: 0px; --q4nwmz-margin-right: 0px; --q4nwmz-margin-right-tablet: 0px; --q4nwmz-margin-right-mobile: 0px; --q4nwmz-margin-bottom: 0px; --q4nwmz-margin-bottom-tablet: 0px; --q4nwmz-margin-bottom-mobile: 0px; --q4nwmz-margin-left: 0px; --q4nwmz-margin-left-tablet: 0px; --q4nwmz-margin-left-mobile: 0px; }[data-bnode="omnise-q4nwmz"] { margin-top: var(--q4nwmz-margin-top, 0px); margin-right: var(--q4nwmz-margin-right, 0px); margin-bottom: var(--q4nwmz-margin-bottom, 0px); margin-left: var(--q4nwmz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q4nwmz-margin-top-tablet, 0px); margin-right: var(--q4nwmz-margin-right-tablet, 0px); margin-bottom: var(--q4nwmz-margin-bottom-tablet, 0px); margin-left: var(--q4nwmz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q4nwmz-margin-top-mobile, 0px); margin-right: var(--q4nwmz-margin-right-mobile, 0px); margin-bottom: var(--q4nwmz-margin-bottom-mobile, 0px); margin-left: var(--q4nwmz-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--q4nwmz-imageRatio, auto); overflow: hidden; border-style: var(--q4nwmz-borderStyle, solid); border-color: var(--q4nwmz-borderColor, var(--omnise-card-media-border-color)); border-width: var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--q4nwmz-shadowHorizontal, var(--omnise-card-shadow-x)) var(--q4nwmz-shadowVertical, var(--omnise-card-shadow-y)) var(--q4nwmz-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--q4nwmz-shadowColor, var(--omnise-card-media-shadow-color)) var(--q4nwmz-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--q4nwmz-imageRatio-tablet, var(--q4nwmz-imageRatio, auto)); border-width: var(--q4nwmz-borderWidth-tl-tablet, var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-tr-tablet, var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-br-tablet, var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-bl-tablet, var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--q4nwmz-borderRadius-tl-tablet, var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-tr-tablet, var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-br-tablet, var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-bl-tablet, var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--q4nwmz-max-width-tablet, var(--q4nwmz-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--q4nwmz-imageRatio-mobile, var(--q4nwmz-imageRatio, auto)); border-width: var(--q4nwmz-borderWidth-tl-mobile, var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-tr-mobile, var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-br-mobile, var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-bl-mobile, var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--q4nwmz-borderRadius-tl-mobile, var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-tr-mobile, var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-br-mobile, var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-bl-mobile, var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--q4nwmz-max-width-mobile, var(--q4nwmz-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-bcpox0"] {   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-bcpox0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-bcpox0"] {      }  } [data-bnode="omnise-bcpox0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bcpox0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-bcpox0"] {                     }  }[data-bnode="omnise-ulxj8e"] { --ulxj8e-width: fill; --ulxj8e-width-tablet: fill; --ulxj8e-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; --ulxj8e-transform: none; --ulxj8e-transform-tablet: none; --ulxj8e-transform-mobile: none; --ulxj8e-iconWidth: 20px; --ulxj8e-iconWidth-tablet: 20px; --ulxj8e-iconWidth-mobile: 20px; --ulxj8e-iconGap: 5px; --ulxj8e-iconGap-tablet: 5px; --ulxj8e-iconGap-mobile: 5px; --ulxj8e-button: pr; --ulxj8e-button-tablet: pr; --ulxj8e-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-ulxj8e"] { margin-top: var(--ulxj8e-margin-top, 0px); margin-right: var(--ulxj8e-margin-right, 0px); margin-bottom: var(--ulxj8e-margin-bottom, 0px); margin-left: var(--ulxj8e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ulxj8e-margin-top-tablet, 0px); margin-right: var(--ulxj8e-margin-right-tablet, 0px); margin-bottom: var(--ulxj8e-margin-bottom-tablet, 0px); margin-left: var(--ulxj8e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ulxj8e-margin-top-mobile, 0px); margin-right: var(--ulxj8e-margin-right-mobile, 0px); margin-bottom: var(--ulxj8e-margin-bottom-mobile, 0px); margin-left: var(--ulxj8e-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--ulxj8e-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--ulxj8e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); style(--ulxj8e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--ulxj8e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); style(--ulxj8e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--ulxj8e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); style(--ulxj8e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--ulxj8e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); style(--ulxj8e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--ulxj8e-iconWidth,20px); min-width: var(--ulxj8e-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(--ulxj8e-iconGap-tablet); svg { width: var(--ulxj8e-iconWidth-tablet,var(--ulxj8e-iconWidth,20px)); min-width: var(--ulxj8e-iconWidth-tablet,var(--ulxj8e-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--ulxj8e-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--ulxj8e-iconWidth-mobile,var(--ulxj8e-iconWidth,20px)); min-width: var(--ulxj8e-iconWidth-mobile,var(--ulxj8e-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-s8j24v"] { --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; --s8j24v-typography: p2; --s8j24v-typography-tablet: p2; --s8j24v-typography-mobile: p2; --s8j24v-margin-top: 12px; --s8j24v-margin-top-tablet: 12px; --s8j24v-margin-top-mobile: 12px; --s8j24v-margin-right: 0px; --s8j24v-margin-right-tablet: 0px; --s8j24v-margin-right-mobile: 0px; --s8j24v-margin-bottom: 0px; --s8j24v-margin-bottom-tablet: 0px; --s8j24v-margin-bottom-mobile: 0px; --s8j24v-margin-left: 0px; --s8j24v-margin-left-tablet: 0px; --s8j24v-margin-left-mobile: 0px; }[data-bnode="omnise-s8j24v"] { margin-top: var(--s8j24v-margin-top, 0px); margin-right: var(--s8j24v-margin-right, 0px); margin-bottom: var(--s8j24v-margin-bottom, 0px); margin-left: var(--s8j24v-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s8j24v-margin-top-tablet, 0px); margin-right: var(--s8j24v-margin-right-tablet, 0px); margin-bottom: var(--s8j24v-margin-bottom-tablet, 0px); margin-left: var(--s8j24v-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s8j24v-margin-top-mobile, 0px); margin-right: var(--s8j24v-margin-right-mobile, 0px); margin-bottom: var(--s8j24v-margin-bottom-mobile, 0px); margin-left: var(--s8j24v-margin-left-mobile, 0px); } }[data-bnode="omnise-f4essx"] { --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; --f4essx-priceType: salePrice; --f4essx-priceType-tablet: salePrice; --f4essx-priceType-mobile: salePrice; --f4essx-decoration: line-through; --f4essx-decoration-tablet: line-through; --f4essx-decoration-mobile: line-through; --f4essx-typography: p2; --f4essx-typography-tablet: p2; --f4essx-typography-mobile: p2; --f4essx-salePriceColor: #C13C18; --f4essx-salePriceColor-tablet: #C13C18; --f4essx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-f4essx"] { margin-top: var(--f4essx-margin-top, 0px); margin-right: var(--f4essx-margin-right, 0px); margin-bottom: var(--f4essx-margin-bottom, 0px); margin-left: var(--f4essx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f4essx-margin-top-tablet, 0px); margin-right: var(--f4essx-margin-right-tablet, 0px); margin-bottom: var(--f4essx-margin-bottom-tablet, 0px); margin-left: var(--f4essx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f4essx-margin-top-mobile, 0px); margin-right: var(--f4essx-margin-right-mobile, 0px); margin-bottom: var(--f4essx-margin-bottom-mobile, 0px); margin-left: var(--f4essx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--f4essx-comparePriceColor); text-decoration: var(--f4essx-decoration,none); font-size: calc(var(--f4essx-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--f4essx-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nkmnj6"] { background: #FFFFFF; } [data-bnode="omnise-nkmnj6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-nkmnj6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-nkmnj6"] {                gap: 4px;     }  }[data-bnode="omnise-seyq7w"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-seyq7w"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-seyq7w"] {                     }  }[data-bnode="omnise-sldczp"] {   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-sldczp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sldczp"] {      }  } [data-bnode="omnise-sldczp"] {     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-sldczp"] {                      &>.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-sldczp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-7e4lr9"] { --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-7e4lr9"] { margin-top: var(--7e4lr9-margin-top, 0px); margin-right: var(--7e4lr9-margin-right, 0px); margin-bottom: var(--7e4lr9-margin-bottom, 0px); margin-left: var(--7e4lr9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7e4lr9-margin-top-tablet, 0px); margin-right: var(--7e4lr9-margin-right-tablet, 0px); margin-bottom: var(--7e4lr9-margin-bottom-tablet, 0px); margin-left: var(--7e4lr9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7e4lr9-margin-top-mobile, 0px); margin-right: var(--7e4lr9-margin-right-mobile, 0px); margin-bottom: var(--7e4lr9-margin-bottom-mobile, 0px); margin-left: var(--7e4lr9-margin-left-mobile, 0px); } }[data-bnode="omnise-q4nwmz"] { --q4nwmz-borderStyle: none; --q4nwmz-borderStyle-tablet: none; --q4nwmz-borderStyle-mobile: none; --q4nwmz-borderColor: #000000; --q4nwmz-borderColor-tablet: #000000; --q4nwmz-borderColor-mobile: #000000; --q4nwmz-borderWidth: 1px; --q4nwmz-borderWidth-tablet: 1px; --q4nwmz-borderWidth-mobile: 1px; --q4nwmz-shadowHorizontal: 0; --q4nwmz-shadowHorizontal-tablet: 0; --q4nwmz-shadowHorizontal-mobile: 0; --q4nwmz-shadowVertical: 0; --q4nwmz-shadowVertical-tablet: 0; --q4nwmz-shadowVertical-mobile: 0; --q4nwmz-shadowBlur: 0; --q4nwmz-shadowBlur-tablet: 0; --q4nwmz-shadowBlur-mobile: 0; --q4nwmz-shadowColor: #000000; --q4nwmz-shadowColor-tablet: #000000; --q4nwmz-shadowColor-mobile: #000000; --q4nwmz-padding-top: 0px; --q4nwmz-padding-top-tablet: 0px; --q4nwmz-padding-top-mobile: 0px; --q4nwmz-padding-right: 0px; --q4nwmz-padding-right-tablet: 0px; --q4nwmz-padding-right-mobile: 0px; --q4nwmz-padding-bottom: 0px; --q4nwmz-padding-bottom-tablet: 0px; --q4nwmz-padding-bottom-mobile: 0px; --q4nwmz-padding-left: 0px; --q4nwmz-padding-left-tablet: 0px; --q4nwmz-padding-left-mobile: 0px; --q4nwmz-enableShadow: false; --q4nwmz-enableShadow-tablet: false; --q4nwmz-enableShadow-mobile: false; --q4nwmz-imageRatio: 5/7; --q4nwmz-imageRatio-tablet: 5/7; --q4nwmz-imageRatio-mobile: 5/7; --q4nwmz-borderRadius-tl: 0px; --q4nwmz-borderRadius-tl-tablet: 0px; --q4nwmz-borderRadius-tl-mobile: 0px; --q4nwmz-borderRadius-tr: 0px; --q4nwmz-borderRadius-tr-tablet: 0px; --q4nwmz-borderRadius-tr-mobile: 0px; --q4nwmz-borderRadius-bl: 0px; --q4nwmz-borderRadius-bl-tablet: 0px; --q4nwmz-borderRadius-bl-mobile: 0px; --q4nwmz-borderRadius-br: 0px; --q4nwmz-borderRadius-br-tablet: 0px; --q4nwmz-borderRadius-br-mobile: 0px; --q4nwmz-margin-top: 0px; --q4nwmz-margin-top-tablet: 0px; --q4nwmz-margin-top-mobile: 0px; --q4nwmz-margin-right: 0px; --q4nwmz-margin-right-tablet: 0px; --q4nwmz-margin-right-mobile: 0px; --q4nwmz-margin-bottom: 0px; --q4nwmz-margin-bottom-tablet: 0px; --q4nwmz-margin-bottom-mobile: 0px; --q4nwmz-margin-left: 0px; --q4nwmz-margin-left-tablet: 0px; --q4nwmz-margin-left-mobile: 0px; }[data-bnode="omnise-q4nwmz"] { margin-top: var(--q4nwmz-margin-top, 0px); margin-right: var(--q4nwmz-margin-right, 0px); margin-bottom: var(--q4nwmz-margin-bottom, 0px); margin-left: var(--q4nwmz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q4nwmz-margin-top-tablet, 0px); margin-right: var(--q4nwmz-margin-right-tablet, 0px); margin-bottom: var(--q4nwmz-margin-bottom-tablet, 0px); margin-left: var(--q4nwmz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q4nwmz-margin-top-mobile, 0px); margin-right: var(--q4nwmz-margin-right-mobile, 0px); margin-bottom: var(--q4nwmz-margin-bottom-mobile, 0px); margin-left: var(--q4nwmz-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--q4nwmz-imageRatio, auto); overflow: hidden; border-style: var(--q4nwmz-borderStyle, solid); border-color: var(--q4nwmz-borderColor, var(--omnise-card-media-border-color)); border-width: var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--q4nwmz-shadowHorizontal, var(--omnise-card-shadow-x)) var(--q4nwmz-shadowVertical, var(--omnise-card-shadow-y)) var(--q4nwmz-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--q4nwmz-shadowColor, var(--omnise-card-media-shadow-color)) var(--q4nwmz-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--q4nwmz-imageRatio-tablet, var(--q4nwmz-imageRatio, auto)); border-width: var(--q4nwmz-borderWidth-tl-tablet, var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-tr-tablet, var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-br-tablet, var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-bl-tablet, var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--q4nwmz-borderRadius-tl-tablet, var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-tr-tablet, var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-br-tablet, var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-bl-tablet, var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--q4nwmz-max-width-tablet, var(--q4nwmz-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--q4nwmz-imageRatio-mobile, var(--q4nwmz-imageRatio, auto)); border-width: var(--q4nwmz-borderWidth-tl-mobile, var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-tr-mobile, var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-br-mobile, var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-bl-mobile, var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--q4nwmz-borderRadius-tl-mobile, var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-tr-mobile, var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-br-mobile, var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-bl-mobile, var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--q4nwmz-max-width-mobile, var(--q4nwmz-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-bcpox0"] {   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-bcpox0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-bcpox0"] {      }  } [data-bnode="omnise-bcpox0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bcpox0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-bcpox0"] {                     }  }[data-bnode="omnise-ulxj8e"] { --ulxj8e-width: fill; --ulxj8e-width-tablet: fill; --ulxj8e-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; --ulxj8e-transform: none; --ulxj8e-transform-tablet: none; --ulxj8e-transform-mobile: none; --ulxj8e-iconWidth: 20px; --ulxj8e-iconWidth-tablet: 20px; --ulxj8e-iconWidth-mobile: 20px; --ulxj8e-iconGap: 5px; --ulxj8e-iconGap-tablet: 5px; --ulxj8e-iconGap-mobile: 5px; --ulxj8e-button: pr; --ulxj8e-button-tablet: pr; --ulxj8e-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-ulxj8e"] { margin-top: var(--ulxj8e-margin-top, 0px); margin-right: var(--ulxj8e-margin-right, 0px); margin-bottom: var(--ulxj8e-margin-bottom, 0px); margin-left: var(--ulxj8e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ulxj8e-margin-top-tablet, 0px); margin-right: var(--ulxj8e-margin-right-tablet, 0px); margin-bottom: var(--ulxj8e-margin-bottom-tablet, 0px); margin-left: var(--ulxj8e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ulxj8e-margin-top-mobile, 0px); margin-right: var(--ulxj8e-margin-right-mobile, 0px); margin-bottom: var(--ulxj8e-margin-bottom-mobile, 0px); margin-left: var(--ulxj8e-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--ulxj8e-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--ulxj8e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); style(--ulxj8e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--ulxj8e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); style(--ulxj8e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--ulxj8e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); style(--ulxj8e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--ulxj8e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); style(--ulxj8e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--ulxj8e-iconWidth,20px); min-width: var(--ulxj8e-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(--ulxj8e-iconGap-tablet); svg { width: var(--ulxj8e-iconWidth-tablet,var(--ulxj8e-iconWidth,20px)); min-width: var(--ulxj8e-iconWidth-tablet,var(--ulxj8e-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--ulxj8e-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--ulxj8e-iconWidth-mobile,var(--ulxj8e-iconWidth,20px)); min-width: var(--ulxj8e-iconWidth-mobile,var(--ulxj8e-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-s8j24v"] { --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; --s8j24v-typography: p2; --s8j24v-typography-tablet: p2; --s8j24v-typography-mobile: p2; --s8j24v-margin-top: 12px; --s8j24v-margin-top-tablet: 12px; --s8j24v-margin-top-mobile: 12px; --s8j24v-margin-right: 0px; --s8j24v-margin-right-tablet: 0px; --s8j24v-margin-right-mobile: 0px; --s8j24v-margin-bottom: 0px; --s8j24v-margin-bottom-tablet: 0px; --s8j24v-margin-bottom-mobile: 0px; --s8j24v-margin-left: 0px; --s8j24v-margin-left-tablet: 0px; --s8j24v-margin-left-mobile: 0px; }[data-bnode="omnise-s8j24v"] { margin-top: var(--s8j24v-margin-top, 0px); margin-right: var(--s8j24v-margin-right, 0px); margin-bottom: var(--s8j24v-margin-bottom, 0px); margin-left: var(--s8j24v-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s8j24v-margin-top-tablet, 0px); margin-right: var(--s8j24v-margin-right-tablet, 0px); margin-bottom: var(--s8j24v-margin-bottom-tablet, 0px); margin-left: var(--s8j24v-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s8j24v-margin-top-mobile, 0px); margin-right: var(--s8j24v-margin-right-mobile, 0px); margin-bottom: var(--s8j24v-margin-bottom-mobile, 0px); margin-left: var(--s8j24v-margin-left-mobile, 0px); } }[data-bnode="omnise-f4essx"] { --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; --f4essx-priceType: salePrice; --f4essx-priceType-tablet: salePrice; --f4essx-priceType-mobile: salePrice; --f4essx-decoration: line-through; --f4essx-decoration-tablet: line-through; --f4essx-decoration-mobile: line-through; --f4essx-typography: p2; --f4essx-typography-tablet: p2; --f4essx-typography-mobile: p2; --f4essx-salePriceColor: #C13C18; --f4essx-salePriceColor-tablet: #C13C18; --f4essx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-f4essx"] { margin-top: var(--f4essx-margin-top, 0px); margin-right: var(--f4essx-margin-right, 0px); margin-bottom: var(--f4essx-margin-bottom, 0px); margin-left: var(--f4essx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f4essx-margin-top-tablet, 0px); margin-right: var(--f4essx-margin-right-tablet, 0px); margin-bottom: var(--f4essx-margin-bottom-tablet, 0px); margin-left: var(--f4essx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f4essx-margin-top-mobile, 0px); margin-right: var(--f4essx-margin-right-mobile, 0px); margin-bottom: var(--f4essx-margin-bottom-mobile, 0px); margin-left: var(--f4essx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--f4essx-comparePriceColor); text-decoration: var(--f4essx-decoration,none); font-size: calc(var(--f4essx-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--f4essx-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nkmnj6"] { background: #FFFFFF; } [data-bnode="omnise-nkmnj6"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-nkmnj6"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-nkmnj6"] {                gap: 4px;     }  }[data-bnode="omnise-seyq7w"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-seyq7w"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-seyq7w"] {                     }  }[data-bnode="omnise-sldczp"] {   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-sldczp"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-sldczp"] {      }  } [data-bnode="omnise-sldczp"] {     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-sldczp"] {                      &>.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-sldczp"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-7e4lr9"] { --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-7e4lr9"] { margin-top: var(--7e4lr9-margin-top, 0px); margin-right: var(--7e4lr9-margin-right, 0px); margin-bottom: var(--7e4lr9-margin-bottom, 0px); margin-left: var(--7e4lr9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7e4lr9-margin-top-tablet, 0px); margin-right: var(--7e4lr9-margin-right-tablet, 0px); margin-bottom: var(--7e4lr9-margin-bottom-tablet, 0px); margin-left: var(--7e4lr9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7e4lr9-margin-top-mobile, 0px); margin-right: var(--7e4lr9-margin-right-mobile, 0px); margin-bottom: var(--7e4lr9-margin-bottom-mobile, 0px); margin-left: var(--7e4lr9-margin-left-mobile, 0px); } }[data-bnode="omnise-q4nwmz"] { --q4nwmz-borderStyle: none; --q4nwmz-borderStyle-tablet: none; --q4nwmz-borderStyle-mobile: none; --q4nwmz-borderColor: #000000; --q4nwmz-borderColor-tablet: #000000; --q4nwmz-borderColor-mobile: #000000; --q4nwmz-borderWidth: 1px; --q4nwmz-borderWidth-tablet: 1px; --q4nwmz-borderWidth-mobile: 1px; --q4nwmz-shadowHorizontal: 0; --q4nwmz-shadowHorizontal-tablet: 0; --q4nwmz-shadowHorizontal-mobile: 0; --q4nwmz-shadowVertical: 0; --q4nwmz-shadowVertical-tablet: 0; --q4nwmz-shadowVertical-mobile: 0; --q4nwmz-shadowBlur: 0; --q4nwmz-shadowBlur-tablet: 0; --q4nwmz-shadowBlur-mobile: 0; --q4nwmz-shadowColor: #000000; --q4nwmz-shadowColor-tablet: #000000; --q4nwmz-shadowColor-mobile: #000000; --q4nwmz-padding-top: 0px; --q4nwmz-padding-top-tablet: 0px; --q4nwmz-padding-top-mobile: 0px; --q4nwmz-padding-right: 0px; --q4nwmz-padding-right-tablet: 0px; --q4nwmz-padding-right-mobile: 0px; --q4nwmz-padding-bottom: 0px; --q4nwmz-padding-bottom-tablet: 0px; --q4nwmz-padding-bottom-mobile: 0px; --q4nwmz-padding-left: 0px; --q4nwmz-padding-left-tablet: 0px; --q4nwmz-padding-left-mobile: 0px; --q4nwmz-enableShadow: false; --q4nwmz-enableShadow-tablet: false; --q4nwmz-enableShadow-mobile: false; --q4nwmz-imageRatio: 5/7; --q4nwmz-imageRatio-tablet: 5/7; --q4nwmz-imageRatio-mobile: 5/7; --q4nwmz-borderRadius-tl: 0px; --q4nwmz-borderRadius-tl-tablet: 0px; --q4nwmz-borderRadius-tl-mobile: 0px; --q4nwmz-borderRadius-tr: 0px; --q4nwmz-borderRadius-tr-tablet: 0px; --q4nwmz-borderRadius-tr-mobile: 0px; --q4nwmz-borderRadius-bl: 0px; --q4nwmz-borderRadius-bl-tablet: 0px; --q4nwmz-borderRadius-bl-mobile: 0px; --q4nwmz-borderRadius-br: 0px; --q4nwmz-borderRadius-br-tablet: 0px; --q4nwmz-borderRadius-br-mobile: 0px; --q4nwmz-margin-top: 0px; --q4nwmz-margin-top-tablet: 0px; --q4nwmz-margin-top-mobile: 0px; --q4nwmz-margin-right: 0px; --q4nwmz-margin-right-tablet: 0px; --q4nwmz-margin-right-mobile: 0px; --q4nwmz-margin-bottom: 0px; --q4nwmz-margin-bottom-tablet: 0px; --q4nwmz-margin-bottom-mobile: 0px; --q4nwmz-margin-left: 0px; --q4nwmz-margin-left-tablet: 0px; --q4nwmz-margin-left-mobile: 0px; }[data-bnode="omnise-q4nwmz"] { margin-top: var(--q4nwmz-margin-top, 0px); margin-right: var(--q4nwmz-margin-right, 0px); margin-bottom: var(--q4nwmz-margin-bottom, 0px); margin-left: var(--q4nwmz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q4nwmz-margin-top-tablet, 0px); margin-right: var(--q4nwmz-margin-right-tablet, 0px); margin-bottom: var(--q4nwmz-margin-bottom-tablet, 0px); margin-left: var(--q4nwmz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q4nwmz-margin-top-mobile, 0px); margin-right: var(--q4nwmz-margin-right-mobile, 0px); margin-bottom: var(--q4nwmz-margin-bottom-mobile, 0px); margin-left: var(--q4nwmz-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--q4nwmz-imageRatio, auto); overflow: hidden; border-style: var(--q4nwmz-borderStyle, solid); border-color: var(--q4nwmz-borderColor, var(--omnise-card-media-border-color)); border-width: var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width)) var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius)) var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--q4nwmz-shadowHorizontal, var(--omnise-card-shadow-x)) var(--q4nwmz-shadowVertical, var(--omnise-card-shadow-y)) var(--q4nwmz-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--q4nwmz-shadowColor, var(--omnise-card-media-shadow-color)) var(--q4nwmz-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--q4nwmz-imageRatio-tablet, var(--q4nwmz-imageRatio, auto)); border-width: var(--q4nwmz-borderWidth-tl-tablet, var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-tr-tablet, var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-br-tablet, var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-bl-tablet, var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--q4nwmz-borderRadius-tl-tablet, var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-tr-tablet, var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-br-tablet, var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-bl-tablet, var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--q4nwmz-max-width-tablet, var(--q4nwmz-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--q4nwmz-imageRatio-mobile, var(--q4nwmz-imageRatio, auto)); border-width: var(--q4nwmz-borderWidth-tl-mobile, var(--q4nwmz-borderWidth-tl, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-tr-mobile, var(--q4nwmz-borderWidth-tr, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-br-mobile, var(--q4nwmz-borderWidth-br, var(--omnise-card-border-width))) var(--q4nwmz-borderWidth-bl-mobile, var(--q4nwmz-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--q4nwmz-borderRadius-tl-mobile, var(--q4nwmz-borderRadius-tl, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-tr-mobile, var(--q4nwmz-borderRadius-tr, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-br-mobile, var(--q4nwmz-borderRadius-br, var(--omnise-card-border-radius))) var(--q4nwmz-borderRadius-bl-mobile, var(--q4nwmz-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--q4nwmz-max-width-mobile, var(--q4nwmz-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-bcpox0"] {   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-bcpox0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-bcpox0"] {      }  } [data-bnode="omnise-bcpox0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bcpox0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-bcpox0"] {                     }  }[data-bnode="omnise-ulxj8e"] { --ulxj8e-width: fill; --ulxj8e-width-tablet: fill; --ulxj8e-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; --ulxj8e-transform: none; --ulxj8e-transform-tablet: none; --ulxj8e-transform-mobile: none; --ulxj8e-iconWidth: 20px; --ulxj8e-iconWidth-tablet: 20px; --ulxj8e-iconWidth-mobile: 20px; --ulxj8e-iconGap: 5px; --ulxj8e-iconGap-tablet: 5px; --ulxj8e-iconGap-mobile: 5px; --ulxj8e-button: pr; --ulxj8e-button-tablet: pr; --ulxj8e-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-ulxj8e"] { margin-top: var(--ulxj8e-margin-top, 0px); margin-right: var(--ulxj8e-margin-right, 0px); margin-bottom: var(--ulxj8e-margin-bottom, 0px); margin-left: var(--ulxj8e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ulxj8e-margin-top-tablet, 0px); margin-right: var(--ulxj8e-margin-right-tablet, 0px); margin-bottom: var(--ulxj8e-margin-bottom-tablet, 0px); margin-left: var(--ulxj8e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ulxj8e-margin-top-mobile, 0px); margin-right: var(--ulxj8e-margin-right-mobile, 0px); margin-bottom: var(--ulxj8e-margin-bottom-mobile, 0px); margin-left: var(--ulxj8e-margin-left-mobile, 0px); } &.omnise-atc-btn { opacity: 0; gap: var(--ulxj8e-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--ulxj8e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); style(--ulxj8e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--ulxj8e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); style(--ulxj8e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--ulxj8e-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); style(--ulxj8e-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--ulxj8e-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--ulxj8e-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); style(--ulxj8e-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--ulxj8e-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--ulxj8e-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); style(--ulxj8e-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--ulxj8e-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--ulxj8e-iconWidth,20px); min-width: var(--ulxj8e-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(--ulxj8e-iconGap-tablet); svg { width: var(--ulxj8e-iconWidth-tablet,var(--ulxj8e-iconWidth,20px)); min-width: var(--ulxj8e-iconWidth-tablet,var(--ulxj8e-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--ulxj8e-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--ulxj8e-iconWidth-mobile,var(--ulxj8e-iconWidth,20px)); min-width: var(--ulxj8e-iconWidth-mobile,var(--ulxj8e-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-s8j24v"] { --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; --s8j24v-typography: p2; --s8j24v-typography-tablet: p2; --s8j24v-typography-mobile: p2; --s8j24v-margin-top: 12px; --s8j24v-margin-top-tablet: 12px; --s8j24v-margin-top-mobile: 12px; --s8j24v-margin-right: 0px; --s8j24v-margin-right-tablet: 0px; --s8j24v-margin-right-mobile: 0px; --s8j24v-margin-bottom: 0px; --s8j24v-margin-bottom-tablet: 0px; --s8j24v-margin-bottom-mobile: 0px; --s8j24v-margin-left: 0px; --s8j24v-margin-left-tablet: 0px; --s8j24v-margin-left-mobile: 0px; }[data-bnode="omnise-s8j24v"] { margin-top: var(--s8j24v-margin-top, 0px); margin-right: var(--s8j24v-margin-right, 0px); margin-bottom: var(--s8j24v-margin-bottom, 0px); margin-left: var(--s8j24v-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s8j24v-margin-top-tablet, 0px); margin-right: var(--s8j24v-margin-right-tablet, 0px); margin-bottom: var(--s8j24v-margin-bottom-tablet, 0px); margin-left: var(--s8j24v-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s8j24v-margin-top-mobile, 0px); margin-right: var(--s8j24v-margin-right-mobile, 0px); margin-bottom: var(--s8j24v-margin-bottom-mobile, 0px); margin-left: var(--s8j24v-margin-left-mobile, 0px); } }[data-bnode="omnise-f4essx"] { --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; --f4essx-priceType: salePrice; --f4essx-priceType-tablet: salePrice; --f4essx-priceType-mobile: salePrice; --f4essx-decoration: line-through; --f4essx-decoration-tablet: line-through; --f4essx-decoration-mobile: line-through; --f4essx-typography: p2; --f4essx-typography-tablet: p2; --f4essx-typography-mobile: p2; --f4essx-salePriceColor: #C13C18; --f4essx-salePriceColor-tablet: #C13C18; --f4essx-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-f4essx"] { margin-top: var(--f4essx-margin-top, 0px); margin-right: var(--f4essx-margin-right, 0px); margin-bottom: var(--f4essx-margin-bottom, 0px); margin-left: var(--f4essx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f4essx-margin-top-tablet, 0px); margin-right: var(--f4essx-margin-right-tablet, 0px); margin-bottom: var(--f4essx-margin-bottom-tablet, 0px); margin-left: var(--f4essx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f4essx-margin-top-mobile, 0px); margin-right: var(--f4essx-margin-right-mobile, 0px); margin-bottom: var(--f4essx-margin-bottom-mobile, 0px); margin-left: var(--f4essx-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--f4essx-comparePriceColor); text-decoration: var(--f4essx-decoration,none); font-size: calc(var(--f4essx-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--f4essx-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-p789w3"] { --p789w3-width: fill; --p789w3-width-tablet: fill; --p789w3-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; --p789w3-iconWidth: 20px; --p789w3-iconWidth-tablet: 20px; --p789w3-iconWidth-mobile: 20px; --p789w3-iconGap: 5px; --p789w3-iconGap-tablet: 5px; --p789w3-iconGap-mobile: 5px; --p789w3-labelBtnHover: -25; --p789w3-labelBtnHover-tablet: -25; --p789w3-labelBtnHover-mobile: -25; --omnise-btn-pr-label-color: #ffffff; --omnise-btn-pr-background-color: #121212; --p789w3-transform: none; --p789w3-transform-tablet: none; --p789w3-transform-mobile: none; --p789w3-button: te; --p789w3-button-tablet: te; --p789w3-button-mobile: te; --omnise-btn-se-label-color: #121212; --omnise-btn-se-background-color: #ececec; --p789w3-margin-top: 0px; --p789w3-margin-top-tablet: 0px; --p789w3-margin-top-mobile: 0px; --p789w3-margin-right: 0px; --p789w3-margin-right-tablet: 0px; --p789w3-margin-right-mobile: 0px; --p789w3-margin-bottom: 0px; --p789w3-margin-bottom-tablet: 0px; --p789w3-margin-bottom-mobile: 0px; --p789w3-margin-left: 0px; --p789w3-margin-left-tablet: 0px; --p789w3-margin-left-mobile: 0px; }[data-bnode="omnise-p789w3"] { margin-top: var(--p789w3-margin-top, 0px); margin-right: var(--p789w3-margin-right, 0px); margin-bottom: var(--p789w3-margin-bottom, 0px); margin-left: var(--p789w3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p789w3-margin-top-tablet, 0px); margin-right: var(--p789w3-margin-right-tablet, 0px); margin-bottom: var(--p789w3-margin-bottom-tablet, 0px); margin-left: var(--p789w3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p789w3-margin-top-mobile, 0px); margin-right: var(--p789w3-margin-right-mobile, 0px); margin-bottom: var(--p789w3-margin-bottom-mobile, 0px); margin-left: var(--p789w3-margin-left-mobile, 0px); } & { text-transform: var(--p789w3-transform); gap: var(--p789w3-iconGap, 5px); &.omnise-btn-pr:hover { background-color: var(--p789w3-bgPrHover, var(--omnise-btn-pr-background-hover)); color: var(--p789w3-labelPrHover, var(--omnise-btn-pr-label-hover)); outline-color: var(--p789w3-borderPrHover, var(--omnise-btn-pr-border-hover)); } &.omnise-btn-se:hover { background-color: var(--p789w3-bgSeHover, var(--omnise-btn-se-background-hover)); color: var(--p789w3-labelSeHover, var(--omnise-btn-se-label-hover)); outline-color: var(--p789w3-borderSeHover, var(--omnise-btn-pr-border-hover)); } &.omnise-btn-te { text-decoration: var(--omnise-btn-te-underline); } &.omnise-btn-te:hover { color: var(--p789w3-labelTeHover, var(--omnise-btn-te-label-hover)); } span { display: flex; font-size: var(--p789w3-iconWidth); } svg { width: var(--p789w3-iconWidth, 20px); min-width: var(--p789w3-iconWidth, 20px); height: 100%; } @media (min-width: 767px){ display: none !important; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--p789w3-iconGap-tablet); &:not(.omnise-btn-te) { height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span { font-size: var(--p789w3-iconWidth-tablet, var(--p789w3-iconWidth)); } svg { width: var(--p789w3-iconWidth-tablet, var(--p789w3-iconWidth)); min-width: var(--p789w3-iconWidth-tablet, var(--p789w3-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--p789w3-iconGap-mobile); &:not(.omnise-btn-te) { height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span { font-size: var(--p789w3-iconWidth-mobile, var(--p789w3-iconWidth)); } svg { width: var(--p789w3-iconWidth-mobile, var(--p789w3-iconWidth)); min-width: var(--p789w3-iconWidth-mobile, var(--p789w3-iconWidth)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } }[data-bnode="omnise-e8ultk"].omnise-section { background: #FFFFFF; padding-top: 64px; padding-right: 48px; padding-bottom: 64px; padding-left: 48px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-e8ultk"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-e8ultk"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } } [data-bnode="omnise-e8ultk"] > .omnise-section-container{     width: 100%;   max-width: 100%;   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% - 48px - 48px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e8ultk"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;    flex-direction: column;               }  }  @media (max-width: 767px) {   [data-bnode="omnise-e8ultk"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;    flex-direction: column;               }  }[data-bnode="omnise-mkeeix"] { --mkeeix-listType: slider; --mkeeix-listType-tablet: slider; --mkeeix-listType-mobile: slider; --mkeeix-columns: 1; --mkeeix-columns-tablet: 1; --mkeeix-columns-mobile: 1; --mkeeix-itemGap: 0px; --mkeeix-itemGap-tablet: 20px; --mkeeix-itemGap-mobile: 20px; --mkeeix-gap: 0px; --mkeeix-gap-tablet: 48px; --mkeeix-gap-mobile: 24px; --mkeeix-stateNavigation: normal; --mkeeix-stateNavigation-tablet: normal; --mkeeix-stateNavigation-mobile: normal; --mkeeix-statePagination: normal; --mkeeix-statePagination-tablet: normal; --mkeeix-statePagination-mobile: normal; --mkeeix-navType: true; --mkeeix-navType-tablet: true; --mkeeix-navType-mobile: true; --mkeeix-navColor: #333333; --mkeeix-navColor-tablet: #333333; --mkeeix-navColor-mobile: #333333; --mkeeix-navBg: #f5f5f5; --mkeeix-navBg-tablet: #f5f5f5; --mkeeix-navBg-mobile: #f5f5f5; --mkeeix-navColorHover: #333333; --mkeeix-navColorHover-tablet: #333333; --mkeeix-navColorHover-mobile: #333333; --mkeeix-navBgHover: #cccccc; --mkeeix-navBgHover-tablet: #cccccc; --mkeeix-navBgHover-mobile: #cccccc; --mkeeix-navColorActive: #333333; --mkeeix-navColorActive-tablet: #333333; --mkeeix-navColorActive-mobile: #333333; --mkeeix-navBgActive: #cccccc; --mkeeix-navBgActive-tablet: #cccccc; --mkeeix-navBgActive-mobile: #cccccc; --mkeeix-navIconSize: 20px; --mkeeix-navIconSize-tablet: 20px; --mkeeix-navIconSize-mobile: 20px; --mkeeix-navPadding: 12px; --mkeeix-navPadding-tablet: 12px; --mkeeix-navPadding-mobile: 12px; --mkeeix-pagiType: true; --mkeeix-pagiType-tablet: true; --mkeeix-pagiType-mobile: true; --mkeeix-pagiColor: #e6e6e6; --mkeeix-pagiColor-tablet: #e6e6e6; --mkeeix-pagiColor-mobile: #e6e6e6; --mkeeix-pagiBg: #e6e6e6; --mkeeix-pagiBg-tablet: #e6e6e6; --mkeeix-pagiBg-mobile: #e6e6e6; --mkeeix-pagiColorHover: #cccccc; --mkeeix-pagiColorHover-tablet: #cccccc; --mkeeix-pagiColorHover-mobile: #cccccc; --mkeeix-pagiBgHover: #cccccc; --mkeeix-pagiBgHover-tablet: #cccccc; --mkeeix-pagiBgHover-mobile: #cccccc; --mkeeix-pagiColorActive: #181818; --mkeeix-pagiColorActive-tablet: #181818; --mkeeix-pagiColorActive-mobile: #181818; --mkeeix-pagiBgActive: #181818; --mkeeix-pagiBgActive-tablet: #181818; --mkeeix-pagiBgActive-mobile: #181818; --mkeeix-direction: row; --mkeeix-direction-tablet: column; --mkeeix-direction-mobile: column; --mkeeix-imageRatio: 6/7; --mkeeix-imageRatio-tablet: 6/7; --mkeeix-imageRatio-mobile: 5/7; --mkeeix-objFit: cover; --mkeeix-objFit-tablet: cover; --mkeeix-objFit-mobile: cover; --mkeeix-width: 50%; --mkeeix-width-tablet: 60%; --mkeeix-width-mobile: 60%; --mkeeix-columnsMobile-mobile: 1; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-5wanpq"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 14px; --omnise-p2-font-size-mobile: 14px; --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; --5wanpq-typography: p2; --omnise-p2-text-align: start; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-5w8zc6"] { --omnise-p2-font-size: 14px; --omnise-p2-font-size-tablet: 14px; --omnise-p2-font-size-mobile: 14px; --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; --5w8zc6-typography: p2; --omnise-p2-text-align: start; --5w8zc6-salePriceColor: #C13C18; --5w8zc6-priceType: salePrice; --5w8zc6-decoration: line-through; --5w8zc6-comparePriceColor: #888888; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-kudprj"] { --kudprj-imageRatio: 5/7; --kudprj-margin-top: 0px; --kudprj-margin-right: 0px; --kudprj-margin-bottom: 12px; --kudprj-margin-left: 0px; --kudprj-borderStyle: none; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-bbnynn"] { --bbnynn-direction: column; --bbnynn-structure: columns; --bbnynn-align-items: stretch; --bbnynn-gap: 16px; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-fx3oqk"] { --fx3oqk-direction: column; --fx3oqk-structure: columns; --fx3oqk-gap: 4px; --fx3oqk-max-width: 500px; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-vuz0yl"] { --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; --vuz0yl-typography: h2; --omnise-h2-text-align: center; --omnise-h3-text-align: start; --vuz0yl-margin-top: 0px; --vuz0yl-margin-right: 0px; --vuz0yl-margin-bottom: 40px; --vuz0yl-margin-left: 0px; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-0rzbsa"] { --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; --0rzbsa-typography: eyebrow; --omnise-eyebrow-text-align: center; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-0rzbsa"] { --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; --0rzbsa-typography: p; --0rzbsa-typography-tablet: p; --0rzbsa-typography-mobile: p; } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-vuz0yl"] { --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; --vuz0yl-typography: h3; --vuz0yl-typography-tablet: h3; --vuz0yl-typography-mobile: h3; --omnise-h3-text-align: start; }[data-bnode="omnise-mkeeix"] { margin-top: var(--mkeeix-margin-top, 0px); margin-right: var(--mkeeix-margin-right, 0px); margin-bottom: var(--mkeeix-margin-bottom, 0px); margin-left: var(--mkeeix-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mkeeix-margin-top-tablet, 0px); margin-right: var(--mkeeix-margin-right-tablet, 0px); margin-bottom: var(--mkeeix-margin-bottom-tablet, 0px); margin-left: var(--mkeeix-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mkeeix-margin-top-mobile, 0px); margin-right: var(--mkeeix-margin-right-mobile, 0px); margin-bottom: var(--mkeeix-margin-bottom-mobile, 0px); margin-left: var(--mkeeix-margin-left-mobile, 0px); } .omnise-slider-items:has(.omnise-content-list-empty) ~ .omnise-slider-controls { display: none; } &.omnise-content-list { display: flex; flex-direction: if( style(--mkeeix-width: 100%): column; else: var(--mkeeix-direction, row) ); justify-content: var(--mkeeix-justify-content, center); align-items: var(--mkeeix-align-items, center); gap: var(--mkeeix-gap, 40px); & .omnise-slider-wrapper[data-pagination="progress"] + .omnise-slider-controls .omnise-slider-pagination-progress { height: 2px; background: var(--mkeeix-pagiBg, #E6E6E6); display: flex !important; span { background: var(--mkeeix-pagiBgActive, #181818); &:hover { background: var(--mkeeix-pagiBgHover, #CCCCCC); } } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--mkeeix-itemGap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--mkeeix-itemGap, 20px) * (var(--mkeeix-columns, 3) - 1) ) / var(--mkeeix-columns, 3) ); justify-content: center; display: flex; &:last-child { margin-right: var(--mkeeix-itemGap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--mkeeix-itemGap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--mkeeix-columns) - 1) * var(--mkeeix-itemGap, 20px) ) / var(--mkeeix-columns) ); justify-content: center; display: flex; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { flex-direction: var(--mkeeix-direction-tablet, var(--mkeeix-direction, row)); justify-content: var(--mkeeix-justify-content-tablet, var(--mkeeix-justify-content)); align-items: var(--mkeeix-align-items-tablet, var(--mkeeix-align-items)); gap: var(--mkeeix-gap-tablet, var(--mkeeix-gap, 40px)); & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--mkeeix-itemGap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--mkeeix-itemGap-tablet, 20px) * (var(--mkeeix-columns-tablet, 3) - 1) ) / var(--mkeeix-columns-tablet, 3) ); justify-content: center; display: flex; &:last-child { margin-right: var(--mkeeix-itemGap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--mkeeix-itemGap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--mkeeix-columns-tablet) - 1) * var(--mkeeix-itemGap-tablet, 20px) ) / var(--mkeeix-columns-tablet) ); justify-content: center; display: flex; } } } } @media (max-width: 767px) { flex-direction: var(--mkeeix-direction-mobile, var(--mkeeix-direction, row)); justify-content: var(--mkeeix-justify-content-mobile, var(--mkeeix-justify-content)); align-items: var(--mkeeix-align-items-mobile, var(--mkeeix-align-items)); gap: var(--mkeeix-gap-mobile, var(--mkeeix-gap, 40px)); & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--mkeeix-itemGap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--mkeeix-itemGap-mobile, 20px) * (var(--mkeeix-columnsMobile-mobile, 1) - 1) ) / var(--mkeeix-columnsMobile-mobile, 1) ); justify-content: center; display: flex; &:last-child { margin-right: var(--mkeeix-itemGap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--mkeeix-itemGap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--mkeeix-columnsMobile-mobile) - 1) * var(--mkeeix-itemGap-mobile, 20px) ) / var(--mkeeix-columnsMobile-mobile) ); justify-content: center; display: flex; } } } & .omnise-slider-wrapper[data-pagination="progress"] + .omnise-slider-controls .omnise-slider-pagination-progress { width: calc(100% - 32px); } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--mkeeix-navPadding, 12px); background: var(--mkeeix-navBg, #f5f5f5); color: var(--mkeeix-navColor, #333333); cursor: pointer; &:hover { background: var(--mkeeix-navBgHover, #cccccc); color: var(--mkeeix-navColorHover, #333333); } svg { width: var(--mkeeix-navIconSize, 20px); height: var(--mkeeix-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--mkeeix-pagiBg, #e6e6e6); &.active { background: var(--mkeeix-pagiBgActive, #181818); } &:not(.active):hover { background: var(--mkeeix-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--mkeeix-pagiColor, #e6e6e6); &.active { color: var(--mkeeix-pagiColorActive, #181818); } &:not(.active):hover { color: var(--mkeeix-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--mkeeix-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--mkeeix-pagiBg, #e6e6e6); &.active { background: var(--mkeeix-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--mkeeix-pagiBgHover, #cccccc); } } .omnise-slider-controls-wrp { max-width: 500px; margin: 20px auto 0; } } & .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; box-sizing: border-box !important; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } & { display: flex; flex-direction: row; gap: var(--mkeeix-gap); min-width: 0; box-sizing: border-box !important; @media (min-width: 767.79px) and (max-width: 1180px) { flex-direction: column; gap: var(--mkeeix-gap-tablet); } @media (max-width: 767px) { flex-direction: column; gap: var(--mkeeix-gap-mobile); } .omnise-slider-item { box-sizing: border-box !important; } /* Carousel / Grid Column */ .omnise-carousel { flex: 0 0 calc(100% - var(--mkeeix-width, 50%) - var(--mkeeix-gap, 20px) / 2); min-width: 0; box-sizing: border-box !important; @media (min-width: 767.79px) and (max-width: 1180px) { flex: 0 0 100%; } @media (max-width: 767px) { flex: 0 0 100%; } } /* Lookbook Image & Dots */ .omnise-lb-image { position: relative; flex: 0 0 calc(var(--mkeeix-width, 50%) - var(--mkeeix-gap, 20px) / 2); max-width: 100%; height: if(style(--mkeeix-objFit: cover): stretch; else: 100%); min-width: 0; box-sizing: border-box !important; @media (min-width: 767.79px) and (max-width: 1180px) { flex: 0 0 100%; } @media (max-width: 767px) { flex: 0 0 100%; } .omnise-lb-dot { position: absolute; width: 16px; height: 16px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; z-index: 10; transform: translate(-50%, -50%); &:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; z-index: -1; } &:after { content: ""; width: 6px; height: 6px; /* background: #000; */ border-radius: 50%; } &:hover, &.active { transform: translate(-50%, -50%); &::before { background: inherit; animation: omnise-ring-pulse 2s infinite; opacity: 0.7; } } } .omnise-media-wrapper { position: relative; overflow: hidden; min-height: min-content; aspect-ratio: var(--mkeeix-imageRatio, auto); display: block; flex: 0 0 calc(100% - var(--mkeeix-width, 50%) - var(--mkeeix-gap, 20px) / 2); max-width: 100%; height: if(style(--mkeeix-objFit: cover): 100%; else: auto); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--mkeeix-imageRatio-tablet, var(--mkeeix-imageRatio, auto)); img { object-fit: var(--mkeeix-objFit-tablet, var(--mkeeix-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } @media (max-width: 767px) { aspect-ratio: var(--mkeeix-imageRatio-mobile, var(--mkeeix-imageRatio, auto)); img { object-fit: var(--mkeeix-objFit-mobile, var(--mkeeix-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } img { max-width: 100%; width: 100%; height: 100%; display: block; object-position: var(--omnise-image-position, 0% 50%); object-fit: var(--mkeeix-objFit, cover); } } } } } @keyframes omnise-ring-pulse { 0% { transform: scale(1); opacity: 0.7; } 70% { transform: scale(2.5); opacity: 0; } 100% { transform: scale(1); opacity: 0; } } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-0rzbsa"] { margin-top: var(--0rzbsa-margin-top, 0px); margin-right: var(--0rzbsa-margin-right, 0px); margin-bottom: var(--0rzbsa-margin-bottom, 0px); margin-left: var(--0rzbsa-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0rzbsa-margin-top-tablet, 0px); margin-right: var(--0rzbsa-margin-right-tablet, 0px); margin-bottom: var(--0rzbsa-margin-bottom-tablet, 0px); margin-left: var(--0rzbsa-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0rzbsa-margin-top-mobile, 0px); margin-right: var(--0rzbsa-margin-right-mobile, 0px); margin-bottom: var(--0rzbsa-margin-bottom-mobile, 0px); margin-left: var(--0rzbsa-margin-left-mobile, 0px); } } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-vuz0yl"] { margin-top: var(--vuz0yl-margin-top, 0px); margin-right: var(--vuz0yl-margin-right, 0px); margin-bottom: var(--vuz0yl-margin-bottom, 0px); margin-left: var(--vuz0yl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vuz0yl-margin-top-tablet, 0px); margin-right: var(--vuz0yl-margin-right-tablet, 0px); margin-bottom: var(--vuz0yl-margin-bottom-tablet, 0px); margin-left: var(--vuz0yl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vuz0yl-margin-top-mobile, 0px); margin-right: var(--vuz0yl-margin-right-mobile, 0px); margin-bottom: var(--vuz0yl-margin-bottom-mobile, 0px); margin-left: var(--vuz0yl-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--vuz0yl-highlightColor,var(--omnise-p-color)); top: var(--vuz0yl-highlightTop, 100%); } } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-kudprj"] { margin-top: var(--kudprj-margin-top, 0px); margin-right: var(--kudprj-margin-right, 0px); margin-bottom: var(--kudprj-margin-bottom, 0px); margin-left: var(--kudprj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kudprj-margin-top-tablet, 0px); margin-right: var(--kudprj-margin-right-tablet, 0px); margin-bottom: var(--kudprj-margin-bottom-tablet, 0px); margin-left: var(--kudprj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kudprj-margin-top-mobile, 0px); margin-right: var(--kudprj-margin-right-mobile, 0px); margin-bottom: var(--kudprj-margin-bottom-mobile, 0px); margin-left: var(--kudprj-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--kudprj-imageRatio, auto); overflow: hidden; border-style: var(--kudprj-borderStyle, solid); border-color: var(--kudprj-borderColor, var(--omnise-card-media-border-color)); border-width: var(--kudprj-borderWidth-tl, var(--omnise-card-border-width)) var(--kudprj-borderWidth-tr, var(--omnise-card-border-width)) var(--kudprj-borderWidth-br, var(--omnise-card-border-width)) var(--kudprj-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--kudprj-borderRadius-tl, var(--omnise-card-border-radius)) var(--kudprj-borderRadius-tr, var(--omnise-card-border-radius)) var(--kudprj-borderRadius-br, var(--omnise-card-border-radius)) var(--kudprj-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--kudprj-shadowHorizontal, var(--omnise-card-shadow-x)) var(--kudprj-shadowVertical, var(--omnise-card-shadow-y)) var(--kudprj-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--kudprj-shadowColor, var(--omnise-card-media-shadow-color)) var(--kudprj-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--kudprj-imageRatio-tablet, var(--kudprj-imageRatio, auto)); border-width: var(--kudprj-borderWidth-tl-tablet, var(--kudprj-borderWidth-tl, var(--omnise-card-border-width))) var(--kudprj-borderWidth-tr-tablet, var(--kudprj-borderWidth-tr, var(--omnise-card-border-width))) var(--kudprj-borderWidth-br-tablet, var(--kudprj-borderWidth-br, var(--omnise-card-border-width))) var(--kudprj-borderWidth-bl-tablet, var(--kudprj-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--kudprj-borderRadius-tl-tablet, var(--kudprj-borderRadius-tl, var(--omnise-card-border-radius))) var(--kudprj-borderRadius-tr-tablet, var(--kudprj-borderRadius-tr, var(--omnise-card-border-radius))) var(--kudprj-borderRadius-br-tablet, var(--kudprj-borderRadius-br, var(--omnise-card-border-radius))) var(--kudprj-borderRadius-bl-tablet, var(--kudprj-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--kudprj-max-width-tablet, var(--kudprj-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--kudprj-imageRatio-mobile, var(--kudprj-imageRatio, auto)); border-width: var(--kudprj-borderWidth-tl-mobile, var(--kudprj-borderWidth-tl, var(--omnise-card-border-width))) var(--kudprj-borderWidth-tr-mobile, var(--kudprj-borderWidth-tr, var(--omnise-card-border-width))) var(--kudprj-borderWidth-br-mobile, var(--kudprj-borderWidth-br, var(--omnise-card-border-width))) var(--kudprj-borderWidth-bl-mobile, var(--kudprj-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--kudprj-borderRadius-tl-mobile, var(--kudprj-borderRadius-tl, var(--omnise-card-border-radius))) var(--kudprj-borderRadius-tr-mobile, var(--kudprj-borderRadius-tr, var(--omnise-card-border-radius))) var(--kudprj-borderRadius-br-mobile, var(--kudprj-borderRadius-br, var(--omnise-card-border-radius))) var(--kudprj-borderRadius-bl-mobile, var(--kudprj-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--kudprj-max-width-mobile, var(--kudprj-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-mkeeix"] [data-bnode="omnise-5wanpq"] { margin-top: var(--5wanpq-margin-top, 0px); margin-right: var(--5wanpq-margin-right, 0px); margin-bottom: var(--5wanpq-margin-bottom, 0px); margin-left: var(--5wanpq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5wanpq-margin-top-tablet, 0px); margin-right: var(--5wanpq-margin-right-tablet, 0px); margin-bottom: var(--5wanpq-margin-bottom-tablet, 0px); margin-left: var(--5wanpq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5wanpq-margin-top-mobile, 0px); margin-right: var(--5wanpq-margin-right-mobile, 0px); margin-bottom: var(--5wanpq-margin-bottom-mobile, 0px); margin-left: var(--5wanpq-margin-left-mobile, 0px); } } [data-bnode="omnise-mkeeix"] [data-bnode="omnise-5w8zc6"] { margin-top: var(--5w8zc6-margin-top, 0px); margin-right: var(--5w8zc6-margin-right, 0px); margin-bottom: var(--5w8zc6-margin-bottom, 0px); margin-left: var(--5w8zc6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5w8zc6-margin-top-tablet, 0px); margin-right: var(--5w8zc6-margin-right-tablet, 0px); margin-bottom: var(--5w8zc6-margin-bottom-tablet, 0px); margin-left: var(--5w8zc6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5w8zc6-margin-top-mobile, 0px); margin-right: var(--5w8zc6-margin-right-mobile, 0px); margin-bottom: var(--5w8zc6-margin-bottom-mobile, 0px); margin-left: var(--5w8zc6-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--5w8zc6-comparePriceColor); text-decoration: var(--5w8zc6-decoration,none); font-size: calc(var(--5w8zc6-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--5w8zc6-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] { padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 40px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] { padding-top: 0px; padding-right: 32px; padding-bottom: 0px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] { padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; } } [data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] {   max-width: 60%;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] {    max-width: 50%;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] {    max-width: 70%;   }  } [data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] {   gap: 24px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] {    gap: 24px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-mkeeix"] [data-bnode="be-ctl-item"] {    gap: 24px;   }  }[data-bnode="omnise-bbnynn"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bbnynn"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-bbnynn"] {                gap: 16px;     }  }[data-bnode="omnise-fx3oqk"] {   max-width: 500px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-fx3oqk"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-fx3oqk"] {      }  } [data-bnode="omnise-fx3oqk"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-fx3oqk"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-fx3oqk"] {                gap: 4px;     }  }[data-bnode="omnise-z1s27k"] { &.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-z1s27k"].omnise-section { background: #FFFFFF; padding-top: 64px; padding-right: 48px; padding-bottom: 64px; padding-left: 48px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-z1s27k"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-z1s27k"].omnise-section { background: #FFFFFF; padding-top: 40px; padding-right: 16px; padding-bottom: 40px; padding-left: 16px; } } [data-bnode="omnise-z1s27k"] > .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% - 48px - 48px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(50.00% - 48px - 48px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 48px - 48px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-z1s27k"] > .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-z1s27k"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;    flex-direction: column;          gap: 24px;     }  }[data-bnode="omnise-r1l6lk"] { &.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-485k8z"] { --485k8z-width: 100%; --485k8z-width-tablet: 100%; --485k8z-width-mobile: 100%; --485k8z-imageRatio: 4/5; --485k8z-imageRatio-tablet: 4/5; --485k8z-imageRatio-mobile: 4/5; --485k8z-objFit: cover; --485k8z-objFit-tablet: cover; --485k8z-objFit-mobile: cover; --485k8z-shadowColor: #000000; --485k8z-shadowColor-tablet: #000000; --485k8z-shadowColor-mobile: #000000; --485k8z-borderStyle: none; --485k8z-borderStyle-tablet: none; --485k8z-borderStyle-mobile: none; --485k8z-enableShadow: false; --485k8z-enableShadow-tablet: false; --485k8z-enableShadow-mobile: false; }[data-bnode="omnise-485k8z"] { margin-top: var(--485k8z-margin-top, 0px); margin-right: var(--485k8z-margin-right, 0px); margin-bottom: var(--485k8z-margin-bottom, 0px); margin-left: var(--485k8z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--485k8z-margin-top-tablet, 0px); margin-right: var(--485k8z-margin-right-tablet, 0px); margin-bottom: var(--485k8z-margin-bottom-tablet, 0px); margin-left: var(--485k8z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--485k8z-margin-top-mobile, 0px); margin-right: var(--485k8z-margin-right-mobile, 0px); margin-bottom: var(--485k8z-margin-bottom-mobile, 0px); margin-left: var(--485k8z-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc( var(--485k8z-width, 100%) - var(--485k8z-margin-left, 0px) - var(--485k8z-margin-right, 0px) ); min-height: min-content; border-style: var(--485k8z-borderStyle, solid); border-color: var(--485k8z-borderColor, #000000); border-width: var(--485k8z-borderWidth-tl, 0px) var(--485k8z-borderWidth-tr, 0px) var(--485k8z-borderWidth-br, 0px) var(--485k8z-borderWidth-bl, 0px); border-radius: var(--485k8z-borderRadius-tl, 0px) var(--485k8z-borderRadius-tr, 0px) var(--485k8z-borderRadius-br, 0px) var(--485k8z-borderRadius-bl, 0px); aspect-ratio: var(--485k8z-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--485k8z-borderWidth-tl-tablet, var(--485k8z-borderWidth-tl, 0px)) var(--485k8z-borderWidth-tr-tablet, var(--485k8z-borderWidth-tr, 0px)) var(--485k8z-borderWidth-br-tablet, var(--485k8z-borderWidth-br, 0px)) var(--485k8z-borderWidth-bl-tablet, var(--485k8z-borderWidth-bl, 0px)); border-radius: var(--485k8z-borderRadius-tl-tablet, var(--485k8z-borderRadius-tl, 0px) ) var(--485k8z-borderRadius-tr-tablet, var(--485k8z-borderRadius-tr, 0px)) var(--485k8z-borderRadius-br-tablet, var(--485k8z-borderRadius-br, 0px)) var(--485k8z-borderRadius-bl-tablet, var(--485k8z-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--485k8z-borderWidth-tl-mobile, var(--485k8z-borderWidth-tl, 0px)) var(--485k8z-borderWidth-tr-mobile, var(--485k8z-borderWidth-tr, 0px)) var(--485k8z-borderWidth-br-mobile, var(--485k8z-borderWidth-br, 0px)) var(--485k8z-borderWidth-bl-mobile, var(--485k8z-borderWidth-bl, 0px)); border-radius: var(--485k8z-borderRadius-tl-mobile, var(--485k8z-borderRadius-tl, 0px) ) var(--485k8z-borderRadius-tr-mobile, var(--485k8z-borderRadius-tr, 0px)) var(--485k8z-borderRadius-br-mobile, var(--485k8z-borderRadius-br, 0px)) var(--485k8z-borderRadius-bl-mobile, var(--485k8z-borderRadius-bl, 0px)); } box-shadow: if( style(--485k8z-enableShadow: true): var(--485k8z-shadowHorizontal, 0) var(--485k8z-shadowVertical, 0) var(--485k8z-shadowBlur, 0) 1px var(--485k8z-shadowColor, #000000) ; else: none ); &::before { content: ""; position: absolute; inset: 0; background: var(--485k8z-overlayColor-color, #000); opacity: var(--485k8z-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--485k8z-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--485k8z-width-tablet, var(--485k8z-width, 100%)) - var(--485k8z-margin-left-tablet, var(--485k8z-margin-left, 0px)) - var(--485k8z-margin-right-tablet, var(--485k8z-margin-right, 0px)) ); aspect-ratio: var(--485k8z-imageRatio-tablet, var(--485k8z-imageRatio, auto)); img { object-fit: var(--485k8z-objFit-tablet, var(--485k8z-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--485k8z-width-mobile, var(--485k8z-width, 100%)) - var(--485k8z-margin-left-mobile, var(--485k8z-margin-left, 0px)) - var(--485k8z-margin-right-mobile, var(--485k8z-margin-right, 0px)) ); aspect-ratio: var(--485k8z-imageRatio-mobile, var(--485k8z-imageRatio, auto)); img { object-fit: var(--485k8z-objFit-mobile, var(--485k8z-objFit, cover)); object-position: var(--omnise-image-position-mo, 0% 50%); } } } }[data-bnode="omnise-dfj6bu"] { background: #FFFFFF; } [data-bnode="omnise-dfj6bu"] {        flex-wrap: nowrap;        gap: 48px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-dfj6bu"] {                gap: 48px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-dfj6bu"] {                gap: 48px;     }  }[data-bnode="omnise-hjblv8"] { padding-top: 24px; padding-right: 0px; padding-bottom: 24px; padding-left: 0px; } [data-bnode="omnise-hjblv8"] {        flex-wrap: nowrap;     align-items: center;       }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-hjblv8"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-hjblv8"] {                     }  }[data-bnode="omnise-g36ykp"] { --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; --g36ykp-typography: eyebrow; --g36ykp-typography-tablet: eyebrow; --g36ykp-typography-mobile: eyebrow; --omnise-eyebrow-text-align: center; }[data-bnode="omnise-g36ykp"] { margin-top: var(--g36ykp-margin-top, 0px); margin-right: var(--g36ykp-margin-right, 0px); margin-bottom: var(--g36ykp-margin-bottom, 0px); margin-left: var(--g36ykp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--g36ykp-margin-top-tablet, 0px); margin-right: var(--g36ykp-margin-right-tablet, 0px); margin-bottom: var(--g36ykp-margin-bottom-tablet, 0px); margin-left: var(--g36ykp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--g36ykp-margin-top-mobile, 0px); margin-right: var(--g36ykp-margin-right-mobile, 0px); margin-bottom: var(--g36ykp-margin-bottom-mobile, 0px); margin-left: var(--g36ykp-margin-left-mobile, 0px); } }[data-bnode="omnise-snft6y"] { --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; --snft6y-typography: h2; --snft6y-typography-tablet: h2; --snft6y-typography-mobile: h2; --omnise-h2-text-align: center; }[data-bnode="omnise-snft6y"] { margin-top: var(--snft6y-margin-top, 0px); margin-right: var(--snft6y-margin-right, 0px); margin-bottom: var(--snft6y-margin-bottom, 0px); margin-left: var(--snft6y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--snft6y-margin-top-tablet, 0px); margin-right: var(--snft6y-margin-right-tablet, 0px); margin-bottom: var(--snft6y-margin-bottom-tablet, 0px); margin-left: var(--snft6y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--snft6y-margin-top-mobile, 0px); margin-right: var(--snft6y-margin-right-mobile, 0px); margin-bottom: var(--snft6y-margin-bottom-mobile, 0px); margin-left: var(--snft6y-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--snft6y-highlightColor,var(--omnise-p-color)); top: var(--snft6y-highlightTop, 100%); } }[data-bnode="omnise-3b9xsb"] { --3b9xsb-listType: grid; --3b9xsb-listType-tablet: grid; --3b9xsb-listType-mobile: slider; --3b9xsb-columns: 2; --3b9xsb-columns-tablet: 2; --3b9xsb-columns-mobile: 2; --3b9xsb-navType: false; --3b9xsb-navType-tablet: false; --3b9xsb-navType-mobile: false; --3b9xsb-navColor: #333333; --3b9xsb-navColor-tablet: #333333; --3b9xsb-navColor-mobile: #333333; --3b9xsb-pagiType: false; --3b9xsb-pagiType-tablet: false; --3b9xsb-pagiType-mobile: false; --3b9xsb-gap: 12px; --3b9xsb-gap-tablet: 12px; --3b9xsb-gap-mobile: 8px; --3b9xsb-statePagination: hover; --3b9xsb-statePagination-tablet: hover; --3b9xsb-statePagination-mobile: hover; --3b9xsb-pagiBg: #e6e6e6; --3b9xsb-pagiBg-tablet: #e6e6e6; --3b9xsb-pagiBg-mobile: #e6e6e6; --3b9xsb-navIconSize: 20px; --3b9xsb-navIconSize-tablet: 20px; --3b9xsb-navIconSize-mobile: 20px; --3b9xsb-margin-top-tablet: 0px; --3b9xsb-margin-top-mobile: 0px; --3b9xsb-margin-right-tablet: 0px; --3b9xsb-margin-right-mobile: 0px; --3b9xsb-margin-bottom-tablet: 0px; --3b9xsb-margin-bottom-mobile: 0px; --3b9xsb-margin-left-tablet: 0px; --3b9xsb-margin-left-mobile: 0px; --3b9xsb-columnsMobile-mobile: 1.17; }[data-bnode="omnise-3b9xsb"] { margin-top: var(--3b9xsb-margin-top, 0px); margin-right: var(--3b9xsb-margin-right, 0px); margin-bottom: var(--3b9xsb-margin-bottom, 0px); margin-left: var(--3b9xsb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3b9xsb-margin-top-tablet, 0px); margin-right: var(--3b9xsb-margin-right-tablet, 0px); margin-bottom: var(--3b9xsb-margin-bottom-tablet, 0px); margin-left: var(--3b9xsb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3b9xsb-margin-top-mobile, 0px); margin-right: var(--3b9xsb-margin-right-mobile, 0px); margin-bottom: var(--3b9xsb-margin-bottom-mobile, 0px); margin-left: var(--3b9xsb-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(--3b9xsb-pagiBg, #E6E6E6); display: flex !important; span { background: var(--3b9xsb-pagiBgActive, #181818); &:hover { background: var(--3b9xsb-pagiBgHover, #CCCCCC); } } } } @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--3b9xsb-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--3b9xsb-gap, 20px) * (var(--3b9xsb-columns, 3) - 1) ) / var(--3b9xsb-columns, 3) ); &:last-child { margin-right: var(--3b9xsb-gap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--3b9xsb-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--3b9xsb-columns) - 1) * var(--3b9xsb-gap, 20px)) / var(--3b9xsb-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--3b9xsb-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--3b9xsb-gap-tablet, 20px) * (var(--3b9xsb-columns-tablet, 3) - 1) ) / var(--3b9xsb-columns-tablet, 3) ); &:last-child { margin-right: var(--3b9xsb-gap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--3b9xsb-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--3b9xsb-columns-tablet) - 1) * var(--3b9xsb-gap-tablet, 20px) ) / var(--3b9xsb-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--3b9xsb-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--3b9xsb-gap-mobile, 20px) * (var(--3b9xsb-columnsMobile-mobile, 1) - 1) ) / var(--3b9xsb-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--3b9xsb-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--3b9xsb-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--3b9xsb-columnsMobile-mobile) - 1) * var(--3b9xsb-gap-mobile, 20px) ) / var(--3b9xsb-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--3b9xsb-navPadding, 12px); background: var(--3b9xsb-navBg, #f5f5f5); color: var(--3b9xsb-navColor, #333333); cursor: pointer; &:hover { background: var(--3b9xsb-navBgHover, #cccccc); color: var(--3b9xsb-navColorHover, #333333); } svg { width: var(--3b9xsb-navIconSize, 20px); height: var(--3b9xsb-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--3b9xsb-pagiBg, #e6e6e6); &.active { background: var(--3b9xsb-pagiBgActive, #181818); } &:not(.active):hover { background: var(--3b9xsb-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--3b9xsb-pagiColor, #e6e6e6); &.active { color: var(--3b9xsb-pagiColorActive, #181818); } &:not(.active):hover { color: var(--3b9xsb-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--3b9xsb-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--3b9xsb-pagiBg, #e6e6e6); &.active { background: var(--3b9xsb-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--3b9xsb-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-t720di"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }[data-bnode="omnise-l6o2ju"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-l6o2ju"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-l6o2ju"] {                     }  }[data-bnode="omnise-ogecmc"] {   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-ogecmc"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ogecmc"] {      }  } [data-bnode="omnise-ogecmc"] {     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-ogecmc"] {                      &>.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-ogecmc"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-xhibiv"] { --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-xhibiv"] { margin-top: var(--xhibiv-margin-top, 0px); margin-right: var(--xhibiv-margin-right, 0px); margin-bottom: var(--xhibiv-margin-bottom, 0px); margin-left: var(--xhibiv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xhibiv-margin-top-tablet, 0px); margin-right: var(--xhibiv-margin-right-tablet, 0px); margin-bottom: var(--xhibiv-margin-bottom-tablet, 0px); margin-left: var(--xhibiv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xhibiv-margin-top-mobile, 0px); margin-right: var(--xhibiv-margin-right-mobile, 0px); margin-bottom: var(--xhibiv-margin-bottom-mobile, 0px); margin-left: var(--xhibiv-margin-left-mobile, 0px); } }[data-bnode="omnise-cx631x"] { --cx631x-borderStyle: none; --cx631x-borderStyle-tablet: none; --cx631x-borderStyle-mobile: none; --cx631x-borderColor: #000000; --cx631x-borderColor-tablet: #000000; --cx631x-borderColor-mobile: #000000; --cx631x-borderWidth: 1px; --cx631x-borderWidth-tablet: 1px; --cx631x-borderWidth-mobile: 1px; --cx631x-shadowHorizontal: 0; --cx631x-shadowHorizontal-tablet: 0; --cx631x-shadowHorizontal-mobile: 0; --cx631x-shadowVertical: 0; --cx631x-shadowVertical-tablet: 0; --cx631x-shadowVertical-mobile: 0; --cx631x-shadowBlur: 0; --cx631x-shadowBlur-tablet: 0; --cx631x-shadowBlur-mobile: 0; --cx631x-shadowColor: #000000; --cx631x-shadowColor-tablet: #000000; --cx631x-shadowColor-mobile: #000000; --cx631x-padding-top: 0px; --cx631x-padding-top-tablet: 0px; --cx631x-padding-top-mobile: 0px; --cx631x-padding-right: 0px; --cx631x-padding-right-tablet: 0px; --cx631x-padding-right-mobile: 0px; --cx631x-padding-bottom: 0px; --cx631x-padding-bottom-tablet: 0px; --cx631x-padding-bottom-mobile: 0px; --cx631x-padding-left: 0px; --cx631x-padding-left-tablet: 0px; --cx631x-padding-left-mobile: 0px; --cx631x-enableShadow: false; --cx631x-enableShadow-tablet: false; --cx631x-enableShadow-mobile: false; --cx631x-imageRatio: 5/7; --cx631x-imageRatio-tablet: 5/7; --cx631x-imageRatio-mobile: 5/7; --cx631x-borderRadius-tl: 0px; --cx631x-borderRadius-tl-tablet: 0px; --cx631x-borderRadius-tl-mobile: 0px; --cx631x-borderRadius-tr: 0px; --cx631x-borderRadius-tr-tablet: 0px; --cx631x-borderRadius-tr-mobile: 0px; --cx631x-borderRadius-bl: 0px; --cx631x-borderRadius-bl-tablet: 0px; --cx631x-borderRadius-bl-mobile: 0px; --cx631x-borderRadius-br: 0px; --cx631x-borderRadius-br-tablet: 0px; --cx631x-borderRadius-br-mobile: 0px; }[data-bnode="omnise-cx631x"] { margin-top: var(--cx631x-margin-top, 0px); margin-right: var(--cx631x-margin-right, 0px); margin-bottom: var(--cx631x-margin-bottom, 0px); margin-left: var(--cx631x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cx631x-margin-top-tablet, 0px); margin-right: var(--cx631x-margin-right-tablet, 0px); margin-bottom: var(--cx631x-margin-bottom-tablet, 0px); margin-left: var(--cx631x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cx631x-margin-top-mobile, 0px); margin-right: var(--cx631x-margin-right-mobile, 0px); margin-bottom: var(--cx631x-margin-bottom-mobile, 0px); margin-left: var(--cx631x-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--cx631x-imageRatio, auto); overflow: hidden; border-style: var(--cx631x-borderStyle, solid); border-color: var(--cx631x-borderColor, var(--omnise-card-media-border-color)); border-width: var(--cx631x-borderWidth-tl, var(--omnise-card-border-width)) var(--cx631x-borderWidth-tr, var(--omnise-card-border-width)) var(--cx631x-borderWidth-br, var(--omnise-card-border-width)) var(--cx631x-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-br, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--cx631x-shadowHorizontal, var(--omnise-card-shadow-x)) var(--cx631x-shadowVertical, var(--omnise-card-shadow-y)) var(--cx631x-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--cx631x-shadowColor, var(--omnise-card-media-shadow-color)) var(--cx631x-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--cx631x-imageRatio-tablet, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-tablet, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-tablet, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-tablet, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-tablet, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-tablet, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-tablet, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-tablet, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-tablet, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-tablet, var(--cx631x-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--cx631x-imageRatio-mobile, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-mobile, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-mobile, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-mobile, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-mobile, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-mobile, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-mobile, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-mobile, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-mobile, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-mobile, var(--cx631x-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-wbgwq0"] {   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-wbgwq0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {      }  } [data-bnode="omnise-wbgwq0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wbgwq0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {                     }  }[data-bnode="omnise-wyy02c"] { --wyy02c-width: fill; --wyy02c-width-tablet: fill; --wyy02c-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; --wyy02c-transform: none; --wyy02c-transform-tablet: none; --wyy02c-transform-mobile: none; --wyy02c-iconWidth: 20px; --wyy02c-iconWidth-tablet: 20px; --wyy02c-iconWidth-mobile: 20px; --wyy02c-iconGap: 5px; --wyy02c-iconGap-tablet: 5px; --wyy02c-iconGap-mobile: 5px; --wyy02c-button: pr; --wyy02c-button-tablet: pr; --wyy02c-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wyy02c"] { margin-top: var(--wyy02c-margin-top, 0px); margin-right: var(--wyy02c-margin-right, 0px); margin-bottom: var(--wyy02c-margin-bottom, 0px); margin-left: var(--wyy02c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wyy02c-margin-top-tablet, 0px); margin-right: var(--wyy02c-margin-right-tablet, 0px); margin-bottom: var(--wyy02c-margin-bottom-tablet, 0px); margin-left: var(--wyy02c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wyy02c-margin-top-mobile, 0px); margin-right: var(--wyy02c-margin-right-mobile, 0px); margin-bottom: var(--wyy02c-margin-bottom-mobile, 0px); margin-left: var(--wyy02c-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--wyy02c-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--wyy02c-iconWidth,20px); min-width: var(--wyy02c-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(--wyy02c-iconGap-tablet); svg { width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wyy02c-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-5k7mim"] { --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; --5k7mim-typography: p2; --5k7mim-typography-tablet: p2; --5k7mim-typography-mobile: p2; --5k7mim-margin-top: 12px; --5k7mim-margin-top-tablet: 12px; --5k7mim-margin-top-mobile: 12px; --5k7mim-margin-right: 0px; --5k7mim-margin-right-tablet: 0px; --5k7mim-margin-right-mobile: 0px; --5k7mim-margin-bottom: 0px; --5k7mim-margin-bottom-tablet: 0px; --5k7mim-margin-bottom-mobile: 0px; --5k7mim-margin-left: 0px; --5k7mim-margin-left-tablet: 0px; --5k7mim-margin-left-mobile: 0px; }[data-bnode="omnise-5k7mim"] { margin-top: var(--5k7mim-margin-top, 0px); margin-right: var(--5k7mim-margin-right, 0px); margin-bottom: var(--5k7mim-margin-bottom, 0px); margin-left: var(--5k7mim-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5k7mim-margin-top-tablet, 0px); margin-right: var(--5k7mim-margin-right-tablet, 0px); margin-bottom: var(--5k7mim-margin-bottom-tablet, 0px); margin-left: var(--5k7mim-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5k7mim-margin-top-mobile, 0px); margin-right: var(--5k7mim-margin-right-mobile, 0px); margin-bottom: var(--5k7mim-margin-bottom-mobile, 0px); margin-left: var(--5k7mim-margin-left-mobile, 0px); } }[data-bnode="omnise-fgpxre"] { --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; --fgpxre-priceType: salePrice; --fgpxre-priceType-tablet: salePrice; --fgpxre-priceType-mobile: salePrice; --fgpxre-decoration: line-through; --fgpxre-decoration-tablet: line-through; --fgpxre-decoration-mobile: line-through; --fgpxre-typography: p2; --fgpxre-typography-tablet: p2; --fgpxre-typography-mobile: p2; --fgpxre-salePriceColor: #C13C18; --fgpxre-salePriceColor-tablet: #C13C18; --fgpxre-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-fgpxre"] { margin-top: var(--fgpxre-margin-top, 0px); margin-right: var(--fgpxre-margin-right, 0px); margin-bottom: var(--fgpxre-margin-bottom, 0px); margin-left: var(--fgpxre-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fgpxre-margin-top-tablet, 0px); margin-right: var(--fgpxre-margin-right-tablet, 0px); margin-bottom: var(--fgpxre-margin-bottom-tablet, 0px); margin-left: var(--fgpxre-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fgpxre-margin-top-mobile, 0px); margin-right: var(--fgpxre-margin-right-mobile, 0px); margin-bottom: var(--fgpxre-margin-bottom-mobile, 0px); margin-left: var(--fgpxre-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--fgpxre-comparePriceColor); text-decoration: var(--fgpxre-decoration,none); font-size: calc(var(--fgpxre-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--fgpxre-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-t720di"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }[data-bnode="omnise-l6o2ju"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-l6o2ju"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-l6o2ju"] {                     }  }[data-bnode="omnise-ogecmc"] {   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-ogecmc"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ogecmc"] {      }  } [data-bnode="omnise-ogecmc"] {     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-ogecmc"] {                      &>.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-ogecmc"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-xhibiv"] { --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-xhibiv"] { margin-top: var(--xhibiv-margin-top, 0px); margin-right: var(--xhibiv-margin-right, 0px); margin-bottom: var(--xhibiv-margin-bottom, 0px); margin-left: var(--xhibiv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xhibiv-margin-top-tablet, 0px); margin-right: var(--xhibiv-margin-right-tablet, 0px); margin-bottom: var(--xhibiv-margin-bottom-tablet, 0px); margin-left: var(--xhibiv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xhibiv-margin-top-mobile, 0px); margin-right: var(--xhibiv-margin-right-mobile, 0px); margin-bottom: var(--xhibiv-margin-bottom-mobile, 0px); margin-left: var(--xhibiv-margin-left-mobile, 0px); } }[data-bnode="omnise-cx631x"] { --cx631x-borderStyle: none; --cx631x-borderStyle-tablet: none; --cx631x-borderStyle-mobile: none; --cx631x-borderColor: #000000; --cx631x-borderColor-tablet: #000000; --cx631x-borderColor-mobile: #000000; --cx631x-borderWidth: 1px; --cx631x-borderWidth-tablet: 1px; --cx631x-borderWidth-mobile: 1px; --cx631x-shadowHorizontal: 0; --cx631x-shadowHorizontal-tablet: 0; --cx631x-shadowHorizontal-mobile: 0; --cx631x-shadowVertical: 0; --cx631x-shadowVertical-tablet: 0; --cx631x-shadowVertical-mobile: 0; --cx631x-shadowBlur: 0; --cx631x-shadowBlur-tablet: 0; --cx631x-shadowBlur-mobile: 0; --cx631x-shadowColor: #000000; --cx631x-shadowColor-tablet: #000000; --cx631x-shadowColor-mobile: #000000; --cx631x-padding-top: 0px; --cx631x-padding-top-tablet: 0px; --cx631x-padding-top-mobile: 0px; --cx631x-padding-right: 0px; --cx631x-padding-right-tablet: 0px; --cx631x-padding-right-mobile: 0px; --cx631x-padding-bottom: 0px; --cx631x-padding-bottom-tablet: 0px; --cx631x-padding-bottom-mobile: 0px; --cx631x-padding-left: 0px; --cx631x-padding-left-tablet: 0px; --cx631x-padding-left-mobile: 0px; --cx631x-enableShadow: false; --cx631x-enableShadow-tablet: false; --cx631x-enableShadow-mobile: false; --cx631x-imageRatio: 5/7; --cx631x-imageRatio-tablet: 5/7; --cx631x-imageRatio-mobile: 5/7; --cx631x-borderRadius-tl: 0px; --cx631x-borderRadius-tl-tablet: 0px; --cx631x-borderRadius-tl-mobile: 0px; --cx631x-borderRadius-tr: 0px; --cx631x-borderRadius-tr-tablet: 0px; --cx631x-borderRadius-tr-mobile: 0px; --cx631x-borderRadius-bl: 0px; --cx631x-borderRadius-bl-tablet: 0px; --cx631x-borderRadius-bl-mobile: 0px; --cx631x-borderRadius-br: 0px; --cx631x-borderRadius-br-tablet: 0px; --cx631x-borderRadius-br-mobile: 0px; }[data-bnode="omnise-cx631x"] { margin-top: var(--cx631x-margin-top, 0px); margin-right: var(--cx631x-margin-right, 0px); margin-bottom: var(--cx631x-margin-bottom, 0px); margin-left: var(--cx631x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cx631x-margin-top-tablet, 0px); margin-right: var(--cx631x-margin-right-tablet, 0px); margin-bottom: var(--cx631x-margin-bottom-tablet, 0px); margin-left: var(--cx631x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cx631x-margin-top-mobile, 0px); margin-right: var(--cx631x-margin-right-mobile, 0px); margin-bottom: var(--cx631x-margin-bottom-mobile, 0px); margin-left: var(--cx631x-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--cx631x-imageRatio, auto); overflow: hidden; border-style: var(--cx631x-borderStyle, solid); border-color: var(--cx631x-borderColor, var(--omnise-card-media-border-color)); border-width: var(--cx631x-borderWidth-tl, var(--omnise-card-border-width)) var(--cx631x-borderWidth-tr, var(--omnise-card-border-width)) var(--cx631x-borderWidth-br, var(--omnise-card-border-width)) var(--cx631x-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-br, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--cx631x-shadowHorizontal, var(--omnise-card-shadow-x)) var(--cx631x-shadowVertical, var(--omnise-card-shadow-y)) var(--cx631x-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--cx631x-shadowColor, var(--omnise-card-media-shadow-color)) var(--cx631x-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--cx631x-imageRatio-tablet, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-tablet, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-tablet, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-tablet, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-tablet, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-tablet, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-tablet, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-tablet, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-tablet, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-tablet, var(--cx631x-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--cx631x-imageRatio-mobile, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-mobile, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-mobile, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-mobile, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-mobile, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-mobile, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-mobile, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-mobile, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-mobile, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-mobile, var(--cx631x-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-wbgwq0"] {   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-wbgwq0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {      }  } [data-bnode="omnise-wbgwq0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wbgwq0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {                     }  }[data-bnode="omnise-wyy02c"] { --wyy02c-width: fill; --wyy02c-width-tablet: fill; --wyy02c-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; --wyy02c-transform: none; --wyy02c-transform-tablet: none; --wyy02c-transform-mobile: none; --wyy02c-iconWidth: 20px; --wyy02c-iconWidth-tablet: 20px; --wyy02c-iconWidth-mobile: 20px; --wyy02c-iconGap: 5px; --wyy02c-iconGap-tablet: 5px; --wyy02c-iconGap-mobile: 5px; --wyy02c-button: pr; --wyy02c-button-tablet: pr; --wyy02c-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wyy02c"] { margin-top: var(--wyy02c-margin-top, 0px); margin-right: var(--wyy02c-margin-right, 0px); margin-bottom: var(--wyy02c-margin-bottom, 0px); margin-left: var(--wyy02c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wyy02c-margin-top-tablet, 0px); margin-right: var(--wyy02c-margin-right-tablet, 0px); margin-bottom: var(--wyy02c-margin-bottom-tablet, 0px); margin-left: var(--wyy02c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wyy02c-margin-top-mobile, 0px); margin-right: var(--wyy02c-margin-right-mobile, 0px); margin-bottom: var(--wyy02c-margin-bottom-mobile, 0px); margin-left: var(--wyy02c-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--wyy02c-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--wyy02c-iconWidth,20px); min-width: var(--wyy02c-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(--wyy02c-iconGap-tablet); svg { width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wyy02c-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-5k7mim"] { --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; --5k7mim-typography: p2; --5k7mim-typography-tablet: p2; --5k7mim-typography-mobile: p2; --5k7mim-margin-top: 12px; --5k7mim-margin-top-tablet: 12px; --5k7mim-margin-top-mobile: 12px; --5k7mim-margin-right: 0px; --5k7mim-margin-right-tablet: 0px; --5k7mim-margin-right-mobile: 0px; --5k7mim-margin-bottom: 0px; --5k7mim-margin-bottom-tablet: 0px; --5k7mim-margin-bottom-mobile: 0px; --5k7mim-margin-left: 0px; --5k7mim-margin-left-tablet: 0px; --5k7mim-margin-left-mobile: 0px; }[data-bnode="omnise-5k7mim"] { margin-top: var(--5k7mim-margin-top, 0px); margin-right: var(--5k7mim-margin-right, 0px); margin-bottom: var(--5k7mim-margin-bottom, 0px); margin-left: var(--5k7mim-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5k7mim-margin-top-tablet, 0px); margin-right: var(--5k7mim-margin-right-tablet, 0px); margin-bottom: var(--5k7mim-margin-bottom-tablet, 0px); margin-left: var(--5k7mim-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5k7mim-margin-top-mobile, 0px); margin-right: var(--5k7mim-margin-right-mobile, 0px); margin-bottom: var(--5k7mim-margin-bottom-mobile, 0px); margin-left: var(--5k7mim-margin-left-mobile, 0px); } }[data-bnode="omnise-fgpxre"] { --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; --fgpxre-priceType: salePrice; --fgpxre-priceType-tablet: salePrice; --fgpxre-priceType-mobile: salePrice; --fgpxre-decoration: line-through; --fgpxre-decoration-tablet: line-through; --fgpxre-decoration-mobile: line-through; --fgpxre-typography: p2; --fgpxre-typography-tablet: p2; --fgpxre-typography-mobile: p2; --fgpxre-salePriceColor: #C13C18; --fgpxre-salePriceColor-tablet: #C13C18; --fgpxre-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-fgpxre"] { margin-top: var(--fgpxre-margin-top, 0px); margin-right: var(--fgpxre-margin-right, 0px); margin-bottom: var(--fgpxre-margin-bottom, 0px); margin-left: var(--fgpxre-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fgpxre-margin-top-tablet, 0px); margin-right: var(--fgpxre-margin-right-tablet, 0px); margin-bottom: var(--fgpxre-margin-bottom-tablet, 0px); margin-left: var(--fgpxre-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fgpxre-margin-top-mobile, 0px); margin-right: var(--fgpxre-margin-right-mobile, 0px); margin-bottom: var(--fgpxre-margin-bottom-mobile, 0px); margin-left: var(--fgpxre-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--fgpxre-comparePriceColor); text-decoration: var(--fgpxre-decoration,none); font-size: calc(var(--fgpxre-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--fgpxre-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-t720di"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }[data-bnode="omnise-l6o2ju"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-l6o2ju"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-l6o2ju"] {                     }  }[data-bnode="omnise-ogecmc"] {   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-ogecmc"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ogecmc"] {      }  } [data-bnode="omnise-ogecmc"] {     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-ogecmc"] {                      &>.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-ogecmc"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-xhibiv"] { --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-xhibiv"] { margin-top: var(--xhibiv-margin-top, 0px); margin-right: var(--xhibiv-margin-right, 0px); margin-bottom: var(--xhibiv-margin-bottom, 0px); margin-left: var(--xhibiv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xhibiv-margin-top-tablet, 0px); margin-right: var(--xhibiv-margin-right-tablet, 0px); margin-bottom: var(--xhibiv-margin-bottom-tablet, 0px); margin-left: var(--xhibiv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xhibiv-margin-top-mobile, 0px); margin-right: var(--xhibiv-margin-right-mobile, 0px); margin-bottom: var(--xhibiv-margin-bottom-mobile, 0px); margin-left: var(--xhibiv-margin-left-mobile, 0px); } }[data-bnode="omnise-cx631x"] { --cx631x-borderStyle: none; --cx631x-borderStyle-tablet: none; --cx631x-borderStyle-mobile: none; --cx631x-borderColor: #000000; --cx631x-borderColor-tablet: #000000; --cx631x-borderColor-mobile: #000000; --cx631x-borderWidth: 1px; --cx631x-borderWidth-tablet: 1px; --cx631x-borderWidth-mobile: 1px; --cx631x-shadowHorizontal: 0; --cx631x-shadowHorizontal-tablet: 0; --cx631x-shadowHorizontal-mobile: 0; --cx631x-shadowVertical: 0; --cx631x-shadowVertical-tablet: 0; --cx631x-shadowVertical-mobile: 0; --cx631x-shadowBlur: 0; --cx631x-shadowBlur-tablet: 0; --cx631x-shadowBlur-mobile: 0; --cx631x-shadowColor: #000000; --cx631x-shadowColor-tablet: #000000; --cx631x-shadowColor-mobile: #000000; --cx631x-padding-top: 0px; --cx631x-padding-top-tablet: 0px; --cx631x-padding-top-mobile: 0px; --cx631x-padding-right: 0px; --cx631x-padding-right-tablet: 0px; --cx631x-padding-right-mobile: 0px; --cx631x-padding-bottom: 0px; --cx631x-padding-bottom-tablet: 0px; --cx631x-padding-bottom-mobile: 0px; --cx631x-padding-left: 0px; --cx631x-padding-left-tablet: 0px; --cx631x-padding-left-mobile: 0px; --cx631x-enableShadow: false; --cx631x-enableShadow-tablet: false; --cx631x-enableShadow-mobile: false; --cx631x-imageRatio: 5/7; --cx631x-imageRatio-tablet: 5/7; --cx631x-imageRatio-mobile: 5/7; --cx631x-borderRadius-tl: 0px; --cx631x-borderRadius-tl-tablet: 0px; --cx631x-borderRadius-tl-mobile: 0px; --cx631x-borderRadius-tr: 0px; --cx631x-borderRadius-tr-tablet: 0px; --cx631x-borderRadius-tr-mobile: 0px; --cx631x-borderRadius-bl: 0px; --cx631x-borderRadius-bl-tablet: 0px; --cx631x-borderRadius-bl-mobile: 0px; --cx631x-borderRadius-br: 0px; --cx631x-borderRadius-br-tablet: 0px; --cx631x-borderRadius-br-mobile: 0px; }[data-bnode="omnise-cx631x"] { margin-top: var(--cx631x-margin-top, 0px); margin-right: var(--cx631x-margin-right, 0px); margin-bottom: var(--cx631x-margin-bottom, 0px); margin-left: var(--cx631x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cx631x-margin-top-tablet, 0px); margin-right: var(--cx631x-margin-right-tablet, 0px); margin-bottom: var(--cx631x-margin-bottom-tablet, 0px); margin-left: var(--cx631x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cx631x-margin-top-mobile, 0px); margin-right: var(--cx631x-margin-right-mobile, 0px); margin-bottom: var(--cx631x-margin-bottom-mobile, 0px); margin-left: var(--cx631x-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--cx631x-imageRatio, auto); overflow: hidden; border-style: var(--cx631x-borderStyle, solid); border-color: var(--cx631x-borderColor, var(--omnise-card-media-border-color)); border-width: var(--cx631x-borderWidth-tl, var(--omnise-card-border-width)) var(--cx631x-borderWidth-tr, var(--omnise-card-border-width)) var(--cx631x-borderWidth-br, var(--omnise-card-border-width)) var(--cx631x-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-br, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--cx631x-shadowHorizontal, var(--omnise-card-shadow-x)) var(--cx631x-shadowVertical, var(--omnise-card-shadow-y)) var(--cx631x-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--cx631x-shadowColor, var(--omnise-card-media-shadow-color)) var(--cx631x-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--cx631x-imageRatio-tablet, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-tablet, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-tablet, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-tablet, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-tablet, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-tablet, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-tablet, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-tablet, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-tablet, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-tablet, var(--cx631x-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--cx631x-imageRatio-mobile, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-mobile, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-mobile, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-mobile, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-mobile, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-mobile, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-mobile, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-mobile, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-mobile, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-mobile, var(--cx631x-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-wbgwq0"] {   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-wbgwq0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {      }  } [data-bnode="omnise-wbgwq0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wbgwq0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {                     }  }[data-bnode="omnise-wyy02c"] { --wyy02c-width: fill; --wyy02c-width-tablet: fill; --wyy02c-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; --wyy02c-transform: none; --wyy02c-transform-tablet: none; --wyy02c-transform-mobile: none; --wyy02c-iconWidth: 20px; --wyy02c-iconWidth-tablet: 20px; --wyy02c-iconWidth-mobile: 20px; --wyy02c-iconGap: 5px; --wyy02c-iconGap-tablet: 5px; --wyy02c-iconGap-mobile: 5px; --wyy02c-button: pr; --wyy02c-button-tablet: pr; --wyy02c-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wyy02c"] { margin-top: var(--wyy02c-margin-top, 0px); margin-right: var(--wyy02c-margin-right, 0px); margin-bottom: var(--wyy02c-margin-bottom, 0px); margin-left: var(--wyy02c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wyy02c-margin-top-tablet, 0px); margin-right: var(--wyy02c-margin-right-tablet, 0px); margin-bottom: var(--wyy02c-margin-bottom-tablet, 0px); margin-left: var(--wyy02c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wyy02c-margin-top-mobile, 0px); margin-right: var(--wyy02c-margin-right-mobile, 0px); margin-bottom: var(--wyy02c-margin-bottom-mobile, 0px); margin-left: var(--wyy02c-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--wyy02c-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--wyy02c-iconWidth,20px); min-width: var(--wyy02c-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(--wyy02c-iconGap-tablet); svg { width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wyy02c-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-5k7mim"] { --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; --5k7mim-typography: p2; --5k7mim-typography-tablet: p2; --5k7mim-typography-mobile: p2; --5k7mim-margin-top: 12px; --5k7mim-margin-top-tablet: 12px; --5k7mim-margin-top-mobile: 12px; --5k7mim-margin-right: 0px; --5k7mim-margin-right-tablet: 0px; --5k7mim-margin-right-mobile: 0px; --5k7mim-margin-bottom: 0px; --5k7mim-margin-bottom-tablet: 0px; --5k7mim-margin-bottom-mobile: 0px; --5k7mim-margin-left: 0px; --5k7mim-margin-left-tablet: 0px; --5k7mim-margin-left-mobile: 0px; }[data-bnode="omnise-5k7mim"] { margin-top: var(--5k7mim-margin-top, 0px); margin-right: var(--5k7mim-margin-right, 0px); margin-bottom: var(--5k7mim-margin-bottom, 0px); margin-left: var(--5k7mim-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5k7mim-margin-top-tablet, 0px); margin-right: var(--5k7mim-margin-right-tablet, 0px); margin-bottom: var(--5k7mim-margin-bottom-tablet, 0px); margin-left: var(--5k7mim-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5k7mim-margin-top-mobile, 0px); margin-right: var(--5k7mim-margin-right-mobile, 0px); margin-bottom: var(--5k7mim-margin-bottom-mobile, 0px); margin-left: var(--5k7mim-margin-left-mobile, 0px); } }[data-bnode="omnise-fgpxre"] { --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; --fgpxre-priceType: salePrice; --fgpxre-priceType-tablet: salePrice; --fgpxre-priceType-mobile: salePrice; --fgpxre-decoration: line-through; --fgpxre-decoration-tablet: line-through; --fgpxre-decoration-mobile: line-through; --fgpxre-typography: p2; --fgpxre-typography-tablet: p2; --fgpxre-typography-mobile: p2; --fgpxre-salePriceColor: #C13C18; --fgpxre-salePriceColor-tablet: #C13C18; --fgpxre-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-fgpxre"] { margin-top: var(--fgpxre-margin-top, 0px); margin-right: var(--fgpxre-margin-right, 0px); margin-bottom: var(--fgpxre-margin-bottom, 0px); margin-left: var(--fgpxre-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fgpxre-margin-top-tablet, 0px); margin-right: var(--fgpxre-margin-right-tablet, 0px); margin-bottom: var(--fgpxre-margin-bottom-tablet, 0px); margin-left: var(--fgpxre-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fgpxre-margin-top-mobile, 0px); margin-right: var(--fgpxre-margin-right-mobile, 0px); margin-bottom: var(--fgpxre-margin-bottom-mobile, 0px); margin-left: var(--fgpxre-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--fgpxre-comparePriceColor); text-decoration: var(--fgpxre-decoration,none); font-size: calc(var(--fgpxre-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--fgpxre-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-t720di"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }[data-bnode="omnise-l6o2ju"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-l6o2ju"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-l6o2ju"] {                     }  }[data-bnode="omnise-ogecmc"] {   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-ogecmc"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ogecmc"] {      }  } [data-bnode="omnise-ogecmc"] {     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-ogecmc"] {                      &>.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-ogecmc"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-xhibiv"] { --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-xhibiv"] { margin-top: var(--xhibiv-margin-top, 0px); margin-right: var(--xhibiv-margin-right, 0px); margin-bottom: var(--xhibiv-margin-bottom, 0px); margin-left: var(--xhibiv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xhibiv-margin-top-tablet, 0px); margin-right: var(--xhibiv-margin-right-tablet, 0px); margin-bottom: var(--xhibiv-margin-bottom-tablet, 0px); margin-left: var(--xhibiv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xhibiv-margin-top-mobile, 0px); margin-right: var(--xhibiv-margin-right-mobile, 0px); margin-bottom: var(--xhibiv-margin-bottom-mobile, 0px); margin-left: var(--xhibiv-margin-left-mobile, 0px); } }[data-bnode="omnise-cx631x"] { --cx631x-borderStyle: none; --cx631x-borderStyle-tablet: none; --cx631x-borderStyle-mobile: none; --cx631x-borderColor: #000000; --cx631x-borderColor-tablet: #000000; --cx631x-borderColor-mobile: #000000; --cx631x-borderWidth: 1px; --cx631x-borderWidth-tablet: 1px; --cx631x-borderWidth-mobile: 1px; --cx631x-shadowHorizontal: 0; --cx631x-shadowHorizontal-tablet: 0; --cx631x-shadowHorizontal-mobile: 0; --cx631x-shadowVertical: 0; --cx631x-shadowVertical-tablet: 0; --cx631x-shadowVertical-mobile: 0; --cx631x-shadowBlur: 0; --cx631x-shadowBlur-tablet: 0; --cx631x-shadowBlur-mobile: 0; --cx631x-shadowColor: #000000; --cx631x-shadowColor-tablet: #000000; --cx631x-shadowColor-mobile: #000000; --cx631x-padding-top: 0px; --cx631x-padding-top-tablet: 0px; --cx631x-padding-top-mobile: 0px; --cx631x-padding-right: 0px; --cx631x-padding-right-tablet: 0px; --cx631x-padding-right-mobile: 0px; --cx631x-padding-bottom: 0px; --cx631x-padding-bottom-tablet: 0px; --cx631x-padding-bottom-mobile: 0px; --cx631x-padding-left: 0px; --cx631x-padding-left-tablet: 0px; --cx631x-padding-left-mobile: 0px; --cx631x-enableShadow: false; --cx631x-enableShadow-tablet: false; --cx631x-enableShadow-mobile: false; --cx631x-imageRatio: 5/7; --cx631x-imageRatio-tablet: 5/7; --cx631x-imageRatio-mobile: 5/7; --cx631x-borderRadius-tl: 0px; --cx631x-borderRadius-tl-tablet: 0px; --cx631x-borderRadius-tl-mobile: 0px; --cx631x-borderRadius-tr: 0px; --cx631x-borderRadius-tr-tablet: 0px; --cx631x-borderRadius-tr-mobile: 0px; --cx631x-borderRadius-bl: 0px; --cx631x-borderRadius-bl-tablet: 0px; --cx631x-borderRadius-bl-mobile: 0px; --cx631x-borderRadius-br: 0px; --cx631x-borderRadius-br-tablet: 0px; --cx631x-borderRadius-br-mobile: 0px; }[data-bnode="omnise-cx631x"] { margin-top: var(--cx631x-margin-top, 0px); margin-right: var(--cx631x-margin-right, 0px); margin-bottom: var(--cx631x-margin-bottom, 0px); margin-left: var(--cx631x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cx631x-margin-top-tablet, 0px); margin-right: var(--cx631x-margin-right-tablet, 0px); margin-bottom: var(--cx631x-margin-bottom-tablet, 0px); margin-left: var(--cx631x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cx631x-margin-top-mobile, 0px); margin-right: var(--cx631x-margin-right-mobile, 0px); margin-bottom: var(--cx631x-margin-bottom-mobile, 0px); margin-left: var(--cx631x-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--cx631x-imageRatio, auto); overflow: hidden; border-style: var(--cx631x-borderStyle, solid); border-color: var(--cx631x-borderColor, var(--omnise-card-media-border-color)); border-width: var(--cx631x-borderWidth-tl, var(--omnise-card-border-width)) var(--cx631x-borderWidth-tr, var(--omnise-card-border-width)) var(--cx631x-borderWidth-br, var(--omnise-card-border-width)) var(--cx631x-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-br, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--cx631x-shadowHorizontal, var(--omnise-card-shadow-x)) var(--cx631x-shadowVertical, var(--omnise-card-shadow-y)) var(--cx631x-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--cx631x-shadowColor, var(--omnise-card-media-shadow-color)) var(--cx631x-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--cx631x-imageRatio-tablet, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-tablet, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-tablet, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-tablet, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-tablet, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-tablet, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-tablet, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-tablet, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-tablet, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-tablet, var(--cx631x-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--cx631x-imageRatio-mobile, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-mobile, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-mobile, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-mobile, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-mobile, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-mobile, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-mobile, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-mobile, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-mobile, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-mobile, var(--cx631x-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-wbgwq0"] {   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-wbgwq0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {      }  } [data-bnode="omnise-wbgwq0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wbgwq0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {                     }  }[data-bnode="omnise-wyy02c"] { --wyy02c-width: fill; --wyy02c-width-tablet: fill; --wyy02c-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; --wyy02c-transform: none; --wyy02c-transform-tablet: none; --wyy02c-transform-mobile: none; --wyy02c-iconWidth: 20px; --wyy02c-iconWidth-tablet: 20px; --wyy02c-iconWidth-mobile: 20px; --wyy02c-iconGap: 5px; --wyy02c-iconGap-tablet: 5px; --wyy02c-iconGap-mobile: 5px; --wyy02c-button: pr; --wyy02c-button-tablet: pr; --wyy02c-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wyy02c"] { margin-top: var(--wyy02c-margin-top, 0px); margin-right: var(--wyy02c-margin-right, 0px); margin-bottom: var(--wyy02c-margin-bottom, 0px); margin-left: var(--wyy02c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wyy02c-margin-top-tablet, 0px); margin-right: var(--wyy02c-margin-right-tablet, 0px); margin-bottom: var(--wyy02c-margin-bottom-tablet, 0px); margin-left: var(--wyy02c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wyy02c-margin-top-mobile, 0px); margin-right: var(--wyy02c-margin-right-mobile, 0px); margin-bottom: var(--wyy02c-margin-bottom-mobile, 0px); margin-left: var(--wyy02c-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--wyy02c-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--wyy02c-iconWidth,20px); min-width: var(--wyy02c-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(--wyy02c-iconGap-tablet); svg { width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wyy02c-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-5k7mim"] { --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; --5k7mim-typography: p2; --5k7mim-typography-tablet: p2; --5k7mim-typography-mobile: p2; --5k7mim-margin-top: 12px; --5k7mim-margin-top-tablet: 12px; --5k7mim-margin-top-mobile: 12px; --5k7mim-margin-right: 0px; --5k7mim-margin-right-tablet: 0px; --5k7mim-margin-right-mobile: 0px; --5k7mim-margin-bottom: 0px; --5k7mim-margin-bottom-tablet: 0px; --5k7mim-margin-bottom-mobile: 0px; --5k7mim-margin-left: 0px; --5k7mim-margin-left-tablet: 0px; --5k7mim-margin-left-mobile: 0px; }[data-bnode="omnise-5k7mim"] { margin-top: var(--5k7mim-margin-top, 0px); margin-right: var(--5k7mim-margin-right, 0px); margin-bottom: var(--5k7mim-margin-bottom, 0px); margin-left: var(--5k7mim-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5k7mim-margin-top-tablet, 0px); margin-right: var(--5k7mim-margin-right-tablet, 0px); margin-bottom: var(--5k7mim-margin-bottom-tablet, 0px); margin-left: var(--5k7mim-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5k7mim-margin-top-mobile, 0px); margin-right: var(--5k7mim-margin-right-mobile, 0px); margin-bottom: var(--5k7mim-margin-bottom-mobile, 0px); margin-left: var(--5k7mim-margin-left-mobile, 0px); } }[data-bnode="omnise-fgpxre"] { --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; --fgpxre-priceType: salePrice; --fgpxre-priceType-tablet: salePrice; --fgpxre-priceType-mobile: salePrice; --fgpxre-decoration: line-through; --fgpxre-decoration-tablet: line-through; --fgpxre-decoration-mobile: line-through; --fgpxre-typography: p2; --fgpxre-typography-tablet: p2; --fgpxre-typography-mobile: p2; --fgpxre-salePriceColor: #C13C18; --fgpxre-salePriceColor-tablet: #C13C18; --fgpxre-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-fgpxre"] { margin-top: var(--fgpxre-margin-top, 0px); margin-right: var(--fgpxre-margin-right, 0px); margin-bottom: var(--fgpxre-margin-bottom, 0px); margin-left: var(--fgpxre-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fgpxre-margin-top-tablet, 0px); margin-right: var(--fgpxre-margin-right-tablet, 0px); margin-bottom: var(--fgpxre-margin-bottom-tablet, 0px); margin-left: var(--fgpxre-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fgpxre-margin-top-mobile, 0px); margin-right: var(--fgpxre-margin-right-mobile, 0px); margin-bottom: var(--fgpxre-margin-bottom-mobile, 0px); margin-left: var(--fgpxre-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--fgpxre-comparePriceColor); text-decoration: var(--fgpxre-decoration,none); font-size: calc(var(--fgpxre-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--fgpxre-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-t720di"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }[data-bnode="omnise-l6o2ju"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-l6o2ju"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-l6o2ju"] {                     }  }[data-bnode="omnise-ogecmc"] {   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-ogecmc"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ogecmc"] {      }  } [data-bnode="omnise-ogecmc"] {     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-ogecmc"] {                      &>.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-ogecmc"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-xhibiv"] { --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-xhibiv"] { margin-top: var(--xhibiv-margin-top, 0px); margin-right: var(--xhibiv-margin-right, 0px); margin-bottom: var(--xhibiv-margin-bottom, 0px); margin-left: var(--xhibiv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xhibiv-margin-top-tablet, 0px); margin-right: var(--xhibiv-margin-right-tablet, 0px); margin-bottom: var(--xhibiv-margin-bottom-tablet, 0px); margin-left: var(--xhibiv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xhibiv-margin-top-mobile, 0px); margin-right: var(--xhibiv-margin-right-mobile, 0px); margin-bottom: var(--xhibiv-margin-bottom-mobile, 0px); margin-left: var(--xhibiv-margin-left-mobile, 0px); } }[data-bnode="omnise-cx631x"] { --cx631x-borderStyle: none; --cx631x-borderStyle-tablet: none; --cx631x-borderStyle-mobile: none; --cx631x-borderColor: #000000; --cx631x-borderColor-tablet: #000000; --cx631x-borderColor-mobile: #000000; --cx631x-borderWidth: 1px; --cx631x-borderWidth-tablet: 1px; --cx631x-borderWidth-mobile: 1px; --cx631x-shadowHorizontal: 0; --cx631x-shadowHorizontal-tablet: 0; --cx631x-shadowHorizontal-mobile: 0; --cx631x-shadowVertical: 0; --cx631x-shadowVertical-tablet: 0; --cx631x-shadowVertical-mobile: 0; --cx631x-shadowBlur: 0; --cx631x-shadowBlur-tablet: 0; --cx631x-shadowBlur-mobile: 0; --cx631x-shadowColor: #000000; --cx631x-shadowColor-tablet: #000000; --cx631x-shadowColor-mobile: #000000; --cx631x-padding-top: 0px; --cx631x-padding-top-tablet: 0px; --cx631x-padding-top-mobile: 0px; --cx631x-padding-right: 0px; --cx631x-padding-right-tablet: 0px; --cx631x-padding-right-mobile: 0px; --cx631x-padding-bottom: 0px; --cx631x-padding-bottom-tablet: 0px; --cx631x-padding-bottom-mobile: 0px; --cx631x-padding-left: 0px; --cx631x-padding-left-tablet: 0px; --cx631x-padding-left-mobile: 0px; --cx631x-enableShadow: false; --cx631x-enableShadow-tablet: false; --cx631x-enableShadow-mobile: false; --cx631x-imageRatio: 5/7; --cx631x-imageRatio-tablet: 5/7; --cx631x-imageRatio-mobile: 5/7; --cx631x-borderRadius-tl: 0px; --cx631x-borderRadius-tl-tablet: 0px; --cx631x-borderRadius-tl-mobile: 0px; --cx631x-borderRadius-tr: 0px; --cx631x-borderRadius-tr-tablet: 0px; --cx631x-borderRadius-tr-mobile: 0px; --cx631x-borderRadius-bl: 0px; --cx631x-borderRadius-bl-tablet: 0px; --cx631x-borderRadius-bl-mobile: 0px; --cx631x-borderRadius-br: 0px; --cx631x-borderRadius-br-tablet: 0px; --cx631x-borderRadius-br-mobile: 0px; }[data-bnode="omnise-cx631x"] { margin-top: var(--cx631x-margin-top, 0px); margin-right: var(--cx631x-margin-right, 0px); margin-bottom: var(--cx631x-margin-bottom, 0px); margin-left: var(--cx631x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cx631x-margin-top-tablet, 0px); margin-right: var(--cx631x-margin-right-tablet, 0px); margin-bottom: var(--cx631x-margin-bottom-tablet, 0px); margin-left: var(--cx631x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cx631x-margin-top-mobile, 0px); margin-right: var(--cx631x-margin-right-mobile, 0px); margin-bottom: var(--cx631x-margin-bottom-mobile, 0px); margin-left: var(--cx631x-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--cx631x-imageRatio, auto); overflow: hidden; border-style: var(--cx631x-borderStyle, solid); border-color: var(--cx631x-borderColor, var(--omnise-card-media-border-color)); border-width: var(--cx631x-borderWidth-tl, var(--omnise-card-border-width)) var(--cx631x-borderWidth-tr, var(--omnise-card-border-width)) var(--cx631x-borderWidth-br, var(--omnise-card-border-width)) var(--cx631x-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-br, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--cx631x-shadowHorizontal, var(--omnise-card-shadow-x)) var(--cx631x-shadowVertical, var(--omnise-card-shadow-y)) var(--cx631x-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--cx631x-shadowColor, var(--omnise-card-media-shadow-color)) var(--cx631x-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--cx631x-imageRatio-tablet, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-tablet, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-tablet, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-tablet, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-tablet, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-tablet, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-tablet, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-tablet, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-tablet, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-tablet, var(--cx631x-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--cx631x-imageRatio-mobile, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-mobile, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-mobile, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-mobile, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-mobile, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-mobile, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-mobile, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-mobile, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-mobile, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-mobile, var(--cx631x-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-wbgwq0"] {   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-wbgwq0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {      }  } [data-bnode="omnise-wbgwq0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wbgwq0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {                     }  }[data-bnode="omnise-wyy02c"] { --wyy02c-width: fill; --wyy02c-width-tablet: fill; --wyy02c-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; --wyy02c-transform: none; --wyy02c-transform-tablet: none; --wyy02c-transform-mobile: none; --wyy02c-iconWidth: 20px; --wyy02c-iconWidth-tablet: 20px; --wyy02c-iconWidth-mobile: 20px; --wyy02c-iconGap: 5px; --wyy02c-iconGap-tablet: 5px; --wyy02c-iconGap-mobile: 5px; --wyy02c-button: pr; --wyy02c-button-tablet: pr; --wyy02c-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wyy02c"] { margin-top: var(--wyy02c-margin-top, 0px); margin-right: var(--wyy02c-margin-right, 0px); margin-bottom: var(--wyy02c-margin-bottom, 0px); margin-left: var(--wyy02c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wyy02c-margin-top-tablet, 0px); margin-right: var(--wyy02c-margin-right-tablet, 0px); margin-bottom: var(--wyy02c-margin-bottom-tablet, 0px); margin-left: var(--wyy02c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wyy02c-margin-top-mobile, 0px); margin-right: var(--wyy02c-margin-right-mobile, 0px); margin-bottom: var(--wyy02c-margin-bottom-mobile, 0px); margin-left: var(--wyy02c-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--wyy02c-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--wyy02c-iconWidth,20px); min-width: var(--wyy02c-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(--wyy02c-iconGap-tablet); svg { width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wyy02c-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-5k7mim"] { --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; --5k7mim-typography: p2; --5k7mim-typography-tablet: p2; --5k7mim-typography-mobile: p2; --5k7mim-margin-top: 12px; --5k7mim-margin-top-tablet: 12px; --5k7mim-margin-top-mobile: 12px; --5k7mim-margin-right: 0px; --5k7mim-margin-right-tablet: 0px; --5k7mim-margin-right-mobile: 0px; --5k7mim-margin-bottom: 0px; --5k7mim-margin-bottom-tablet: 0px; --5k7mim-margin-bottom-mobile: 0px; --5k7mim-margin-left: 0px; --5k7mim-margin-left-tablet: 0px; --5k7mim-margin-left-mobile: 0px; }[data-bnode="omnise-5k7mim"] { margin-top: var(--5k7mim-margin-top, 0px); margin-right: var(--5k7mim-margin-right, 0px); margin-bottom: var(--5k7mim-margin-bottom, 0px); margin-left: var(--5k7mim-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5k7mim-margin-top-tablet, 0px); margin-right: var(--5k7mim-margin-right-tablet, 0px); margin-bottom: var(--5k7mim-margin-bottom-tablet, 0px); margin-left: var(--5k7mim-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5k7mim-margin-top-mobile, 0px); margin-right: var(--5k7mim-margin-right-mobile, 0px); margin-bottom: var(--5k7mim-margin-bottom-mobile, 0px); margin-left: var(--5k7mim-margin-left-mobile, 0px); } }[data-bnode="omnise-fgpxre"] { --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; --fgpxre-priceType: salePrice; --fgpxre-priceType-tablet: salePrice; --fgpxre-priceType-mobile: salePrice; --fgpxre-decoration: line-through; --fgpxre-decoration-tablet: line-through; --fgpxre-decoration-mobile: line-through; --fgpxre-typography: p2; --fgpxre-typography-tablet: p2; --fgpxre-typography-mobile: p2; --fgpxre-salePriceColor: #C13C18; --fgpxre-salePriceColor-tablet: #C13C18; --fgpxre-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-fgpxre"] { margin-top: var(--fgpxre-margin-top, 0px); margin-right: var(--fgpxre-margin-right, 0px); margin-bottom: var(--fgpxre-margin-bottom, 0px); margin-left: var(--fgpxre-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fgpxre-margin-top-tablet, 0px); margin-right: var(--fgpxre-margin-right-tablet, 0px); margin-bottom: var(--fgpxre-margin-bottom-tablet, 0px); margin-left: var(--fgpxre-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fgpxre-margin-top-mobile, 0px); margin-right: var(--fgpxre-margin-right-mobile, 0px); margin-bottom: var(--fgpxre-margin-bottom-mobile, 0px); margin-left: var(--fgpxre-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--fgpxre-comparePriceColor); text-decoration: var(--fgpxre-decoration,none); font-size: calc(var(--fgpxre-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--fgpxre-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-t720di"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-t720di"] {                gap: 4px;     }  }[data-bnode="omnise-l6o2ju"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-l6o2ju"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-l6o2ju"] {                     }  }[data-bnode="omnise-ogecmc"] {   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-ogecmc"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ogecmc"] {      }  } [data-bnode="omnise-ogecmc"] {     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-ogecmc"] {                      &>.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-ogecmc"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-xhibiv"] { --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-xhibiv"] { margin-top: var(--xhibiv-margin-top, 0px); margin-right: var(--xhibiv-margin-right, 0px); margin-bottom: var(--xhibiv-margin-bottom, 0px); margin-left: var(--xhibiv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xhibiv-margin-top-tablet, 0px); margin-right: var(--xhibiv-margin-right-tablet, 0px); margin-bottom: var(--xhibiv-margin-bottom-tablet, 0px); margin-left: var(--xhibiv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xhibiv-margin-top-mobile, 0px); margin-right: var(--xhibiv-margin-right-mobile, 0px); margin-bottom: var(--xhibiv-margin-bottom-mobile, 0px); margin-left: var(--xhibiv-margin-left-mobile, 0px); } }[data-bnode="omnise-cx631x"] { --cx631x-borderStyle: none; --cx631x-borderStyle-tablet: none; --cx631x-borderStyle-mobile: none; --cx631x-borderColor: #000000; --cx631x-borderColor-tablet: #000000; --cx631x-borderColor-mobile: #000000; --cx631x-borderWidth: 1px; --cx631x-borderWidth-tablet: 1px; --cx631x-borderWidth-mobile: 1px; --cx631x-shadowHorizontal: 0; --cx631x-shadowHorizontal-tablet: 0; --cx631x-shadowHorizontal-mobile: 0; --cx631x-shadowVertical: 0; --cx631x-shadowVertical-tablet: 0; --cx631x-shadowVertical-mobile: 0; --cx631x-shadowBlur: 0; --cx631x-shadowBlur-tablet: 0; --cx631x-shadowBlur-mobile: 0; --cx631x-shadowColor: #000000; --cx631x-shadowColor-tablet: #000000; --cx631x-shadowColor-mobile: #000000; --cx631x-padding-top: 0px; --cx631x-padding-top-tablet: 0px; --cx631x-padding-top-mobile: 0px; --cx631x-padding-right: 0px; --cx631x-padding-right-tablet: 0px; --cx631x-padding-right-mobile: 0px; --cx631x-padding-bottom: 0px; --cx631x-padding-bottom-tablet: 0px; --cx631x-padding-bottom-mobile: 0px; --cx631x-padding-left: 0px; --cx631x-padding-left-tablet: 0px; --cx631x-padding-left-mobile: 0px; --cx631x-enableShadow: false; --cx631x-enableShadow-tablet: false; --cx631x-enableShadow-mobile: false; --cx631x-imageRatio: 5/7; --cx631x-imageRatio-tablet: 5/7; --cx631x-imageRatio-mobile: 5/7; --cx631x-borderRadius-tl: 0px; --cx631x-borderRadius-tl-tablet: 0px; --cx631x-borderRadius-tl-mobile: 0px; --cx631x-borderRadius-tr: 0px; --cx631x-borderRadius-tr-tablet: 0px; --cx631x-borderRadius-tr-mobile: 0px; --cx631x-borderRadius-bl: 0px; --cx631x-borderRadius-bl-tablet: 0px; --cx631x-borderRadius-bl-mobile: 0px; --cx631x-borderRadius-br: 0px; --cx631x-borderRadius-br-tablet: 0px; --cx631x-borderRadius-br-mobile: 0px; }[data-bnode="omnise-cx631x"] { margin-top: var(--cx631x-margin-top, 0px); margin-right: var(--cx631x-margin-right, 0px); margin-bottom: var(--cx631x-margin-bottom, 0px); margin-left: var(--cx631x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cx631x-margin-top-tablet, 0px); margin-right: var(--cx631x-margin-right-tablet, 0px); margin-bottom: var(--cx631x-margin-bottom-tablet, 0px); margin-left: var(--cx631x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cx631x-margin-top-mobile, 0px); margin-right: var(--cx631x-margin-right-mobile, 0px); margin-bottom: var(--cx631x-margin-bottom-mobile, 0px); margin-left: var(--cx631x-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--cx631x-imageRatio, auto); overflow: hidden; border-style: var(--cx631x-borderStyle, solid); border-color: var(--cx631x-borderColor, var(--omnise-card-media-border-color)); border-width: var(--cx631x-borderWidth-tl, var(--omnise-card-border-width)) var(--cx631x-borderWidth-tr, var(--omnise-card-border-width)) var(--cx631x-borderWidth-br, var(--omnise-card-border-width)) var(--cx631x-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-br, var(--omnise-card-border-radius)) var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--cx631x-shadowHorizontal, var(--omnise-card-shadow-x)) var(--cx631x-shadowVertical, var(--omnise-card-shadow-y)) var(--cx631x-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--cx631x-shadowColor, var(--omnise-card-media-shadow-color)) var(--cx631x-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--cx631x-imageRatio-tablet, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-tablet, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-tablet, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-tablet, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-tablet, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-tablet, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-tablet, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-tablet, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-tablet, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-tablet, var(--cx631x-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--cx631x-imageRatio-mobile, var(--cx631x-imageRatio, auto)); border-width: var(--cx631x-borderWidth-tl-mobile, var(--cx631x-borderWidth-tl, var(--omnise-card-border-width))) var(--cx631x-borderWidth-tr-mobile, var(--cx631x-borderWidth-tr, var(--omnise-card-border-width))) var(--cx631x-borderWidth-br-mobile, var(--cx631x-borderWidth-br, var(--omnise-card-border-width))) var(--cx631x-borderWidth-bl-mobile, var(--cx631x-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--cx631x-borderRadius-tl-mobile, var(--cx631x-borderRadius-tl, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-tr-mobile, var(--cx631x-borderRadius-tr, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-br-mobile, var(--cx631x-borderRadius-br, var(--omnise-card-border-radius))) var(--cx631x-borderRadius-bl-mobile, var(--cx631x-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--cx631x-max-width-mobile, var(--cx631x-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-wbgwq0"] {   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-wbgwq0"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {      }  } [data-bnode="omnise-wbgwq0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-wbgwq0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-wbgwq0"] {                     }  }[data-bnode="omnise-wyy02c"] { --wyy02c-width: fill; --wyy02c-width-tablet: fill; --wyy02c-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; --wyy02c-transform: none; --wyy02c-transform-tablet: none; --wyy02c-transform-mobile: none; --wyy02c-iconWidth: 20px; --wyy02c-iconWidth-tablet: 20px; --wyy02c-iconWidth-mobile: 20px; --wyy02c-iconGap: 5px; --wyy02c-iconGap-tablet: 5px; --wyy02c-iconGap-mobile: 5px; --wyy02c-button: pr; --wyy02c-button-tablet: pr; --wyy02c-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; --omnise-btn-se-label-color: #2A2A2A; --omnise-btn-se-background-color: #EBEBEB; }[data-bnode="omnise-wyy02c"] { margin-top: var(--wyy02c-margin-top, 0px); margin-right: var(--wyy02c-margin-right, 0px); margin-bottom: var(--wyy02c-margin-bottom, 0px); margin-left: var(--wyy02c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wyy02c-margin-top-tablet, 0px); margin-right: var(--wyy02c-margin-right-tablet, 0px); margin-bottom: var(--wyy02c-margin-bottom-tablet, 0px); margin-left: var(--wyy02c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wyy02c-margin-top-mobile, 0px); margin-right: var(--wyy02c-margin-right-mobile, 0px); margin-bottom: var(--wyy02c-margin-bottom-mobile, 0px); margin-left: var(--wyy02c-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--wyy02c-iconGap); opacity: 0; &.omnise-btn-pr:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--wyy02c-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); style(--wyy02c-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--wyy02c-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--wyy02c-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); style(--wyy02c-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--wyy02c-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--wyy02c-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); style(--wyy02c-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--wyy02c-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { pointer-events: none; } } span{ display: flex; } svg { width: var(--wyy02c-iconWidth,20px); min-width: var(--wyy02c-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(--wyy02c-iconGap-tablet); svg { width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-tablet,var(--wyy02c-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--wyy02c-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); min-width: var(--wyy02c-iconWidth-mobile,var(--wyy02c-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-5k7mim"] { --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; --5k7mim-typography: p2; --5k7mim-typography-tablet: p2; --5k7mim-typography-mobile: p2; --5k7mim-margin-top: 12px; --5k7mim-margin-top-tablet: 12px; --5k7mim-margin-top-mobile: 12px; --5k7mim-margin-right: 0px; --5k7mim-margin-right-tablet: 0px; --5k7mim-margin-right-mobile: 0px; --5k7mim-margin-bottom: 0px; --5k7mim-margin-bottom-tablet: 0px; --5k7mim-margin-bottom-mobile: 0px; --5k7mim-margin-left: 0px; --5k7mim-margin-left-tablet: 0px; --5k7mim-margin-left-mobile: 0px; }[data-bnode="omnise-5k7mim"] { margin-top: var(--5k7mim-margin-top, 0px); margin-right: var(--5k7mim-margin-right, 0px); margin-bottom: var(--5k7mim-margin-bottom, 0px); margin-left: var(--5k7mim-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5k7mim-margin-top-tablet, 0px); margin-right: var(--5k7mim-margin-right-tablet, 0px); margin-bottom: var(--5k7mim-margin-bottom-tablet, 0px); margin-left: var(--5k7mim-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5k7mim-margin-top-mobile, 0px); margin-right: var(--5k7mim-margin-right-mobile, 0px); margin-bottom: var(--5k7mim-margin-bottom-mobile, 0px); margin-left: var(--5k7mim-margin-left-mobile, 0px); } }[data-bnode="omnise-fgpxre"] { --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; --fgpxre-priceType: salePrice; --fgpxre-priceType-tablet: salePrice; --fgpxre-priceType-mobile: salePrice; --fgpxre-decoration: line-through; --fgpxre-decoration-tablet: line-through; --fgpxre-decoration-mobile: line-through; --fgpxre-typography: p2; --fgpxre-typography-tablet: p2; --fgpxre-typography-mobile: p2; --fgpxre-salePriceColor: #C13C18; --fgpxre-salePriceColor-tablet: #C13C18; --fgpxre-salePriceColor-mobile: #C13C18; }[data-bnode="omnise-fgpxre"] { margin-top: var(--fgpxre-margin-top, 0px); margin-right: var(--fgpxre-margin-right, 0px); margin-bottom: var(--fgpxre-margin-bottom, 0px); margin-left: var(--fgpxre-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fgpxre-margin-top-tablet, 0px); margin-right: var(--fgpxre-margin-right-tablet, 0px); margin-bottom: var(--fgpxre-margin-bottom-tablet, 0px); margin-left: var(--fgpxre-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fgpxre-margin-top-mobile, 0px); margin-right: var(--fgpxre-margin-right-mobile, 0px); margin-bottom: var(--fgpxre-margin-bottom-mobile, 0px); margin-left: var(--fgpxre-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--fgpxre-comparePriceColor); text-decoration: var(--fgpxre-decoration,none); font-size: calc(var(--fgpxre-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--fgpxre-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-slanm8"] { --slanm8-width: fill; --slanm8-width-tablet: fill; --slanm8-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; --slanm8-iconWidth: 20px; --slanm8-iconWidth-tablet: 20px; --slanm8-iconWidth-mobile: 20px; --slanm8-iconGap: 5px; --slanm8-iconGap-tablet: 5px; --slanm8-iconGap-mobile: 5px; --slanm8-labelBtnHover: -25; --slanm8-labelBtnHover-tablet: -25; --slanm8-labelBtnHover-mobile: -25; --slanm8-button: te; --slanm8-button-tablet: te; --slanm8-button-mobile: te; }[data-bnode="omnise-slanm8"] { margin-top: var(--slanm8-margin-top, 0px); margin-right: var(--slanm8-margin-right, 0px); margin-bottom: var(--slanm8-margin-bottom, 0px); margin-left: var(--slanm8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--slanm8-margin-top-tablet, 0px); margin-right: var(--slanm8-margin-right-tablet, 0px); margin-bottom: var(--slanm8-margin-bottom-tablet, 0px); margin-left: var(--slanm8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--slanm8-margin-top-mobile, 0px); margin-right: var(--slanm8-margin-right-mobile, 0px); margin-bottom: var(--slanm8-margin-bottom-mobile, 0px); margin-left: var(--slanm8-margin-left-mobile, 0px); } &{ gap:var(--slanm8-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--slanm8-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--slanm8-bgBtnHover)) * 1%)); style(--slanm8-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--slanm8-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--slanm8-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--slanm8-labelBtnHover)) * 1%)); style(--slanm8-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--slanm8-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--slanm8-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--slanm8-borderBtnHover)) * 1%)); style(--slanm8-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--slanm8-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--slanm8-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--slanm8-bgBtnHover)) * 1%)); style(--slanm8-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--slanm8-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--slanm8-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--slanm8-labelBtnHover)) * 1%)); style(--slanm8-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--slanm8-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--slanm8-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--slanm8-borderBtnHover)) * 1%)); style(--slanm8-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--slanm8-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--slanm8-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--slanm8-labelBtnHover)) * 1%)); style(--slanm8-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--slanm8-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--slanm8-iconWidth); } svg { width: var(--slanm8-iconWidth,20px); min-width: var(--slanm8-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--slanm8-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--slanm8-iconWidth-tablet, var(--slanm8-iconWidth)); } svg { width: var(--slanm8-iconWidth-tablet, var(--slanm8-iconWidth, 20px)); min-width: var(--slanm8-iconWidth-tablet, var(--slanm8-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--slanm8-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--slanm8-iconWidth-mobile, var(--slanm8-iconWidth)); } svg { width: var(--slanm8-iconWidth-mobile, var(--slanm8-iconWidth, 20px)); min-width: var(--slanm8-iconWidth-mobile, var(--slanm8-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-rcmekf"].omnise-section { padding-top: 40px; padding-right: 48px; padding-bottom: 40px; padding-left: 48px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-rcmekf"].omnise-section { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-rcmekf"].omnise-section { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; } } [data-bnode="omnise-rcmekf"] > .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-rcmekf"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-rcmekf"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-xsxnfe"] { --xsxnfe-autoRotate: false; --xsxnfe-autoRotate-tablet: false; --xsxnfe-autoRotate-mobile: false; --xsxnfe-changeSlide: 4s; --xsxnfe-changeSlide-tablet: 4s; --xsxnfe-changeSlide-mobile: 4s; --xsxnfe-slideBehavior: slide; --xsxnfe-slideBehavior-tablet: slide; --xsxnfe-slideBehavior-mobile: slide; --xsxnfe-slideHeight: auto; --xsxnfe-slideHeight-tablet: auto; --xsxnfe-slideHeight-mobile: auto; --xsxnfe-gap: 20px; --xsxnfe-gap-tablet: 20px; --xsxnfe-gap-mobile: 20px; --xsxnfe-stateNavigation: normal; --xsxnfe-stateNavigation-tablet: normal; --xsxnfe-stateNavigation-mobile: normal; --xsxnfe-statePagination: normal; --xsxnfe-statePagination-tablet: normal; --xsxnfe-statePagination-mobile: normal; --xsxnfe-navColor: #333333; --xsxnfe-navColor-tablet: #333333; --xsxnfe-navColor-mobile: #333333; --xsxnfe-navBg: #f5f5f5; --xsxnfe-navBg-tablet: #f5f5f5; --xsxnfe-navBg-mobile: #f5f5f5; --xsxnfe-navColorHover: #333333; --xsxnfe-navColorHover-tablet: #333333; --xsxnfe-navColorHover-mobile: #333333; --xsxnfe-navBgHover: #cccccc; --xsxnfe-navBgHover-tablet: #cccccc; --xsxnfe-navBgHover-mobile: #cccccc; --xsxnfe-navColorActive: #333333; --xsxnfe-navColorActive-tablet: #333333; --xsxnfe-navColorActive-mobile: #333333; --xsxnfe-navBgActive: #cccccc; --xsxnfe-navBgActive-tablet: #cccccc; --xsxnfe-navBgActive-mobile: #cccccc; --xsxnfe-navIconSize: 20px; --xsxnfe-navIconSize-tablet: 20px; --xsxnfe-navIconSize-mobile: 20px; --xsxnfe-navPadding: 20px; --xsxnfe-navPadding-tablet: 20px; --xsxnfe-navPadding-mobile: 20px; --xsxnfe-pagiColor: #e6e6e6; --xsxnfe-pagiColor-tablet: #e6e6e6; --xsxnfe-pagiColor-mobile: #e6e6e6; --xsxnfe-pagiBg: #dcdbdb; --xsxnfe-pagiBg-tablet: #dcdbdb; --xsxnfe-pagiBg-mobile: #dcdbdb; --xsxnfe-pagiColorHover: #cccccc; --xsxnfe-pagiColorHover-tablet: #cccccc; --xsxnfe-pagiColorHover-mobile: #cccccc; --xsxnfe-pagiBgHover: #cccccc; --xsxnfe-pagiBgHover-tablet: #cccccc; --xsxnfe-pagiBgHover-mobile: #cccccc; --xsxnfe-pagiColorActive: #181818; --xsxnfe-pagiColorActive-tablet: #181818; --xsxnfe-pagiColorActive-mobile: #181818; --xsxnfe-pagiBgActive: #ffffff; --xsxnfe-pagiBgActive-tablet: #ffffff; --xsxnfe-pagiBgActive-mobile: #ffffff; --xsxnfe-navType: nav-type-1; --xsxnfe-navType-tablet: nav-type-1; --xsxnfe-navType-mobile: nav-type-1; --xsxnfe-pagiType: dots; --xsxnfe-pagiType-tablet: dots; --xsxnfe-pagiType-mobile: dots; --xsxnfe-height: 800px; --xsxnfe-height-tablet: 500px; --xsxnfe-height-mobile: 500px; }[data-bnode="omnise-xsxnfe"] { margin-top: var(--xsxnfe-margin-top, 0px); margin-right: var(--xsxnfe-margin-right, 0px); margin-bottom: var(--xsxnfe-margin-bottom, 0px); margin-left: var(--xsxnfe-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xsxnfe-margin-top-tablet, 0px); margin-right: var(--xsxnfe-margin-right-tablet, 0px); margin-bottom: var(--xsxnfe-margin-bottom-tablet, 0px); margin-left: var(--xsxnfe-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xsxnfe-margin-top-mobile, 0px); margin-right: var(--xsxnfe-margin-right-mobile, 0px); margin-bottom: var(--xsxnfe-margin-bottom-mobile, 0px); margin-left: var(--xsxnfe-margin-left-mobile, 0px); } &.omnise-content-list { height: var(--xsxnfe-height); overflow: visible; z-index: 90 !important; position: relative; @media (max-width: 768px) and (max-width: 1180px) { height: var(--xsxnfe-height-mobile); } @media (max-width: 767px) { height: var(--xsxnfe-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(--xsxnfe-navPadding, 12px); background: var(--xsxnfe-navBg, #f5f5f5); color: var(--xsxnfe-navColor, #333333); cursor: pointer; &:hover { background: var(--xsxnfe-navBgHover, #cccccc); color: var(--xsxnfe-navColorHover, #333333); svg { fill: var(--xsxnfe-navColorHover, #333333); } } svg { width: var(--xsxnfe-navIconSize, 20px); height: var(--xsxnfe-navIconSize, 20px); fill: var(--xsxnfe-navColor, #333333); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--xsxnfe-pagiBg, #e6e6e6); &.active { background: var(--xsxnfe-pagiBgActive, #181818); } &:not(.active):hover { background: var(--xsxnfe-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--xsxnfe-pagiColor, #e6e6e6); &.active { color: var(--xsxnfe-pagiColorActive, #181818); } &:not(.active):hover { color: var(--xsxnfe-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--xsxnfe-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--xsxnfe-pagiBg, #e6e6e6); &.active { background: var(--xsxnfe-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--xsxnfe-pagiBgHover, #cccccc); } } .omnise-slider-controls-wrp { margin-top: 20px; } .omnise-slider-pagination-wrp { position: absolute; bottom: 60px; left: 0; right: 0; } }[data-bnode="omnise-pv7zpv"] { 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: 96px; padding-bottom: 0px; padding-left: 96px; } @media (max-width: 767px) { [data-bnode="omnise-pv7zpv"] { padding-top: 40px; padding-right: 24px; padding-bottom: 40px; padding-left: 24px; } } [data-bnode="omnise-pv7zpv"] {     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-pv7zpv"] {                gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-pv7zpv"] {                gap: 24px;     }  }[data-bnode="omnise-s321vk"] { 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-s321vk"] { padding-top: 32px; padding-right: 24px; padding-bottom: 32px; padding-left: 24px; } } @media (max-width: 767px) { [data-bnode="omnise-s321vk"] { padding-top: 32px; padding-right: 24px; padding-bottom: 32px; padding-left: 24px; } } [data-bnode="omnise-s321vk"] {   max-width: 480px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-s321vk"] {    max-width: 388px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-s321vk"] {    max-width: 100%;   }  } [data-bnode="omnise-s321vk"] {        flex-wrap: nowrap;     align-items: center;   gap: 8px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-s321vk"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-s321vk"] {                gap: 8px;     }  }[data-bnode="omnise-tdo4z9"] { --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; --tdo4z9-typography: p; --tdo4z9-typography-tablet: p; --tdo4z9-typography-mobile: p; --omnise-p-text-align: center; }[data-bnode="omnise-tdo4z9"] { margin-top: var(--tdo4z9-margin-top, 0px); margin-right: var(--tdo4z9-margin-right, 0px); margin-bottom: var(--tdo4z9-margin-bottom, 0px); margin-left: var(--tdo4z9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tdo4z9-margin-top-tablet, 0px); margin-right: var(--tdo4z9-margin-right-tablet, 0px); margin-bottom: var(--tdo4z9-margin-bottom-tablet, 0px); margin-left: var(--tdo4z9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tdo4z9-margin-top-mobile, 0px); margin-right: var(--tdo4z9-margin-right-mobile, 0px); margin-bottom: var(--tdo4z9-margin-bottom-mobile, 0px); margin-left: var(--tdo4z9-margin-left-mobile, 0px); } }[data-bnode="omnise-oq2n2s"] { --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; --oq2n2s-typography: h3; --oq2n2s-typography-tablet: h3; --oq2n2s-typography-mobile: h3; --oq2n2s-margin-top: 0px; --oq2n2s-margin-top-tablet: 0px; --oq2n2s-margin-top-mobile: 0px; --oq2n2s-margin-right: 0px; --oq2n2s-margin-right-tablet: 0px; --oq2n2s-margin-right-mobile: 0px; --oq2n2s-margin-bottom: 16px; --oq2n2s-margin-bottom-tablet: 16px; --oq2n2s-margin-bottom-mobile: 16px; --oq2n2s-margin-left: 0px; --oq2n2s-margin-left-tablet: 0px; --oq2n2s-margin-left-mobile: 0px; --omnise-h3-text-align: center; }[data-bnode="omnise-oq2n2s"] { margin-top: var(--oq2n2s-margin-top, 0px); margin-right: var(--oq2n2s-margin-right, 0px); margin-bottom: var(--oq2n2s-margin-bottom, 0px); margin-left: var(--oq2n2s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--oq2n2s-margin-top-tablet, 0px); margin-right: var(--oq2n2s-margin-right-tablet, 0px); margin-bottom: var(--oq2n2s-margin-bottom-tablet, 0px); margin-left: var(--oq2n2s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--oq2n2s-margin-top-mobile, 0px); margin-right: var(--oq2n2s-margin-right-mobile, 0px); margin-bottom: var(--oq2n2s-margin-bottom-mobile, 0px); margin-left: var(--oq2n2s-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(--oq2n2s-highlightColor, var(--omnise-p-color)); top: var(--oq2n2s-highlightTop, 100%); } }[data-bnode="omnise-untnul"] { --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; --untnul-typography: p3; --untnul-typography-tablet: p3; --untnul-typography-mobile: p3; --omnise-p3-text-align: center; --untnul-margin-top: 0px; --untnul-margin-top-tablet: 0px; --untnul-margin-top-mobile: 0px; --untnul-margin-right: 0px; --untnul-margin-right-tablet: 0px; --untnul-margin-right-mobile: 0px; --untnul-margin-bottom: 24px; --untnul-margin-bottom-tablet: 24px; --untnul-margin-bottom-mobile: 24px; --untnul-margin-left: 0px; --untnul-margin-left-tablet: 0px; --untnul-margin-left-mobile: 0px; }[data-bnode="omnise-untnul"] { margin-top: var(--untnul-margin-top, 0px); margin-right: var(--untnul-margin-right, 0px); margin-bottom: var(--untnul-margin-bottom, 0px); margin-left: var(--untnul-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--untnul-margin-top-tablet, 0px); margin-right: var(--untnul-margin-right-tablet, 0px); margin-bottom: var(--untnul-margin-bottom-tablet, 0px); margin-left: var(--untnul-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--untnul-margin-top-mobile, 0px); margin-right: var(--untnul-margin-right-mobile, 0px); margin-bottom: var(--untnul-margin-bottom-mobile, 0px); margin-left: var(--untnul-margin-left-mobile, 0px); } }[data-bnode="omnise-sjs556"] { --sjs556-width: fill; --sjs556-width-tablet: fill; --sjs556-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; --sjs556-iconWidth: 20px; --sjs556-iconWidth-tablet: 20px; --sjs556-iconWidth-mobile: 20px; --sjs556-iconGap: 5px; --sjs556-iconGap-tablet: 5px; --sjs556-iconGap-mobile: 5px; --sjs556-labelBtnHover: -25; --sjs556-labelBtnHover-tablet: -25; --sjs556-labelBtnHover-mobile: -25; --sjs556-button: te; --sjs556-button-tablet: te; --sjs556-button-mobile: te; }[data-bnode="omnise-sjs556"] { margin-top: var(--sjs556-margin-top, 0px); margin-right: var(--sjs556-margin-right, 0px); margin-bottom: var(--sjs556-margin-bottom, 0px); margin-left: var(--sjs556-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--sjs556-margin-top-tablet, 0px); margin-right: var(--sjs556-margin-right-tablet, 0px); margin-bottom: var(--sjs556-margin-bottom-tablet, 0px); margin-left: var(--sjs556-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--sjs556-margin-top-mobile, 0px); margin-right: var(--sjs556-margin-right-mobile, 0px); margin-bottom: var(--sjs556-margin-bottom-mobile, 0px); margin-left: var(--sjs556-margin-left-mobile, 0px); } &{ gap:var(--sjs556-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--sjs556-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--sjs556-bgBtnHover)) * 1%)); style(--sjs556-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--sjs556-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--sjs556-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--sjs556-labelBtnHover)) * 1%)); style(--sjs556-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--sjs556-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--sjs556-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--sjs556-borderBtnHover)) * 1%)); style(--sjs556-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--sjs556-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--sjs556-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--sjs556-bgBtnHover)) * 1%)); style(--sjs556-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--sjs556-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--sjs556-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--sjs556-labelBtnHover)) * 1%)); style(--sjs556-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--sjs556-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--sjs556-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--sjs556-borderBtnHover)) * 1%)); style(--sjs556-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--sjs556-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--sjs556-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--sjs556-labelBtnHover)) * 1%)); style(--sjs556-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--sjs556-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--sjs556-iconWidth); } svg { width: var(--sjs556-iconWidth,20px); min-width: var(--sjs556-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--sjs556-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--sjs556-iconWidth-tablet, var(--sjs556-iconWidth)); } svg { width: var(--sjs556-iconWidth-tablet, var(--sjs556-iconWidth, 20px)); min-width: var(--sjs556-iconWidth-tablet, var(--sjs556-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--sjs556-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--sjs556-iconWidth-mobile, var(--sjs556-iconWidth)); } svg { width: var(--sjs556-iconWidth-mobile, var(--sjs556-iconWidth, 20px)); min-width: var(--sjs556-iconWidth-mobile, var(--sjs556-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-8qqvo6"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-8qqvo6"] {        flex-wrap: nowrap;   justify-content: center;   align-items: center;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-8qqvo6"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-8qqvo6"] {                gap: 16px;     }  }[data-bnode="omnise-fprgcv"] { 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-fprgcv"] { padding-top: 32px; padding-right: 24px; padding-bottom: 32px; padding-left: 24px; } } @media (max-width: 767px) { [data-bnode="omnise-fprgcv"] { padding-top: 32px; padding-right: 24px; padding-bottom: 32px; padding-left: 24px; } } [data-bnode="omnise-fprgcv"] {   max-width: 480px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-fprgcv"] {    max-width: 388px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-fprgcv"] {    max-width: 100%;   }  } [data-bnode="omnise-fprgcv"] {        flex-wrap: nowrap;     align-items: center;   gap: 8px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-fprgcv"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-fprgcv"] {                gap: 8px;     }  }[data-bnode="omnise-7na7c5"] { --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; --7na7c5-typography: p; --7na7c5-typography-tablet: p; --7na7c5-typography-mobile: p; --omnise-p-text-align: center; }[data-bnode="omnise-7na7c5"] { margin-top: var(--7na7c5-margin-top, 0px); margin-right: var(--7na7c5-margin-right, 0px); margin-bottom: var(--7na7c5-margin-bottom, 0px); margin-left: var(--7na7c5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7na7c5-margin-top-tablet, 0px); margin-right: var(--7na7c5-margin-right-tablet, 0px); margin-bottom: var(--7na7c5-margin-bottom-tablet, 0px); margin-left: var(--7na7c5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7na7c5-margin-top-mobile, 0px); margin-right: var(--7na7c5-margin-right-mobile, 0px); margin-bottom: var(--7na7c5-margin-bottom-mobile, 0px); margin-left: var(--7na7c5-margin-left-mobile, 0px); } }[data-bnode="omnise-3o02fu"] { --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; --3o02fu-typography: h3; --3o02fu-typography-tablet: h3; --3o02fu-typography-mobile: h3; --omnise-h3-text-align: center; --3o02fu-margin-top: 0px; --3o02fu-margin-top-tablet: 0px; --3o02fu-margin-top-mobile: 0px; --3o02fu-margin-right: 0px; --3o02fu-margin-right-tablet: 0px; --3o02fu-margin-right-mobile: 0px; --3o02fu-margin-bottom: 16px; --3o02fu-margin-bottom-tablet: 16px; --3o02fu-margin-bottom-mobile: 16px; --3o02fu-margin-left: 0px; --3o02fu-margin-left-tablet: 0px; --3o02fu-margin-left-mobile: 0px; }[data-bnode="omnise-3o02fu"] { margin-top: var(--3o02fu-margin-top, 0px); margin-right: var(--3o02fu-margin-right, 0px); margin-bottom: var(--3o02fu-margin-bottom, 0px); margin-left: var(--3o02fu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3o02fu-margin-top-tablet, 0px); margin-right: var(--3o02fu-margin-right-tablet, 0px); margin-bottom: var(--3o02fu-margin-bottom-tablet, 0px); margin-left: var(--3o02fu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3o02fu-margin-top-mobile, 0px); margin-right: var(--3o02fu-margin-right-mobile, 0px); margin-bottom: var(--3o02fu-margin-bottom-mobile, 0px); margin-left: var(--3o02fu-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--3o02fu-highlightColor,var(--omnise-p-color)); top: var(--3o02fu-highlightTop, 100%); } }[data-bnode="omnise-c63r2b"] { --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; --c63r2b-typography: p3; --c63r2b-typography-tablet: p3; --c63r2b-typography-mobile: p3; --omnise-p3-text-align: center; --c63r2b-margin-top: 0px; --c63r2b-margin-top-tablet: 0px; --c63r2b-margin-top-mobile: 0px; --c63r2b-margin-right: 0px; --c63r2b-margin-right-tablet: 0px; --c63r2b-margin-right-mobile: 0px; --c63r2b-margin-bottom: 24px; --c63r2b-margin-bottom-tablet: 24px; --c63r2b-margin-bottom-mobile: 24px; --c63r2b-margin-left: 0px; --c63r2b-margin-left-tablet: 0px; --c63r2b-margin-left-mobile: 0px; }[data-bnode="omnise-c63r2b"] { margin-top: var(--c63r2b-margin-top, 0px); margin-right: var(--c63r2b-margin-right, 0px); margin-bottom: var(--c63r2b-margin-bottom, 0px); margin-left: var(--c63r2b-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--c63r2b-margin-top-tablet, 0px); margin-right: var(--c63r2b-margin-right-tablet, 0px); margin-bottom: var(--c63r2b-margin-bottom-tablet, 0px); margin-left: var(--c63r2b-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--c63r2b-margin-top-mobile, 0px); margin-right: var(--c63r2b-margin-right-mobile, 0px); margin-bottom: var(--c63r2b-margin-bottom-mobile, 0px); margin-left: var(--c63r2b-margin-left-mobile, 0px); } }[data-bnode="omnise-x39dnm"] { --x39dnm-width: fill; --x39dnm-width-tablet: fill; --x39dnm-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; --x39dnm-iconWidth: 20px; --x39dnm-iconWidth-tablet: 20px; --x39dnm-iconWidth-mobile: 20px; --x39dnm-iconGap: 5px; --x39dnm-iconGap-tablet: 5px; --x39dnm-iconGap-mobile: 5px; --x39dnm-labelBtnHover: -25; --x39dnm-labelBtnHover-tablet: -25; --x39dnm-labelBtnHover-mobile: -25; --x39dnm-button: te; --x39dnm-button-tablet: te; --x39dnm-button-mobile: te; }[data-bnode="omnise-x39dnm"] { margin-top: var(--x39dnm-margin-top, 0px); margin-right: var(--x39dnm-margin-right, 0px); margin-bottom: var(--x39dnm-margin-bottom, 0px); margin-left: var(--x39dnm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x39dnm-margin-top-tablet, 0px); margin-right: var(--x39dnm-margin-right-tablet, 0px); margin-bottom: var(--x39dnm-margin-bottom-tablet, 0px); margin-left: var(--x39dnm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x39dnm-margin-top-mobile, 0px); margin-right: var(--x39dnm-margin-right-mobile, 0px); margin-bottom: var(--x39dnm-margin-bottom-mobile, 0px); margin-left: var(--x39dnm-margin-left-mobile, 0px); } &{ gap:var(--x39dnm-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--x39dnm-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--x39dnm-bgBtnHover)) * 1%)); style(--x39dnm-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--x39dnm-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--x39dnm-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--x39dnm-labelBtnHover)) * 1%)); style(--x39dnm-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--x39dnm-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--x39dnm-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--x39dnm-borderBtnHover)) * 1%)); style(--x39dnm-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--x39dnm-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--x39dnm-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--x39dnm-bgBtnHover)) * 1%)); style(--x39dnm-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--x39dnm-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--x39dnm-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--x39dnm-labelBtnHover)) * 1%)); style(--x39dnm-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--x39dnm-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--x39dnm-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--x39dnm-borderBtnHover)) * 1%)); style(--x39dnm-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--x39dnm-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--x39dnm-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--x39dnm-labelBtnHover)) * 1%)); style(--x39dnm-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--x39dnm-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--x39dnm-iconWidth); } svg { width: var(--x39dnm-iconWidth,20px); min-width: var(--x39dnm-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--x39dnm-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--x39dnm-iconWidth-tablet, var(--x39dnm-iconWidth)); } svg { width: var(--x39dnm-iconWidth-tablet, var(--x39dnm-iconWidth, 20px)); min-width: var(--x39dnm-iconWidth-tablet, var(--x39dnm-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--x39dnm-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--x39dnm-iconWidth-mobile, var(--x39dnm-iconWidth)); } svg { width: var(--x39dnm-iconWidth-mobile, var(--x39dnm-iconWidth, 20px)); min-width: var(--x39dnm-iconWidth-mobile, var(--x39dnm-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-yf3gu8"].omnise-section { background: #FFFFFF; padding-top: 144px; padding-right: 30px; padding-bottom: 144px; padding-left: 30px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-yf3gu8"].omnise-section { background: #FFFFFF; padding-top: 112px; padding-right: 30px; padding-bottom: 112px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-yf3gu8"].omnise-section { background: #FFFFFF; padding-top: 80px; padding-right: 16px; padding-bottom: 80px; padding-left: 16px; } } [data-bnode="omnise-yf3gu8"] > .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% - 30px - 30px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-yf3gu8"] > .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-yf3gu8"] > .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% - 16px - 16px);    }   }  }[data-bnode="omnise-bavxly"] { --bavxly-columns: 1; --bavxly-columns-tablet: 1; --bavxly-columns-mobile: 1; --bavxly-gap: 20px; --bavxly-gap-tablet: 16px; --bavxly-gap-mobile: 16px; --bavxly-navType: false; --bavxly-navType-tablet: false; --bavxly-navType-mobile: false; --bavxly-pagiType: true; --bavxly-pagiType-tablet: true; --bavxly-pagiType-mobile: true; --bavxly-listType: slider; --bavxly-listType-tablet: slider; --bavxly-listType-mobile: slider; --bavxly-stateNavigation: normal; --bavxly-stateNavigation-tablet: normal; --bavxly-stateNavigation-mobile: normal; --bavxly-statePagination: normal; --bavxly-statePagination-tablet: normal; --bavxly-statePagination-mobile: normal; --bavxly-stateNavigtion: normal; --bavxly-stateNavigtion-tablet: normal; --bavxly-stateNavigtion-mobile: normal; --bavxly-autoRotate: true; --bavxly-autoRotate-tablet: true; --bavxly-autoRotate-mobile: true; --bavxly-changeSlide: 3s; --bavxly-changeSlide-tablet: 3s; --bavxly-changeSlide-mobile: 3s; --bavxly-pagiBg: #e6e6e6; --bavxly-pagiBg-tablet: #e6e6e6; --bavxly-pagiBg-mobile: #e6e6e6; --bavxly-pagiBgHover: #cccccc; --bavxly-pagiBgHover-tablet: #cccccc; --bavxly-pagiBgHover-mobile: #cccccc; --bavxly-pagiBgActive: #181818; --bavxly-pagiBgActive-tablet: #181818; --bavxly-pagiBgActive-mobile: #181818; --bavxly-columnsMobile-mobile: 1; } [data-bnode="omnise-bavxly"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-bavxly"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-bavxly"] [data-bnode="omnise-ovo3th"] { --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; --ovo3th-typography: h2; --omnise-h2-text-align: center; } [data-bnode="omnise-bavxly"] [data-bnode="omnise-trzu1h"] { --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; --trzu1h-typography: eyebrow; --omnise-eyebrow-text-align: center; }[data-bnode="omnise-bavxly"] { margin-top: var(--bavxly-margin-top, 0px); margin-right: var(--bavxly-margin-right, 0px); margin-bottom: var(--bavxly-margin-bottom, 0px); margin-left: var(--bavxly-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bavxly-margin-top-tablet, 0px); margin-right: var(--bavxly-margin-right-tablet, 0px); margin-bottom: var(--bavxly-margin-bottom-tablet, 0px); margin-left: var(--bavxly-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bavxly-margin-top-mobile, 0px); margin-right: var(--bavxly-margin-right-mobile, 0px); margin-bottom: var(--bavxly-margin-bottom-mobile, 0px); margin-left: var(--bavxly-margin-left-mobile, 0px); } &.omnise-content-list { & .omnise-slider-wrapper[data-pagination="progress"] + .omnise-slider-controls .omnise-slider-pagination-progress { height: 2px; background: var(--bavxly-pagiBg, #E6E6E6); display: flex !important; span { background: var(--bavxly-pagiBgActive, #181818); &:hover { background: var(--bavxly-pagiBgHover, #CCCCCC); } } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--bavxly-gap, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--bavxly-gap, 20px) * (var(--bavxly-columns, 3) - 1) + 1px ) / var(--bavxly-columns, 3) ); &:last-child { margin-right: var(--bavxly-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(--bavxly-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--bavxly-columns) - 1) * var(--bavxly-gap, 20px)) / var(--bavxly-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--bavxly-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--bavxly-gap-tablet, 20px) * (var(--bavxly-columns-tablet, 3) - 1) ) / var(--bavxly-columns-tablet, 3) ); &:last-child { margin-right: var(--bavxly-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(--bavxly-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--bavxly-columns-tablet) - 1) * var(--bavxly-gap-tablet, 20px) ) / var(--bavxly-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--bavxly-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--bavxly-gap-mobile, 20px) * (var(--bavxly-columnsMobile-mobile, 1) - 1) ) / var(--bavxly-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--bavxly-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(--bavxly-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--bavxly-columnsMobile-mobile) - 1) * var(--bavxly-gap-mobile, 20px) ) / var(--bavxly-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--bavxly-navPadding, 12px); background: var(--bavxly-navBg, #f5f5f5); color: var(--bavxly-navColor, #333333); cursor: pointer; &:hover { background: var(--bavxly-navBgHover, #cccccc); color: var(--bavxly-navColorHover, #333333); } svg { width: var(--bavxly-navIconSize, 20px); height: var(--bavxly-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--bavxly-pagiBg, #e6e6e6); &.active { background: var(--bavxly-pagiBgActive, #181818); } &:not(.active):hover { background: var(--bavxly-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--bavxly-pagiColor, #e6e6e6); &.active { color: var(--bavxly-pagiColorActive, #181818); } &:not(.active):hover { color: var(--bavxly-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--bavxly-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--bavxly-pagiBg, #e6e6e6); &.active { background: var(--bavxly-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--bavxly-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-bavxly"] [data-bnode="omnise-trzu1h"] { margin-top: var(--trzu1h-margin-top, 0px); margin-right: var(--trzu1h-margin-right, 0px); margin-bottom: var(--trzu1h-margin-bottom, 0px); margin-left: var(--trzu1h-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--trzu1h-margin-top-tablet, 0px); margin-right: var(--trzu1h-margin-right-tablet, 0px); margin-bottom: var(--trzu1h-margin-bottom-tablet, 0px); margin-left: var(--trzu1h-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--trzu1h-margin-top-mobile, 0px); margin-right: var(--trzu1h-margin-right-mobile, 0px); margin-bottom: var(--trzu1h-margin-bottom-mobile, 0px); margin-left: var(--trzu1h-margin-left-mobile, 0px); } } [data-bnode="omnise-bavxly"] [data-bnode="omnise-ovo3th"] { margin-top: var(--ovo3th-margin-top, 0px); margin-right: var(--ovo3th-margin-right, 0px); margin-bottom: var(--ovo3th-margin-bottom, 0px); margin-left: var(--ovo3th-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ovo3th-margin-top-tablet, 0px); margin-right: var(--ovo3th-margin-right-tablet, 0px); margin-bottom: var(--ovo3th-margin-bottom-tablet, 0px); margin-left: var(--ovo3th-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ovo3th-margin-top-mobile, 0px); margin-right: var(--ovo3th-margin-right-mobile, 0px); margin-bottom: var(--ovo3th-margin-bottom-mobile, 0px); margin-left: var(--ovo3th-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ovo3th-highlightColor,var(--omnise-p-color)); top: var(--ovo3th-highlightTop, 100%); } }[data-bnode="omnise-bavxly"] [data-bnode="be-ctl-item"] {   gap: 16px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-bavxly"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-bavxly"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }[data-bnode="omnise-bavxly"] [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-bavxly"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-bavxly"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }[data-bnode="omnise-shqmqc"].omnise-section { background: #FFFFFF; padding-top: 64px; padding-right: 0px; padding-bottom: -39px; padding-left: 0px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-shqmqc"].omnise-section { background: #FFFFFF; padding-top: 64px; padding-right: 0px; padding-bottom: -39px; padding-left: 0px; } } @media (max-width: 767px) { [data-bnode="omnise-shqmqc"].omnise-section { background: #FFFFFF; padding-top: 64px; padding-right: 0px; padding-bottom: -39px; padding-left: 0px; } } [data-bnode="omnise-shqmqc"] > .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-shqmqc"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-shqmqc"] > .omnise-section-container{      width: 100%;   max-width: 100%;   height: fit-content;   margin: 0 auto;              gap: 24px;     }  }[data-bnode="omnise-38whic"] { --38whic-overflow: unset; --38whic-overflow-tablet: unset; --38whic-overflow-mobile: unset; --38whic-itemGap: 0px; --38whic-itemGap-tablet: 0px; --38whic-itemGap-mobile: 0px; --38whic-direction: left; --38whic-direction-tablet: left; --38whic-direction-mobile: left; --38whic-borderWidth-tl: 0px; --38whic-borderWidth-tl-tablet: 0px; --38whic-borderWidth-tl-mobile: 0px; --38whic-borderWidth-tr: 0px; --38whic-borderWidth-tr-tablet: 0px; --38whic-borderWidth-tr-mobile: 0px; --38whic-borderWidth-bl: 0px; --38whic-borderWidth-bl-tablet: 0px; --38whic-borderWidth-bl-mobile: 0px; --38whic-borderWidth-br: 0px; --38whic-borderWidth-br-tablet: 0px; --38whic-borderWidth-br-mobile: 0px; --38whic-borderRadius-tl: 0px; --38whic-borderRadius-tl-tablet: 0px; --38whic-borderRadius-tl-mobile: 0px; --38whic-borderRadius-tr: 0px; --38whic-borderRadius-tr-tablet: 0px; --38whic-borderRadius-tr-mobile: 0px; --38whic-borderRadius-bl: 0px; --38whic-borderRadius-bl-tablet: 0px; --38whic-borderRadius-bl-mobile: 0px; --38whic-borderRadius-br: 0px; --38whic-borderRadius-br-tablet: 0px; --38whic-borderRadius-br-mobile: 0px; --38whic-enableShadow: false; --38whic-enableShadow-tablet: false; --38whic-enableShadow-mobile: false; --38whic-shadowHorizontal: 46px; --38whic-shadowHorizontal-tablet: 46px; --38whic-shadowHorizontal-mobile: 46px; --38whic-shadowVertical: 48px; --38whic-shadowVertical-tablet: 48px; --38whic-shadowVertical-mobile: 48px; --38whic-shadowBlur: 57px; --38whic-shadowBlur-tablet: 57px; --38whic-shadowBlur-mobile: 57px; --38whic-speed: 20s; --38whic-speed-tablet: 20s; --38whic-speed-mobile: 7s; } [data-bnode="omnise-38whic"] [data-bnode="omnise-fp5gtk"] { --omnise-h4-color: #A65959; --omnise-h4-text-align: center; --omnise-h4-font-weight: 700; } [data-bnode="omnise-38whic"] [data-bnode="omnise-sclpar"] { --omnise-p-text-align: justify; } [data-bnode="omnise-38whic"] [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-38whic"] [data-bnode="omnise-4xsu0i"] { --4xsu0i-animationName: pop; --4xsu0i-maxWidth: auto; --omnise-h3-text-transform: none; } [data-bnode="omnise-38whic"] [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-38whic"] [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-38whic"] [data-bnode="omnise-fe9h19"] { --fe9h19-width: 400px; --fe9h19-imageRatio: 4/5; --fe9h19-objFit: cover; --fe9h19-shadowColor: #000000; --fe9h19-borderStyle: none; --fe9h19-enableShadow: false; --fe9h19-width-mobile: 300px; } [data-bnode="omnise-38whic"] [data-bnode="omnise-m61dnj"] { --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; --m61dnj-typography: h5; --omnise-h5-text-align: center; } [data-bnode="omnise-38whic"] [data-bnode="omnise-ol3ag1"] { --ol3ag1-direction: column; --ol3ag1-structure: auto; --ol3ag1-align-items: stretch; --ol3ag1-padding: 0px; --ol3ag1-gap: 0px; --ol3ag1-background-type: color; --ol3ag1-background-color: #000; --ol3ag1-overlayColor-type: color; --ol3ag1-overlayOpacity: 0.2; --ol3ag1-padding-top-tablet: 52px; --ol3ag1-padding-right-tablet: 30px; --ol3ag1-padding-bottom-tablet: 52px; --ol3ag1-padding-left-tablet: 30px; --ol3ag1-padding-top-mobile: 28px; --ol3ag1-padding-right-mobile: 28px; --ol3ag1-padding-bottom-mobile: 28px; --ol3ag1-padding-left-mobile: 28px; } [data-bnode="omnise-38whic"] [data-bnode="omnise-9384ud"] { --9384ud-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; --9384ud-iconWidth: 20px; --9384ud-iconGap: 5px; --9384ud-labelBtnHover: -25; --9384ud-button: te; --9384ud-btnHoverColor: #ffffff; } [data-bnode="omnise-38whic"] [data-bnode="omnise-9384ud"] { --9384ud-width: fill; --9384ud-width-tablet: fill; --9384ud-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; --9384ud-iconWidth: 20px; --9384ud-iconWidth-tablet: 20px; --9384ud-iconWidth-mobile: 20px; --9384ud-iconGap: 5px; --9384ud-iconGap-tablet: 5px; --9384ud-iconGap-mobile: 5px; --9384ud-labelBtnHover: 0; --9384ud-labelBtnHover-tablet: 0; --9384ud-labelBtnHover-mobile: 0; --9384ud-bgBtnHover: -8; --9384ud-bgBtnHover-tablet: -8; --9384ud-bgBtnHover-mobile: -8; --9384ud-borderBtnHover: 0; --9384ud-borderBtnHover-tablet: 0; --9384ud-borderBtnHover-mobile: 0; --9384ud-button: pr; --9384ud-button-tablet: pr; --9384ud-button-mobile: pr; }[data-bnode="omnise-38whic"] { margin-top: var(--38whic-margin-top, 0px); margin-right: var(--38whic-margin-right, 0px); margin-bottom: var(--38whic-margin-bottom, 0px); margin-left: var(--38whic-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--38whic-margin-top-tablet, 0px); margin-right: var(--38whic-margin-right-tablet, 0px); margin-bottom: var(--38whic-margin-bottom-tablet, 0px); margin-left: var(--38whic-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--38whic-margin-top-mobile, 0px); margin-right: var(--38whic-margin-right-mobile, 0px); margin-bottom: var(--38whic-margin-bottom-mobile, 0px); margin-left: var(--38whic-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(--38whic-borderWidth, 0) var(--38whic-borderStyle, solid) var(--38whic-borderColor, #000); border-radius: var(--38whic-borderRadius, 0); box-shadow: if( style(--38whic-enableShadow: true): var(--38whic-shadowHorizontal, 0) var(--38whic-shadowVertical, 0) var(--38whic-shadowBlur, 0) 0 var(--38whic-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(--38whic-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(--38whic-itemGap, 0px); /* padding-right: var(--38whic-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(--38whic-speed-tablet, var(--38whic-speed, 20s)); } & .omnise-1kwker-content { gap: var(--38whic-itemGap-tablet); padding-right: var(--38whic-itemGap-tablet); } } @media (max-width: 639px) { & .omnise-1kwker-track { animation-duration: var(--38whic-speed-mobile, var(--38whic-speed, 20s)); } & .omnise-1kwker-content { gap: var(--38whic-itemGap-mobile); padding-right: var(--38whic-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-38whic"] [data-bnode="omnise-fe9h19"] { margin-top: var(--fe9h19-margin-top, 0px); margin-right: var(--fe9h19-margin-right, 0px); margin-bottom: var(--fe9h19-margin-bottom, 0px); margin-left: var(--fe9h19-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fe9h19-margin-top-tablet, 0px); margin-right: var(--fe9h19-margin-right-tablet, 0px); margin-bottom: var(--fe9h19-margin-bottom-tablet, 0px); margin-left: var(--fe9h19-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fe9h19-margin-top-mobile, 0px); margin-right: var(--fe9h19-margin-right-mobile, 0px); margin-bottom: var(--fe9h19-margin-bottom-mobile, 0px); margin-left: var(--fe9h19-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--fe9h19-width,100%) - var(--fe9h19-margin-left,0px) - var(--fe9h19-margin-right,0px)); width: calc(var(--fe9h19-width,100%) - var(--fe9h19-margin-left,0px) - var(--fe9h19-margin-right,0px)); min-height: min-content; border-color: var(--fe9h19-borderColor,var(--omnise-card-media-border-color)); border-style: var(--fe9h19-borderStyle,solid); border-width: var(--fe9h19-borderWidth-tl,var(--omnise-card-border-width)) var(--fe9h19-borderWidth-tr,var(--omnise-card-border-width)) var(--fe9h19-borderWidth-br,var(--omnise-card-border-width)) var(--fe9h19-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--fe9h19-borderRadius-tl,var(--omnise-card-border-radius)) var(--fe9h19-borderRadius-tr,var(--omnise-card-border-radius)) var(--fe9h19-borderRadius-br,var(--omnise-card-border-radius)) var(--fe9h19-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--fe9h19-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--fe9h19-borderWidth-tl-tablet, var(--fe9h19-borderWidth-tl,var(--omnise-card-border-width))) var(--fe9h19-borderWidth-tr-tablet, var(--fe9h19-borderWidth-tr,var(--omnise-card-border-width))) var(--fe9h19-borderWidth-br-tablet, var(--fe9h19-borderWidth-br,var(--omnise-card-border-width))) var(--fe9h19-borderWidth-bl-tablet, var(--fe9h19-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--fe9h19-borderRadius-tl-tablet, var(--fe9h19-borderRadius-tl,var(--omnise-card-border-radius))) var(--fe9h19-borderRadius-tr-tablet, var(--fe9h19-borderRadius-tr,var(--omnise-card-border-radius))) var(--fe9h19-borderRadius-br-tablet, var(--fe9h19-borderRadius-br,var(--omnise-card-border-radius))) var(--fe9h19-borderRadius-bl-tablet, var(--fe9h19-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--fe9h19-borderWidth-tl-mobile, var(--fe9h19-borderWidth-tl,var(--omnise-card-border-width))) var(--fe9h19-borderWidth-tr-mobile, var(--fe9h19-borderWidth-tr,var(--omnise-card-border-width))) var(--fe9h19-borderWidth-br-mobile, var(--fe9h19-borderWidth-br,var(--omnise-card-border-width))) var(--fe9h19-borderWidth-bl-mobile, var(--fe9h19-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--fe9h19-borderRadius-tl-mobile, var(--fe9h19-borderRadius-tl,var(--omnise-card-border-radius))) var(--fe9h19-borderRadius-tr-mobile, var(--fe9h19-borderRadius-tr,var(--omnise-card-border-radius))) var(--fe9h19-borderRadius-br-mobile, var(--fe9h19-borderRadius-br,var(--omnise-card-border-radius))) var(--fe9h19-borderRadius-bl-mobile, var(--fe9h19-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--fe9h19-shadowHorizontal, var(--omnise-card-shadow-x)) var(--fe9h19-shadowVertical, var(--omnise-card-shadow-y)) var(--fe9h19-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--fe9h19-shadowColor, var(--omnise-card-media-shadow-color)) var(--fe9h19-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--fe9h19-overlayColor-color, #000); opacity: var(--fe9h19-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--fe9h19-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--fe9h19-width-tablet,var(--fe9h19-width,100%)) - var(--fe9h19-margin-left-tablet,var(--fe9h19-margin-left,0px)) - var(--fe9h19-margin-right-tablet,var(--fe9h19-margin-right,0px))); width: calc(var(--fe9h19-width-tablet,var(--fe9h19-width,100%)) - var(--fe9h19-margin-left-tablet,var(--fe9h19-margin-left,0px)) - var(--fe9h19-margin-right-tablet,var(--fe9h19-margin-right,0px))); aspect-ratio: var(--fe9h19-imageRatio-tablet, var(--fe9h19-imageRatio, auto)); img { object-fit: var(--fe9h19-objFit-tablet, var(--fe9h19-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--fe9h19-width-mobile,var(--fe9h19-width,100%)) - var(--fe9h19-margin-left-mobile,var(--fe9h19-margin-left,0px)) - var(--fe9h19-margin-right-mobile,var(--fe9h19-margin-right,0px))); width: calc(var(--fe9h19-width-mobile,var(--fe9h19-width,100%)) - var(--fe9h19-margin-left-mobile,var(--fe9h19-margin-left,0px)) - var(--fe9h19-margin-right-mobile,var(--fe9h19-margin-right,0px))); aspect-ratio: var(--fe9h19-imageRatio-mobile, var(--fe9h19-imageRatio, auto)); img { object-fit: var(--fe9h19-objFit-mobile, var(--fe9h19-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-38whic"] [data-bnode="omnise-ol3ag1"] { &.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-38whic"] [data-bnode="omnise-m61dnj"] { margin-top: var(--m61dnj-margin-top, 0px); margin-right: var(--m61dnj-margin-right, 0px); margin-bottom: var(--m61dnj-margin-bottom, 0px); margin-left: var(--m61dnj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--m61dnj-margin-top-tablet, 0px); margin-right: var(--m61dnj-margin-right-tablet, 0px); margin-bottom: var(--m61dnj-margin-bottom-tablet, 0px); margin-left: var(--m61dnj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--m61dnj-margin-top-mobile, 0px); margin-right: var(--m61dnj-margin-right-mobile, 0px); margin-bottom: var(--m61dnj-margin-bottom-mobile, 0px); margin-left: var(--m61dnj-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--m61dnj-highlightColor,var(--omnise-p-color)); top: var(--m61dnj-highlightTop, 100%); } } [data-bnode="omnise-38whic"] [data-bnode="omnise-9384ud"] { margin-top: var(--9384ud-margin-top, 0px); margin-right: var(--9384ud-margin-right, 0px); margin-bottom: var(--9384ud-margin-bottom, 0px); margin-left: var(--9384ud-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9384ud-margin-top-tablet, 0px); margin-right: var(--9384ud-margin-right-tablet, 0px); margin-bottom: var(--9384ud-margin-bottom-tablet, 0px); margin-left: var(--9384ud-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9384ud-margin-top-mobile, 0px); margin-right: var(--9384ud-margin-right-mobile, 0px); margin-bottom: var(--9384ud-margin-bottom-mobile, 0px); margin-left: var(--9384ud-margin-left-mobile, 0px); } &{ gap:var(--9384ud-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--9384ud-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--9384ud-bgBtnHover)) * 1%)); style(--9384ud-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--9384ud-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--9384ud-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--9384ud-labelBtnHover)) * 1%)); style(--9384ud-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--9384ud-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--9384ud-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--9384ud-borderBtnHover)) * 1%)); style(--9384ud-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--9384ud-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--9384ud-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--9384ud-bgBtnHover)) * 1%)); style(--9384ud-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--9384ud-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--9384ud-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--9384ud-labelBtnHover)) * 1%)); style(--9384ud-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--9384ud-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--9384ud-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--9384ud-borderBtnHover)) * 1%)); style(--9384ud-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--9384ud-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--9384ud-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--9384ud-labelBtnHover)) * 1%)); style(--9384ud-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--9384ud-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); color: var(--9384ud-btnHoverColor); } span{ display: flex; font-size: var(--9384ud-iconWidth); } svg { width: var(--9384ud-iconWidth,20px); min-width: var(--9384ud-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--9384ud-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--9384ud-iconWidth-tablet, var(--9384ud-iconWidth)); } svg { width: var(--9384ud-iconWidth-tablet, var(--9384ud-iconWidth)); min-width: var(--9384ud-iconWidth-tablet, var(--9384ud-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--9384ud-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--9384ud-iconWidth-mobile, var(--9384ud-iconWidth)); } svg { width: var(--9384ud-iconWidth-mobile, var(--9384ud-iconWidth)); min-width: var(--9384ud-iconWidth-mobile, var(--9384ud-iconWidth)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-38whic"] [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-38whic"] [data-bnode="be-ctl-item"] {    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-38whic"] [data-bnode="be-ctl-item"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-38whic"] [data-bnode="be-ctl-item"] {    max-width: 100%;   }  } [data-bnode="omnise-38whic"] [data-bnode="be-ctl-item"] {   gap: 0px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-38whic"] [data-bnode="be-ctl-item"] {    gap: 0px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-38whic"] [data-bnode="be-ctl-item"] {    gap: 0px;   }  }[data-bnode="omnise-ol3ag1"] { background: #000; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-ol3ag1"] { padding-top: 52px; padding-right: 30px; padding-bottom: 52px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-ol3ag1"] { padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; } } [data-bnode="omnise-ol3ag1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ol3ag1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ol3ag1"] {                gap: 0px;     }  }[data-bnode="omnise-ol3ag1"] { background: #000; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-ol3ag1"] { padding-top: 52px; padding-right: 30px; padding-bottom: 52px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-ol3ag1"] { padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; } } [data-bnode="omnise-ol3ag1"] {        flex-wrap: nowrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ol3ag1"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ol3ag1"] {                gap: 0px;     }  }[data-bnode="omnise-e4ndng"].omnise-section { background: #000919; padding-top: 144px; padding-right: 30px; padding-bottom: 144px; padding-left: 30px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-e4ndng"].omnise-section { background: #000919; padding-top: 96px; padding-right: 30px; padding-bottom: 96px; padding-left: 30px; } } @media (max-width: 767px) { [data-bnode="omnise-e4ndng"].omnise-section { background: #000919; padding-top: 130px; padding-right: 16px; padding-bottom: 130px; padding-left: 16px; } } [data-bnode="omnise-e4ndng"] > .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% - 30px - 30px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e4ndng"] > .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-e4ndng"] > .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% - 16px - 16px);    }   }  }[data-bnode="omnise-k84cz0"] {        flex-wrap: nowrap;     align-items: center;   gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-k84cz0"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-k84cz0"] {                gap: 12px;     }  }[data-bnode="omnise-bkbyfo"] { --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; --bkbyfo-typography: h2; --bkbyfo-typography-tablet: h2; --bkbyfo-typography-mobile: h2; --omnise-h2-text-align: center; }[data-bnode="omnise-bkbyfo"] { margin-top: var(--bkbyfo-margin-top, 0px); margin-right: var(--bkbyfo-margin-right, 0px); margin-bottom: var(--bkbyfo-margin-bottom, 0px); margin-left: var(--bkbyfo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bkbyfo-margin-top-tablet, 0px); margin-right: var(--bkbyfo-margin-right-tablet, 0px); margin-bottom: var(--bkbyfo-margin-bottom-tablet, 0px); margin-left: var(--bkbyfo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bkbyfo-margin-top-mobile, 0px); margin-right: var(--bkbyfo-margin-right-mobile, 0px); margin-bottom: var(--bkbyfo-margin-bottom-mobile, 0px); margin-left: var(--bkbyfo-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--bkbyfo-highlightColor,var(--omnise-p-color)); top: var(--bkbyfo-highlightTop, 100%); } }[data-bnode="omnise-yadfgf"] { --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; --yadfgf-typography: p2; --yadfgf-typography-tablet: p2; --yadfgf-typography-mobile: p2; --omnise-p2-text-align: center; --yadfgf-margin-top: 0px; --yadfgf-margin-top-tablet: 0px; --yadfgf-margin-top-mobile: 0px; --yadfgf-margin-right: 0px; --yadfgf-margin-right-tablet: 0px; --yadfgf-margin-right-mobile: 0px; --yadfgf-margin-bottom: 16px; --yadfgf-margin-bottom-tablet: 16px; --yadfgf-margin-bottom-mobile: 16px; --yadfgf-margin-left: 0px; --yadfgf-margin-left-tablet: 0px; --yadfgf-margin-left-mobile: 0px; }[data-bnode="omnise-yadfgf"] { margin-top: var(--yadfgf-margin-top, 0px); margin-right: var(--yadfgf-margin-right, 0px); margin-bottom: var(--yadfgf-margin-bottom, 0px); margin-left: var(--yadfgf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yadfgf-margin-top-tablet, 0px); margin-right: var(--yadfgf-margin-right-tablet, 0px); margin-bottom: var(--yadfgf-margin-bottom-tablet, 0px); margin-left: var(--yadfgf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yadfgf-margin-top-mobile, 0px); margin-right: var(--yadfgf-margin-right-mobile, 0px); margin-bottom: var(--yadfgf-margin-bottom-mobile, 0px); margin-left: var(--yadfgf-margin-left-mobile, 0px); } }[data-bnode="omnise-ddbwzm"] {   max-width: 576px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ddbwzm"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ddbwzm"] {      }  } [data-bnode="omnise-ddbwzm"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ddbwzm"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ddbwzm"] {                     }  }[data-bnode="omnise-ziaatf"] { --ziaatf-timer: label; --ziaatf-timer-tablet: label; --ziaatf-timer-mobile: label; --ziaatf-typographyNumber: h2; --ziaatf-typographyNumber-tablet: h2; --ziaatf-typographyNumber-mobile: h2; --ziaatf-typographyLabel: p2; --ziaatf-typographyLabel-tablet: p2; --ziaatf-typographyLabel-mobile: p2; --ziaatf-borderStyle: solid; --ziaatf-borderStyle-tablet: solid; --ziaatf-borderStyle-mobile: solid; --ziaatf-type: button; --ziaatf-type-tablet: button; --ziaatf-type-mobile: button; --ziaatf-fontSizeButton: 16px; --ziaatf-fontSizeButton-tablet: 16px; --ziaatf-fontSizeButton-mobile: 16px; --ziaatf-button: pr; --ziaatf-button-tablet: pr; --ziaatf-button-mobile: pr; --ziaatf-width: fill; --ziaatf-width-tablet: fill; --ziaatf-width-mobile: fill; --ziaatf-transform: none; --ziaatf-transform-tablet: none; --ziaatf-transform-mobile: none; --ziaatf-iconWidth: 20px; --ziaatf-iconWidth-tablet: 20px; --ziaatf-iconWidth-mobile: 20px; --ziaatf-iconGap: 5px; --ziaatf-iconGap-tablet: 5px; --ziaatf-iconGap-mobile: 5px; --ziaatf-typography: p; --ziaatf-typography-tablet: p; --ziaatf-typography-mobile: p; --ziaatf-enableShadow: false; --ziaatf-enableShadow-tablet: false; --ziaatf-enableShadow-mobile: false; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --ziaatf-inputHeight: 40px; --ziaatf-inputHeight-tablet: 40px; --ziaatf-inputHeight-mobile: 40px; --ziaatf-backgroundColor: transparent; --ziaatf-backgroundColor-tablet: transparent; --ziaatf-backgroundColor-mobile: transparent; --ziaatf-borderWidth-tl: 0px; --ziaatf-borderWidth-tl-tablet: 0px; --ziaatf-borderWidth-tl-mobile: 0px; --ziaatf-borderWidth-tr: 0px; --ziaatf-borderWidth-tr-tablet: 0px; --ziaatf-borderWidth-tr-mobile: 0px; --ziaatf-borderWidth-bl: 0px; --ziaatf-borderWidth-bl-tablet: 0px; --ziaatf-borderWidth-bl-mobile: 0px; --ziaatf-borderWidth-br: 1px; --ziaatf-borderWidth-br-tablet: 1px; --ziaatf-borderWidth-br-mobile: 1px; --ziaatf-borderRadius-tl: 0px; --ziaatf-borderRadius-tl-tablet: 0px; --ziaatf-borderRadius-tl-mobile: 0px; --ziaatf-borderRadius-tr: 0px; --ziaatf-borderRadius-tr-tablet: 0px; --ziaatf-borderRadius-tr-mobile: 0px; --ziaatf-borderRadius-bl: 0px; --ziaatf-borderRadius-bl-tablet: 0px; --ziaatf-borderRadius-bl-mobile: 0px; --ziaatf-borderRadius-br: 0px; --ziaatf-borderRadius-br-tablet: 0px; --ziaatf-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; --ziaatf-borderColor: #CCC; --ziaatf-borderColor-tablet: #CCC; --ziaatf-borderColor-mobile: #CCC; }[data-bnode="omnise-ziaatf"] { margin-top: var(--ziaatf-margin-top, 0px); margin-right: var(--ziaatf-margin-right, 0px); margin-bottom: var(--ziaatf-margin-bottom, 0px); margin-left: var(--ziaatf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ziaatf-margin-top-tablet, 0px); margin-right: var(--ziaatf-margin-right-tablet, 0px); margin-bottom: var(--ziaatf-margin-bottom-tablet, 0px); margin-left: var(--ziaatf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ziaatf-margin-top-mobile, 0px); margin-right: var(--ziaatf-margin-right-mobile, 0px); margin-bottom: var(--ziaatf-margin-bottom-mobile, 0px); margin-left: var(--ziaatf-margin-left-mobile, 0px); } & { .omnise-field { display: flex; align-items: center; gap: var(--ziaatf-gap, 16px); min-width: 0; width: 100%; @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--ziaatf-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--ziaatf-gap-mobile, 16px); } } .omnise-field-input { width: 100%; align-self: stretch; outline: none; padding: 0 var(--ziaatf-paddingX, 20px); height: var(--ziaatf-inputHeight, 48px); background: var(--ziaatf-backgroundColor, #ffffff); z-index: 10; border-style: var(--ziaatf-borderStyle, solid); border-color: var(--ziaatf-borderColor, var(--omnise-form-input-border-color)); border-width: var(--ziaatf-borderWidth-tl, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-tr, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-br, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-bl, var(--omnise-input-border-width)); border-radius: var(--ziaatf-borderRadius-tl, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-tr, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-br, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-bl, var(--omnise-input-border-radius)); box-shadow: var(--ziaatf-shadowHorizontal, 0px) var(--ziaatf-shadowVertical, 0px) var(--ziaatf-shadowBlur, 0px) 1px color-mix( in srgb, var(--ziaatf-shadowColor, #000000) var(--ziaatf-shadowTransparent, 0%), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ziaatf-borderWidth-tl-tablet, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-tr-tablet, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-br-tablet, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-bl-tablet, var(--omnise-input-border-width)); border-radius: var(--ziaatf-borderRadius-tl-tablet, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-tr-tablet, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-br-tablet, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-bl-tablet, var(--omnise-input-border-radius)); } @media(max-width: 767px) { border-width: var(--ziaatf-borderWidth-tl-mobile, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-tr-mobile, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-br-mobile, var(--omnise-input-border-width)) var(--ziaatf-borderWidth-bl-mobile, var(--omnise-input-border-width)); border-radius: var(--ziaatf-borderRadius-tl-mobile, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-tr-mobile, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-br-mobile, var(--omnise-input-border-radius)) var(--ziaatf-borderRadius-bl-mobile, var(--omnise-input-border-radius)); } &::placeholder { color: var(--ziaatf-colorPlace); } } .omnise-btn-button { gap:var(--ziaatf-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--ziaatf-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--ziaatf-bgBtnHover)) * 1%)); style(--ziaatf-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--ziaatf-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--ziaatf-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--ziaatf-labelBtnHover)) * 1%)); style(--ziaatf-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--ziaatf-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--ziaatf-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--ziaatf-borderBtnHover)) * 1%)); style(--ziaatf-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--ziaatf-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--ziaatf-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--ziaatf-bgBtnHover)) * 1%)); style(--ziaatf-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--ziaatf-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--ziaatf-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--ziaatf-labelBtnHover)) * 1%)); style(--ziaatf-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--ziaatf-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--ziaatf-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--ziaatf-borderBtnHover)) * 1%)); style(--ziaatf-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--ziaatf-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--ziaatf-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--ziaatf-labelBtnHover)) * 1%)); style(--ziaatf-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--ziaatf-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span{ display: flex; font-size: var(--ziaatf-iconWidth); } svg { width: var(--ziaatf-iconWidth,20px); min-width: var(--ziaatf-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--ziaatf-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span{ font-size: var(--ziaatf-iconWidth-tablet, var(--ziaatf-iconWidth)); } svg { width: var(--ziaatf-iconWidth-tablet, var(--ziaatf-iconWidth)); min-width: var(--ziaatf-iconWidth-tablet, var(--ziaatf-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--ziaatf-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span{ font-size: var(--ziaatf-iconWidth-mobile, var(--ziaatf-iconWidth)); } svg { width: var(--ziaatf-iconWidth-mobile, var(--ziaatf-iconWidth)); min-width: var(--ziaatf-iconWidth-mobile, var(--ziaatf-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; } } }