/* ========== CONTROLS (Navigation & Pagination) ========== */
.omnise-carousel {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
  max-width: stretch;
  width: 100%;
  height: fit-content;
  .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;
    color: #181818;
  }

  &[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%;
  gap: var(--omnise-slot-gap,0);
  padding: var(--omnise-slot-padding-y) var(--omnise-slot-padding-x);
}

@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-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;
    color: #181818;
  }

  &[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%;
  }
}
[data-bnode="omnise-1jc5zf"].omnise-section { background: #000000; padding-top: 40px; padding-right: 48px; padding-bottom: 40px; padding-left: 48px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-1jc5zf"].omnise-section { background: #000000; padding-top: 40px; padding-right: 32px; padding-bottom: 40px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-1jc5zf"].omnise-section { background: #000000; padding-top: 40px; padding-right: 16px; padding-bottom: 40px; padding-left: 16px; } } [data-bnode="omnise-1jc5zf"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-1jc5zf"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-1jc5zf"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-gb5pkm"] { background: #000000; } [data-bnode="omnise-gb5pkm"] {        flex-wrap: nowrap;        gap: 20px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-gb5pkm"] {                gap: 20px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-gb5pkm"] {                gap: 20px;     }  }[data-bnode="omnise-t4c2xt"] { --t4c2xt-typography: h3; --t4c2xt-typography-tablet: h3; --t4c2xt-typography-mobile: h3; --omnise-h3-text-align: center; --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; }[data-bnode="omnise-t4c2xt"] { margin-top: var(--t4c2xt-margin-top, 0px); margin-right: var(--t4c2xt-margin-right, 0px); margin-bottom: var(--t4c2xt-margin-bottom, 0px); margin-left: var(--t4c2xt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t4c2xt-margin-top-tablet, 0px); margin-right: var(--t4c2xt-margin-right-tablet, 0px); margin-bottom: var(--t4c2xt-margin-bottom-tablet, 0px); margin-left: var(--t4c2xt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t4c2xt-margin-top-mobile, 0px); margin-right: var(--t4c2xt-margin-right-mobile, 0px); margin-bottom: var(--t4c2xt-margin-bottom-mobile, 0px); margin-left: var(--t4c2xt-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--t4c2xt-highlightColor,var(--omnise-p-color)); top: var(--t4c2xt-highlightTop, 100%); } }[data-bnode="omnise-21j3sy"] { --21j3sy-timer: number; --21j3sy-timer-tablet: number; --21j3sy-timer-mobile: number; --21j3sy-paddingY: 16px; --21j3sy-paddingY-tablet: 16px; --21j3sy-paddingY-mobile: 16px; --21j3sy-paddingX: 20px; --21j3sy-paddingX-tablet: 20px; --21j3sy-paddingX-mobile: 20px; --omnise-h3-text-align: center; --omnise-p-text-align: center; --21j3sy-background-type: color; --21j3sy-background-type-tablet: color; --21j3sy-background-type-mobile: color; --omnise-h3-font-size-tablet: 26px; --omnise-h3-line-height-tablet: 1.3; --omnise-h3-letter-spacing-tablet: 0px; --omnise-h3-text-align-tablet: center; --omnise-p-text-align-tablet: center; --omnise-p-text-align-mobile: center; --omnise-h3-text-align-mobile: center; --21j3sy-borderStyle: none; --21j3sy-borderStyle-tablet: none; --21j3sy-borderStyle-mobile: none; --omnise-h3-color: var(--omnise-heading-color); --omnise-h3-font-size: 39px; }[data-bnode="omnise-21j3sy"] { margin-top: var(--21j3sy-margin-top, 0px); margin-right: var(--21j3sy-margin-right, 0px); margin-bottom: var(--21j3sy-margin-bottom, 0px); margin-left: var(--21j3sy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--21j3sy-margin-top-tablet, 0px); margin-right: var(--21j3sy-margin-right-tablet, 0px); margin-bottom: var(--21j3sy-margin-bottom-tablet, 0px); margin-left: var(--21j3sy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--21j3sy-margin-top-mobile, 0px); margin-right: var(--21j3sy-margin-right-mobile, 0px); margin-bottom: var(--21j3sy-margin-bottom-mobile, 0px); margin-left: var(--21j3sy-margin-left-mobile, 0px); } &.omnise-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--21j3sy-gap, 10px); &.time-out[data-action-time-out="hide"] { display: none; } .omnise-separator-hidden { display: none; } .omnise-separator-show { display: flex; align-items: center; } .omnise-countdown-item { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; border-style: var(--21j3sy-borderStyle,solid); border-color: var(--21j3sy-borderColor,#000000); border-width: var(--21j3sy-borderWidth-tl,0px) var(--21j3sy-borderWidth-tr,0px) var(--21j3sy-borderWidth-br,0px) var(--21j3sy-borderWidth-bl,0px); border-radius: var(--21j3sy-borderRadius-tl,0px) var(--21j3sy-borderRadius-tr,0px) var(--21j3sy-borderRadius-br,0px) var(--21j3sy-borderRadius-bl,0px); box-shadow: var(--21j3sy-shadowHorizontal, 0px) var(--21j3sy-shadowVertical, 0px) var(--21j3sy-shadowBlur, 0px) 1px color-mix( in srgb, var(--21j3sy-shadowColor, #000000) var(--21j3sy-shadowTransparent, 0%), transparent ); max-width: var(--21j3sy-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--21j3sy-borderWidth-tl-tablet,0px) var(--21j3sy-borderWidth-tr-tablet,0px) var(--21j3sy-borderWidth-br-tablet,0px) var(--21j3sy-borderWidth-bl-tablet,0px); border-radius: var(--21j3sy-borderRadius-tl-tablet,0px) var(--21j3sy-borderRadius-tr-tablet,0px) var(--21j3sy-borderRadius-br-tablet,0px) var(--21j3sy-borderRadius-bl-tablet,0px); max-width: var(--21j3sy-max-width-tablet, var(--21j3sy-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--21j3sy-borderWidth-tl-mobile,0px) var(--21j3sy-borderWidth-tr-mobile,0px) var(--21j3sy-borderWidth-br-mobile,0px) var(--21j3sy-borderWidth-bl-mobile,0px); border-radius: var(--21j3sy-borderRadius-tl-mobile,0px) var(--21j3sy-borderRadius-tr-mobile,0px) var(--21j3sy-borderRadius-br-mobile,0px) var(--21j3sy-borderRadius-bl-mobile,0px); max-width: var(--21j3sy-max-width-mobile, var(--21j3sy-max-width, 100%)); } overflow: hidden; background: var(--21j3sy-background-color,transparent); padding-inline: var(--21j3sy-paddingX); padding-block: var(--21j3sy-paddingY); >* { 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%; object-fit: cover; object-position: center; } } } } @media (min-width: 768px) and (max-width: 1180px) { &.omnise-countdown-wrapper { gap: var(--21j3sy-gap-tablet, 10px); .omnise-countdown-item { padding-inline: var(--21j3sy-paddingX-tablet); padding-block: var(--21j3sy-paddingY-tablet); } } } @media (max-width: 767px) { &.omnise-countdown-wrapper { gap: var(--21j3sy-gap-mobile, 10px); .omnise-countdown-item { padding-inline: var(--21j3sy-paddingX-mobile); padding-block: var(--21j3sy-paddingY-mobile); } } } }[data-bnode="omnise-9aq18s"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 64px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(60.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(40.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-9aq18s"] {                gap: 28px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(60.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(40.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-9aq18s"] {      flex-direction: column;          gap: 24px;     }  }[data-bnode="omnise-0er7io"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-0er7io"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-0er7io"] {                     }  }[data-bnode="omnise-jeoqfg"] { --jeoqfg-media: thumbs; --jeoqfg-media-tablet: thumbs; --jeoqfg-media-mobile: thumbs; --jeoqfg-effect: fade; --jeoqfg-effect-tablet: fade; --jeoqfg-effect-mobile: fade; --jeoqfg-imageRatioMain: 1/1; --jeoqfg-imageRatioMain-tablet: 1/1; --jeoqfg-imageRatioMain-mobile: 1/1; --jeoqfg-positionThumb: left; --jeoqfg-positionThumb-tablet: bottom; --jeoqfg-positionThumb-mobile: bottom; --jeoqfg-widthItemThumbs: 80px; --jeoqfg-widthItemThumbs-tablet: 80px; --jeoqfg-widthItemThumbs-mobile: 80px; --jeoqfg-imageRatioThumbs: 1/1; --jeoqfg-imageRatioThumbs-tablet: 1/1; --jeoqfg-imageRatioThumbs-mobile: 1/1; --jeoqfg-borderStyleThumbs: solid; --jeoqfg-borderStyleThumbs-tablet: solid; --jeoqfg-borderStyleThumbs-mobile: solid; --jeoqfg-borderColorThumbs: var(--omnise-heading-color); --jeoqfg-borderColorThumbs-tablet: var(--omnise-heading-color); --jeoqfg-borderColorThumbs-mobile: var(--omnise-heading-color); --jeoqfg-borderWidthThumbs-tl: 1px; --jeoqfg-borderWidthThumbs-tl-tablet: 1px; --jeoqfg-borderWidthThumbs-tl-mobile: 1px; --jeoqfg-borderWidthThumbs-tr: 1px; --jeoqfg-borderWidthThumbs-tr-tablet: 1px; --jeoqfg-borderWidthThumbs-tr-mobile: 1px; --jeoqfg-borderWidthThumbs-bl: 1px; --jeoqfg-borderWidthThumbs-bl-tablet: 1px; --jeoqfg-borderWidthThumbs-bl-mobile: 1px; --jeoqfg-borderWidthThumbs-br: 1px; --jeoqfg-borderWidthThumbs-br-tablet: 1px; --jeoqfg-borderWidthThumbs-br-mobile: 1px; --jeoqfg-borderRadiusThumbs-tl: 6px; --jeoqfg-borderRadiusThumbs-tl-tablet: 6px; --jeoqfg-borderRadiusThumbs-tl-mobile: 6px; --jeoqfg-borderRadiusThumbs-tr: 6px; --jeoqfg-borderRadiusThumbs-tr-tablet: 6px; --jeoqfg-borderRadiusThumbs-tr-mobile: 6px; --jeoqfg-borderRadiusThumbs-bl: 6px; --jeoqfg-borderRadiusThumbs-bl-tablet: 6px; --jeoqfg-borderRadiusThumbs-bl-mobile: 6px; --jeoqfg-borderRadiusThumbs-br: 6px; --jeoqfg-borderRadiusThumbs-br-tablet: 6px; --jeoqfg-borderRadiusThumbs-br-mobile: 6px; --jeoqfg-borderRadiusMain-tl: 12px; --jeoqfg-borderRadiusMain-tl-tablet: 12px; --jeoqfg-borderRadiusMain-tl-mobile: 12px; --jeoqfg-borderRadiusMain-tr: 12px; --jeoqfg-borderRadiusMain-tr-tablet: 12px; --jeoqfg-borderRadiusMain-tr-mobile: 12px; --jeoqfg-borderRadiusMain-bl: 12px; --jeoqfg-borderRadiusMain-bl-tablet: 12px; --jeoqfg-borderRadiusMain-bl-mobile: 12px; --jeoqfg-borderRadiusMain-br: 12px; --jeoqfg-borderRadiusMain-br-tablet: 12px; --jeoqfg-borderRadiusMain-br-mobile: 12px; --jeoqfg-gapItemThumbs: 12px; --jeoqfg-gapItemThumbs-tablet: 12px; --jeoqfg-gapItemThumbs-mobile: 12px; --jeoqfg-gap-mobile: 16px; }[data-bnode="omnise-jeoqfg"] { margin-top: var(--jeoqfg-margin-top, 0px); margin-right: var(--jeoqfg-margin-right, 0px); margin-bottom: var(--jeoqfg-margin-bottom, 0px); margin-left: var(--jeoqfg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jeoqfg-margin-top-tablet, 0px); margin-right: var(--jeoqfg-margin-right-tablet, 0px); margin-bottom: var(--jeoqfg-margin-bottom-tablet, 0px); margin-left: var(--jeoqfg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jeoqfg-margin-top-mobile, 0px); margin-right: var(--jeoqfg-margin-right-mobile, 0px); margin-bottom: var(--jeoqfg-margin-bottom-mobile, 0px); margin-left: var(--jeoqfg-margin-left-mobile, 0px); } & { max-width:100%; .omnise-media-product { display: flex; gap: var(--jeoqfg-gap, 16px); width: 100%; .omnise-main-slider-wrap { width: 100%; height: fit-content; overflow: hidden; } } .omnise-product-media-main[data-effect="fade"] { width: 100%; height: fit-content; border-style: var(--jeoqfg-borderStyleMain, solid); border-color: var(--jeoqfg-borderColorMain, #000000); border-width: var(--jeoqfg-borderWidthMain-tl, 0px) var(--jeoqfg-borderWidthMain-tr, 0px) var(--jeoqfg-borderWidthMain-br, 0px) var(--jeoqfg-borderWidthMain-bl, 0px); border-radius: var(--jeoqfg-borderRadiusMain-tl, 0px) var(--jeoqfg-borderRadiusMain-tr, 0px) var(--jeoqfg-borderRadiusMain-br, 0px) var(--jeoqfg-borderRadiusMain-bl, 0px); overflow: hidden; @media (min-width: 768px) and (max-width: 1180px) { border-width: var(--jeoqfg-borderWidthMain-tl-tablet, 0px) var(--jeoqfg-borderWidthMain-tr-tablet, 0px) var(--jeoqfg-borderWidthMain-br-tablet, 0px) var(--jeoqfg-borderWidthMain-bl-tablet, 0px); border-radius: var(--jeoqfg-borderRadiusMain-tl-tablet, 0px) var(--jeoqfg-borderRadiusMain-tr-tablet, 0px) var(--jeoqfg-borderRadiusMain-br-tablet, 0px) var(--jeoqfg-borderRadiusMain-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--jeoqfg-borderWidthMain-tl-mobile, 0px) var(--jeoqfg-borderWidthMain-tr-mobile, 0px) var(--jeoqfg-borderWidthMain-br-mobile, 0px) var(--jeoqfg-borderWidthMain-bl-mobile, 0px); border-radius: var(--jeoqfg-borderRadiusMain-tl-mobile, 0px) var(--jeoqfg-borderRadiusMain-tr-mobile, 0px) var(--jeoqfg-borderRadiusMain-br-mobile, 0px) var(--jeoqfg-borderRadiusMain-bl-mobile, 0px); } } .omnise-product-media-main[data-effect="slide"] { overflow: hidden; .omnise-slider-item { border-style: var(--jeoqfg-borderStyleMain, solid); border-color: var(--jeoqfg-borderColorMain, #000000); border-width: var(--jeoqfg-borderWidthMain-tl, 0px) var(--jeoqfg-borderWidthMain-tr, 0px) var(--jeoqfg-borderWidthMain-br, 0px) var(--jeoqfg-borderWidthMain-bl, 0px); border-radius: var(--jeoqfg-borderRadiusMain-tl, 0px) var(--jeoqfg-borderRadiusMain-tr, 0px) var(--jeoqfg-borderRadiusMain-br, 0px) var(--jeoqfg-borderRadiusMain-bl, 0px); overflow: hidden; @media (min-width: 768px) and (max-width: 1180px) { border-width: var(--jeoqfg-borderWidthMain-tl-tablet, 0px) var(--jeoqfg-borderWidthMain-tr-tablet, 0px) var(--jeoqfg-borderWidthMain-br-tablet, 0px) var(--jeoqfg-borderWidthMain-bl-tablet, 0px); border-radius: var(--jeoqfg-borderRadiusMain-tl-tablet, 0px) var(--jeoqfg-borderRadiusMain-tr-tablet, 0px) var(--jeoqfg-borderRadiusMain-br-tablet, 0px) var(--jeoqfg-borderRadiusMain-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--jeoqfg-borderWidthMain-tl-mobile, 0px) var(--jeoqfg-borderWidthMain-tr-mobile, 0px) var(--jeoqfg-borderWidthMain-br-mobile, 0px) var(--jeoqfg-borderWidthMain-bl-mobile, 0px); border-radius: var(--jeoqfg-borderRadiusMain-tl-mobile, 0px) var(--jeoqfg-borderRadiusMain-tr-mobile, 0px) var(--jeoqfg-borderRadiusMain-br-mobile, 0px) var(--jeoqfg-borderRadiusMain-bl-mobile, 0px); } } } .omnise-product-picture { display: block; height: auto; aspect-ratio: var(--jeoqfg-imageRatioMain); overflow: hidden; .omnise-product-image { width: 100%; height: 100%; object-fit: var(--jeoqfg-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); vertical-align: middle; } @media (min-width: 768px) and (max-width: 1180px) { aspect-ratio: var(--jeoqfg-imageRatioMain-tablet); border-radius: var(--jeoqfg-borderRadiusMain-tl-tablet, var(--jeoqfg-borderRadiusMain-tl, 0px)) var(--jeoqfg-borderRadiusMain-tr-tablet, var(--jeoqfg-borderRadiusMain-tr, 0px)) var(--jeoqfg-borderRadiusMain-br-tablet, var(--jeoqfg-borderRadiusMain-br, 0px)) var(--jeoqfg-borderRadiusMain-bl-tablet, var(--jeoqfg-borderRadiusMain-bl, 0px)); .omnise-product-image { object-fit: var(--jeoqfg-objFit-tablet, var(--jeoqfg-objFit, cover)); } } @media (max-width: 767px) { aspect-ratio: var(--jeoqfg-imageRatioMain-mobile); border-radius: var(--jeoqfg-borderRadiusMedia-tl-mobile, var(--jeoqfg-borderRadiusMedia-tl, 0px)) var(--jeoqfg-borderRadiusMedia-tr-mobile, var(--jeoqfg-borderRadiusMedia-tr, 0px)) var(--jeoqfg-borderRadiusMedia-br-mobile, var(--jeoqfg-borderRadiusMedia-br, 0px)) var(--jeoqfg-borderRadiusMedia-bl-mobile, var(--jeoqfg-borderRadiusMedia-bl, 0px)); .omnise-product-image { object-fit: var(--jeoqfg-objFit-mobile, var(--jeoqfg-objFit, cover)); } } } .omnise-product-thumb-slide { .omnise-slider-items { gap: var(--jeoqfg-gapItemThumbs, 16px); } .omnise-slider-item { flex: 1 0 var(--jeoqfg-widthItemThumbs, 100px) !important; max-width: var(--jeoqfg-widthItemThumbs, 100px); } .omnise-slider-item.is-active .omnise-thumb-image { border-style: var(--jeoqfg-borderStyleThumbs, solid); border-color: var(--jeoqfg-borderColorThumbs, #000000); border-width: var(--jeoqfg-borderWidthThumbs-tl, 0px) var(--jeoqfg-borderWidthThumbs-tr, 0px) var(--jeoqfg-borderWidthThumbs-br, 0px) var(--jeoqfg-borderWidthThumbs-bl, 0px); } @media (min-width: 768px) and (max-width: 1180px) { .omnise-slider-items { gap: var(--jeoqfg-gapItemThumbs-tablet, 16px); } .omnise-slider-item { flex: 1 0 var(--jeoqfg-widthItemThumbs-tablet, 80px) !important; max-width: var(--jeoqfg-widthItemThumbs-tablet, 80px); } .omnise-slider-item.is-active .omnise-thumb-image { border-width: var(--jeoqfg-borderWidthThumbs-tl-tablet, 0px) var(--jeoqfg-borderWidthThumbs-tr-tablet, 0px) var(--jeoqfg-borderWidthThumbs-br-tablet, 0px) var(--jeoqfg-borderWidthThumbs-bl-tablet, 0px); } } @media (max-width: 767px) { .omnise-slider-items { gap: var(--jeoqfg-gapItemThumbs-mobile, 16px); } .omnise-slider-item { flex: 1 0 var(--jeoqfg-widthItemThumbs-mobile, 64px) !important; max-width: var(--jeoqfg-widthItemThumbs-mobile, 64px); } .omnise-slider-item.is-active .omnise-thumb-image { border-width: var(--jeoqfg-borderWidthThumbs-tl-mobile, 0px) var(--jeoqfg-borderWidthThumbs-tr-mobile, 0px) var(--jeoqfg-borderWidthThumbs-br-mobile, 0px) var(--jeoqfg-borderWidthThumbs-bl-mobile, 0px); } } } .omnise-thumb-image { position: relative; width: 100%; max-width: 100%; border-radius: var(--jeoqfg-borderRadiusThumbs-tl, 0px) var(--jeoqfg-borderRadiusThumbs-tr, 0px) var(--jeoqfg-borderRadiusThumbs-br, 0px) var(--jeoqfg-borderRadiusThumbs-bl, 0px); overflow: hidden; .omnise-thumb-img { display: block; aspect-ratio: var(--jeoqfg-imageRatioThumbs); width: 100%; height: auto; object-fit: cover; object-position: center; } @media (min-width: 768px) and (max-width: 1180px) { border-radius: var(--jeoqfg-borderRadiusThumbs-tl-tablet, var(--jeoqfg-borderRadiusThumbs-tl, 0px)) var(--jeoqfg-borderRadiusThumbs-tr-tablet, var(--jeoqfg-borderRadiusThumbs-tr, 0px)) var(--jeoqfg-borderRadiusThumbs-br-tablet, var(--jeoqfg-borderRadiusThumbs-br, 0px)) var(--jeoqfg-borderRadiusThumbs-bl-tablet, var(--jeoqfg-borderRadiusThumbs-bl, 0px)); .omnise-thumb-img { aspect-ratio: var(--jeoqfg-imageRatioThumbs-tablet); } } @media (max-width: 767px) { border-radius: var(--jeoqfg-borderRadiusThumbs-tl-mobile, var(--jeoqfg-borderRadiusThumbs-tl, 0px)) var(--jeoqfg-borderRadiusThumbs-tr-mobile, var(--jeoqfg-borderRadiusThumbs-tr, 0px)) var(--jeoqfg-borderRadiusThumbs-br-mobile, var(--jeoqfg-borderRadiusThumbs-br, 0px)) var(--jeoqfg-borderRadiusThumbs-bl-mobile, var(--jeoqfg-borderRadiusThumbs-bl, 0px)); .omnise-thumb-img { aspect-ratio: var(--jeoqfg-imageRatioThumbs-mobile); } } } .omnise-main-slider-wrap { @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--jeoqfg-gap, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--jeoqfg-gap, 20px) * (1 - 1)) / 1); } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--jeoqfg-gap, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--jeoqfg-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--jeoqfg-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--jeoqfg-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--jeoqfg-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--jeoqfg-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--jeoqfg-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--jeoqfg-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--jeoqfg-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--jeoqfg-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--jeoqfg-navPadding, 12px); background: var(--jeoqfg-navBg, #F5F5F5); color: var(--jeoqfg-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--jeoqfg-navBgHover, #CCCCCC); color: var(--jeoqfg-navColorHover, #333333); } svg { width: var(--jeoqfg-navIconSize, 20px); height: var(--jeoqfg-navIconSize, 20px); } } } @media (min-width: 1181px) { .omnise-media-product { &[data-position-thumbs='bottom'] { flex-direction: column; .omnise-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs='bottom']) { .omnise-main-slider-wrap { flex: 1; min-width: 0; } .omnise-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .omnise-product-thumb-slide { height: 100%; } .omnise-product-thumb-slide .omnise-slider-items { flex-direction: column; } .omnise-product-thumb-slide .omnise-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs='left'] { flex-direction: row-reverse; } } } @media (min-width: 768px) and (max-width: 1180px) { .omnise-media-product { gap: var(--jeoqfg-gap-tablet, 16px); &[data-position-thumbs-tablet='bottom'] { flex-direction: column; .omnise-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet='bottom']) { .omnise-main-slider-wrap { flex: 1; min-width: 0; } .omnise-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .omnise-product-thumb-slide { height: 100%; } .omnise-product-thumb-slide .omnise-slider-items { flex-direction: column; } .omnise-product-thumb-slide .omnise-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs-tablet='left'] { flex-direction: row-reverse; } } } @media (max-width: 767px) { .omnise-media-product { gap: var(--jeoqfg-gap-mobile, 16px); &[data-position-thumbs-mobile='bottom'] { flex-direction: column; .omnise-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } } } } }[data-bnode="omnise-2qqj9a"] {        flex-wrap: nowrap;        gap: 14px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2qqj9a"] {                gap: 14px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-2qqj9a"] {                gap: 14px;     }  }[data-bnode="omnise-1p989x"] { --1p989x-typography: h2; --1p989x-typography-tablet: h2; --1p989x-typography-mobile: h2; --omnise-h2-font-size-tablet: 34px; --omnise-h2-font-size-mobile: 30px; --omnise-h2-line-height-tablet: 1.3; --omnise-h2-line-height-mobile: 1.3; --omnise-h2-letter-spacing-tablet: 0px; --omnise-h2-letter-spacing-mobile: 0px; }[data-bnode="omnise-1p989x"] { margin-top: var(--1p989x-margin-top, 0px); margin-right: var(--1p989x-margin-right, 0px); margin-bottom: var(--1p989x-margin-bottom, 0px); margin-left: var(--1p989x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1p989x-margin-top-tablet, 0px); margin-right: var(--1p989x-margin-right-tablet, 0px); margin-bottom: var(--1p989x-margin-bottom-tablet, 0px); margin-left: var(--1p989x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1p989x-margin-top-mobile, 0px); margin-right: var(--1p989x-margin-right-mobile, 0px); margin-bottom: var(--1p989x-margin-bottom-mobile, 0px); margin-left: var(--1p989x-margin-left-mobile, 0px); } }[data-bnode="omnise-ahsulp"] { --ahsulp-typography: h4; --ahsulp-typography-tablet: h4; --ahsulp-typography-mobile: h4; --ahsulp-decoration: line-through; --ahsulp-decoration-tablet: line-through; --ahsulp-decoration-mobile: line-through; --ahsulp-comparePriceColor: #888888; --ahsulp-comparePriceColor-tablet: #888888; --ahsulp-comparePriceColor-mobile: #888888; --ahsulp-priceType: salePrice; --ahsulp-priceType-tablet: salePrice; --ahsulp-priceType-mobile: salePrice; --ahsulp-salePriceColor: var(--omnise-other-sale-price-color); --ahsulp-salePriceColor-tablet: var(--omnise-other-sale-price-color); --ahsulp-salePriceColor-mobile: var(--omnise-other-sale-price-color); --omnise-h4-text-align: start; }[data-bnode="omnise-ahsulp"] { margin-top: var(--ahsulp-margin-top, 0px); margin-right: var(--ahsulp-margin-right, 0px); margin-bottom: var(--ahsulp-margin-bottom, 0px); margin-left: var(--ahsulp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ahsulp-margin-top-tablet, 0px); margin-right: var(--ahsulp-margin-right-tablet, 0px); margin-bottom: var(--ahsulp-margin-bottom-tablet, 0px); margin-left: var(--ahsulp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ahsulp-margin-top-mobile, 0px); margin-right: var(--ahsulp-margin-right-mobile, 0px); margin-bottom: var(--ahsulp-margin-bottom-mobile, 0px); margin-left: var(--ahsulp-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--ahsulp-comparePriceColor); text-decoration: var(--ahsulp-decoration,none); font-size: calc(var(--ahsulp-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--ahsulp-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-hnhdxe"] { --hnhdxe-typography: p2; --hnhdxe-typography-tablet: p2; --hnhdxe-typography-mobile: p2; --omnise-p2-text-align: start; --omnise-p2-color: #FFFFFFCC; }[data-bnode="omnise-hnhdxe"] { margin-top: var(--hnhdxe-margin-top, 0px); margin-right: var(--hnhdxe-margin-right, 0px); margin-bottom: var(--hnhdxe-margin-bottom, 0px); margin-left: var(--hnhdxe-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hnhdxe-margin-top-tablet, 0px); margin-right: var(--hnhdxe-margin-right-tablet, 0px); margin-bottom: var(--hnhdxe-margin-bottom-tablet, 0px); margin-left: var(--hnhdxe-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hnhdxe-margin-top-mobile, 0px); margin-right: var(--hnhdxe-margin-right-mobile, 0px); margin-bottom: var(--hnhdxe-margin-bottom-mobile, 0px); margin-left: var(--hnhdxe-margin-left-mobile, 0px); } & .omnise-description { p:only-child { margin: 0; } } }[data-bnode="omnise-z8zon2"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: flex-end;           &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-z8zon2"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-z8zon2"] {                     }  }[data-bnode="omnise-lo8gfz"] { --lo8gfz-width: 130px; --lo8gfz-width-tablet: 130px; --lo8gfz-width-mobile: 130px; --lo8gfz-height: 45px; --lo8gfz-height-tablet: 45px; --lo8gfz-height-mobile: 45px; --lo8gfz-borderStyle: dashed; --lo8gfz-borderStyle-tablet: dashed; --lo8gfz-borderStyle-mobile: dashed; --lo8gfz-borderWidth-tl: 1px; --lo8gfz-borderWidth-tl-tablet: 1px; --lo8gfz-borderWidth-tl-mobile: 1px; --lo8gfz-borderWidth-tr: 1px; --lo8gfz-borderWidth-tr-tablet: 1px; --lo8gfz-borderWidth-tr-mobile: 1px; --lo8gfz-borderWidth-bl: 1px; --lo8gfz-borderWidth-bl-tablet: 1px; --lo8gfz-borderWidth-bl-mobile: 1px; --lo8gfz-borderWidth-br: 1px; --lo8gfz-borderWidth-br-tablet: 1px; --lo8gfz-borderWidth-br-mobile: 1px; --lo8gfz-borderColor: rgba(0,0,0,0.1); --lo8gfz-borderColor-tablet: rgba(0,0,0,0.1); --lo8gfz-borderColor-mobile: rgba(0,0,0,0.1); --lo8gfz-borderRadius-tl: 99px; --lo8gfz-borderRadius-tl-tablet: 99px; --lo8gfz-borderRadius-tl-mobile: 99px; --lo8gfz-borderRadius-tr: 99px; --lo8gfz-borderRadius-tr-tablet: 99px; --lo8gfz-borderRadius-tr-mobile: 99px; --lo8gfz-borderRadius-bl: 99px; --lo8gfz-borderRadius-bl-tablet: 99px; --lo8gfz-borderRadius-bl-mobile: 99px; --lo8gfz-borderRadius-br: 99px; --lo8gfz-borderRadius-br-tablet: 99px; --lo8gfz-borderRadius-br-mobile: 99px; --lo8gfz-margin-top: 0px; --lo8gfz-margin-top-tablet: 0px; --lo8gfz-margin-top-mobile: 0px; --lo8gfz-margin-right: 0px; --lo8gfz-margin-right-tablet: 0px; --lo8gfz-margin-right-mobile: 0px; --lo8gfz-margin-bottom: 0px; --lo8gfz-margin-bottom-tablet: 0px; --lo8gfz-margin-bottom-mobile: 0px; --lo8gfz-margin-left: 0px; --lo8gfz-margin-left-tablet: 0px; --lo8gfz-margin-left-mobile: 0px; --lo8gfz-enableShadow: false; --lo8gfz-enableShadow-tablet: false; --lo8gfz-enableShadow-mobile: false; --lo8gfz-btnWdith: 80px; --lo8gfz-btnWdith-tablet: 80px; --lo8gfz-btnWdith-mobile: 80px; --lo8gfz-typography: p; --lo8gfz-typography-tablet: p; --lo8gfz-typography-mobile: p; --lo8gfz-inputWidth: 60px; --lo8gfz-inputWidth-tablet: 60px; --lo8gfz-inputWidth-mobile: 60px; --lo8gfz-btnWidth: 48px; --lo8gfz-btnWidth-tablet: 48px; --lo8gfz-btnWidth-mobile: 48px; --omnise-p-text-align: start; --lo8gfz-btnBg: #000000; --lo8gfz-btnBg-tablet: #000000; --lo8gfz-btnBg-mobile: #000000; --omnise-p-text-transform: capitalize; --omnise-p-font-weight: 600; --lo8gfz-btnColor: var(--omnise-heading-color); --lo8gfz-btnColor-tablet: var(--omnise-heading-color); --lo8gfz-btnColor-mobile: var(--omnise-heading-color); --lo8gfz-inputBg: #000000; --lo8gfz-inputBg-tablet: #000000; --lo8gfz-inputBg-mobile: #000000; --lo8gfz-inputColor: #ffffff; --lo8gfz-inputColor-tablet: #ffffff; --lo8gfz-inputColor-mobile: #ffffff; }[data-bnode="omnise-lo8gfz"] { margin-top: var(--lo8gfz-margin-top, 0px); margin-right: var(--lo8gfz-margin-right, 0px); margin-bottom: var(--lo8gfz-margin-bottom, 0px); margin-left: var(--lo8gfz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lo8gfz-margin-top-tablet, 0px); margin-right: var(--lo8gfz-margin-right-tablet, 0px); margin-bottom: var(--lo8gfz-margin-bottom-tablet, 0px); margin-left: var(--lo8gfz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lo8gfz-margin-top-mobile, 0px); margin-right: var(--lo8gfz-margin-right-mobile, 0px); margin-bottom: var(--lo8gfz-margin-bottom-mobile, 0px); margin-left: var(--lo8gfz-margin-left-mobile, 0px); } &.omnise-qty { display: flex; flex-direction: column; gap: var(--lo8gfz-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--lo8gfz-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--lo8gfz-gap-mobile, 16px); } .omnise-qty-wrap { display: flex; align-items: stretch; width: if(style(--lo8gfz-inputWidth: 100%): 100%; else: fit-content); border-style: var(--lo8gfz-borderStyle,solid); border-color: var(--lo8gfz-borderColor,#000000); border-width: var(--lo8gfz-borderWidth-tl,0px) var(--lo8gfz-borderWidth-tr,0px) var(--lo8gfz-borderWidth-br,0px) var(--lo8gfz-borderWidth-bl,0px); border-radius: var(--lo8gfz-borderRadius-tl,0px) var(--lo8gfz-borderRadius-tr,0px) var(--lo8gfz-borderRadius-br,0px) var(--lo8gfz-borderRadius-bl,0px); box-shadow: var(--lo8gfz-shadowHorizontal, 0) var(--lo8gfz-shadowVertical, 0) var(--lo8gfz-shadowBlur, 0) 0 var(--lo8gfz-shadowColor, #000000); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px) { width: if(style(--lo8gfz-inputWidth-tablet: 100%): 100%; else: fit-content); border-width: var(--lo8gfz-borderWidth-tl-tablet, 0px) var(--lo8gfz-borderWidth-tr-tablet, 0px) var(--lo8gfz-borderWidth-br-tablet, 0px) var(--lo8gfz-borderWidth-bl-tablet, 0px); border-radius: var(--lo8gfz-borderRadius-tl-tablet, 0px) var(--lo8gfz-borderRadius-tr-tablet, 0px) var(--lo8gfz-borderRadius-br-tablet, 0px) var(--lo8gfz-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { width: if(style(--lo8gfz-inputWidth-mobile: 100%): 100%; else: fit-content); border-width: var(--lo8gfz-borderWidth-tl-mobile, 0px) var(--lo8gfz-borderWidth-tr-mobile, 0px) var(--lo8gfz-borderWidth-br-mobile, 0px) var(--lo8gfz-borderWidth-bl-mobile, 0px); border-radius: var(--lo8gfz-borderRadius-tl-mobile, 0px) var(--lo8gfz-borderRadius-tr-mobile, 0px) var(--lo8gfz-borderRadius-br-mobile, 0px) var(--lo8gfz-borderRadius-bl-mobile, 0px); } } .omnise-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--lo8gfz-btnWidth, 40px); height: var(--lo8gfz-btnWidth, 40px); padding: 0; border: none; background: var(--lo8gfz-btnBg, #f5f5f5); color: var(--lo8gfz-btnColor, #333); cursor: pointer; transition: opacity 0.2s; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--lo8gfz-btnWidth-tablet, 40px); height: var(--lo8gfz-btnWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--lo8gfz-btnWidth-mobile, 40px); height: var(--lo8gfz-btnWidth-mobile, 40px); } } .omnise-qty-input { flex: 1; min-width: 0; width: var(--lo8gfz-inputWidth, 40px); text-align: center; border: none; color: var(--lo8gfz-inputColor, #333); background: var(--lo8gfz-inputBg, #ffffff); font-size: 16px; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--lo8gfz-inputWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--lo8gfz-inputWidth-mobile, 40px); } } .omnise-qty-input::-webkit-outer-spin-button, .omnise-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .omnise-qty-input:focus { outline: none; } .omnise-qty-warning { color: #f59e0b; } } }[data-bnode="omnise-su9lmb"] { --su9lmb-button: se; --su9lmb-button-tablet: se; --su9lmb-button-mobile: se; --su9lmb-width: fill; --su9lmb-width-tablet: fill; --su9lmb-width-mobile: fill; --su9lmb-transform: none; --su9lmb-transform-tablet: none; --su9lmb-transform-mobile: none; --su9lmb-iconWidth: 20px; --su9lmb-iconWidth-tablet: 20px; --su9lmb-iconWidth-mobile: 20px; --su9lmb-iconGap: 5px; --su9lmb-iconGap-tablet: 5px; --su9lmb-iconGap-mobile: 5px; --omnise-btn-height-tablet: 45px; }[data-bnode="omnise-su9lmb"] { margin-top: var(--su9lmb-margin-top, 0px); margin-right: var(--su9lmb-margin-right, 0px); margin-bottom: var(--su9lmb-margin-bottom, 0px); margin-left: var(--su9lmb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--su9lmb-margin-top-tablet, 0px); margin-right: var(--su9lmb-margin-right-tablet, 0px); margin-bottom: var(--su9lmb-margin-bottom-tablet, 0px); margin-left: var(--su9lmb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--su9lmb-margin-top-mobile, 0px); margin-right: var(--su9lmb-margin-right-mobile, 0px); margin-bottom: var(--su9lmb-margin-bottom-mobile, 0px); margin-left: var(--su9lmb-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--su9lmb-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--su9lmb-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--su9lmb-bgBtnHover)) * 1%)); style(--su9lmb-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--su9lmb-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--su9lmb-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--su9lmb-labelBtnHover)) * 1%)); style(--su9lmb-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--su9lmb-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--su9lmb-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--su9lmb-borderBtnHover)) * 1%)); style(--su9lmb-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--su9lmb-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--su9lmb-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--su9lmb-bgBtnHover)) * 1%)); style(--su9lmb-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--su9lmb-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--su9lmb-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--su9lmb-labelBtnHover)) * 1%)); style(--su9lmb-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--su9lmb-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--su9lmb-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--su9lmb-borderBtnHover)) * 1%)); style(--su9lmb-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--su9lmb-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--su9lmb-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--su9lmb-labelBtnHover)) * 1%)); style(--su9lmb-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--su9lmb-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--su9lmb-iconWidth,20px); min-width: var(--su9lmb-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(--su9lmb-iconGap-tablet); svg { width: var(--su9lmb-iconWidth-tablet,var(--su9lmb-iconWidth,20px)); min-width: var(--su9lmb-iconWidth-tablet,var(--su9lmb-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--su9lmb-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--su9lmb-iconWidth-mobile,var(--su9lmb-iconWidth,20px)); min-width: var(--su9lmb-iconWidth-mobile,var(--su9lmb-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-1r7bsw"] { --1r7bsw-typography: p; --1r7bsw-typography-tablet: p; --1r7bsw-typography-mobile: p; --1r7bsw-iconSize: 57; --1r7bsw-iconSize-tablet: 57; --1r7bsw-iconSize-mobile: 57; --1r7bsw-maxWidth: auto; --1r7bsw-maxWidth-tablet: auto; --1r7bsw-maxWidth-mobile: auto; }[data-bnode="omnise-1r7bsw"] { margin-top: var(--1r7bsw-margin-top, 0px); margin-right: var(--1r7bsw-margin-right, 0px); margin-bottom: var(--1r7bsw-margin-bottom, 0px); margin-left: var(--1r7bsw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1r7bsw-margin-top-tablet, 0px); margin-right: var(--1r7bsw-margin-right-tablet, 0px); margin-bottom: var(--1r7bsw-margin-bottom-tablet, 0px); margin-left: var(--1r7bsw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1r7bsw-margin-top-mobile, 0px); margin-right: var(--1r7bsw-margin-right-mobile, 0px); margin-bottom: var(--1r7bsw-margin-bottom-mobile, 0px); margin-left: var(--1r7bsw-margin-left-mobile, 0px); } & { display: flex; list-style: none; padding: 0; } }[data-bnode="omnise-thve0i"] { --thve0i-headerState: active; --thve0i-headerState-tablet: active; --thve0i-headerState-mobile: active; --thve0i-colorActive: #ffffff; --thve0i-colorActive-tablet: #ffffff; --thve0i-colorActive-mobile: #ffffff; --thve0i-tabBgActive: #33333300; --thve0i-tabBgActive-tablet: #33333300; --thve0i-tabBgActive-mobile: #33333300; --thve0i-paddingX: 0px; --thve0i-paddingX-tablet: 0px; --thve0i-paddingX-mobile: 0px; --thve0i-paddingY: 20px; --thve0i-paddingY-tablet: 20px; --thve0i-paddingY-mobile: 20px; --thve0i-borderStyle: solid; --thve0i-borderStyle-tablet: solid; --thve0i-borderStyle-mobile: solid; --thve0i-tabBg: #F5F5F500; --thve0i-tabBg-tablet: #F5F5F500; --thve0i-tabBg-mobile: #F5F5F500; --thve0i-headingTypo: h5; --thve0i-headingTypo-tablet: h5; --thve0i-headingTypo-mobile: h5; --thve0i-borderWidth-tl: 0px; --thve0i-borderWidth-tl-tablet: 0px; --thve0i-borderWidth-tl-mobile: 0px; --thve0i-borderWidth-tr: 0px; --thve0i-borderWidth-tr-tablet: 0px; --thve0i-borderWidth-tr-mobile: 0px; --thve0i-borderWidth-bl: 0px; --thve0i-borderWidth-bl-tablet: 0px; --thve0i-borderWidth-bl-mobile: 0px; --thve0i-borderWidth-br: 1px; --thve0i-borderWidth-br-tablet: 1px; --thve0i-borderWidth-br-mobile: 1px; --thve0i-borderColor: #e6e6e6; --thve0i-borderColor-tablet: #e6e6e6; --thve0i-borderColor-mobile: #e6e6e6; --thve0i-tabBgHover: #CCCCCC00; --thve0i-tabBgHover-tablet: #CCCCCC00; --thve0i-tabBgHover-mobile: #CCCCCC00; --omnise-h5-text-align: start; --thve0i-gap: 0px; --thve0i-gap-tablet: 0px; --thve0i-gap-mobile: 0px; --omnise-h5-color: #ffffff; --thve0i-colorHover: #dbdbdb; --thve0i-colorHover-tablet: #dbdbdb; --thve0i-colorHover-mobile: #dbdbdb; }[data-bnode="omnise-thve0i"] { margin-top: var(--thve0i-margin-top, 0px); margin-right: var(--thve0i-margin-right, 0px); margin-bottom: var(--thve0i-margin-bottom, 0px); margin-left: var(--thve0i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--thve0i-margin-top-tablet, 0px); margin-right: var(--thve0i-margin-right-tablet, 0px); margin-bottom: var(--thve0i-margin-bottom-tablet, 0px); margin-left: var(--thve0i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--thve0i-margin-top-mobile, 0px); margin-right: var(--thve0i-margin-right-mobile, 0px); margin-bottom: var(--thve0i-margin-bottom-mobile, 0px); margin-left: var(--thve0i-margin-left-mobile, 0px); } &.omnise-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--thve0i-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--thve0i-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--thve0i-gap-mobile, 16px); } .omnise-accordion-item { border-style: var(--thve0i-borderStyle,solid); border-color: var(--thve0i-borderColor,#000000); border-width: var(--thve0i-borderWidth-tl,0px) var(--thve0i-borderWidth-tr,0px) var(--thve0i-borderWidth-br,0px) var(--thve0i-borderWidth-bl,0px); border-radius: var(--thve0i-borderRadius-tl,0px) var(--thve0i-borderRadius-tr,0px) var(--thve0i-borderRadius-br,0px) var(--thve0i-borderRadius-bl,0px); box-shadow: var(--thve0i-shadowHorizontal, 0px) var(--thve0i-shadowVertical, 0px) var(--thve0i-shadowBlur, 0px) 1px color-mix( in srgb, var(--thve0i-shadowColor, #000000) var(--thve0i-shadowTransparent, 0%), transparent ); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--thve0i-borderWidth-tl-tablet,0px) var(--thve0i-borderWidth-tr-tablet,0px) var(--thve0i-borderWidth-br-tablet,0px) var(--thve0i-borderWidth-bl-tablet,0px); border-radius: var(--thve0i-borderRadius-tl-tablet,0px) var(--thve0i-borderRadius-tr-tablet,0px) var(--thve0i-borderRadius-br-tablet,0px) var(--thve0i-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--thve0i-borderWidth-tl-mobile,0px) var(--thve0i-borderWidth-tr-mobile,0px) var(--thve0i-borderWidth-br-mobile,0px) var(--thve0i-borderWidth-bl-mobile,0px); border-radius: var(--thve0i-borderRadius-tl-mobile,0px) var(--thve0i-borderRadius-tr-mobile,0px) var(--thve0i-borderRadius-br-mobile,0px) var(--thve0i-borderRadius-bl-mobile,0px); } svg{ width:20px; height:20px; } .omnise-accordion-icon{ flex-shrink: 0; svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; } } &[open] { .omnise-accordion-summary { color: var(--thve0i-colorActive); background: var(--thve0i-tabBgActive); } .omnise-accordion-content { opacity: 1; } .omnise-accordion-icon { .omnise-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .omnise-icon-chevron{ transform: rotate(180deg); } .omnise-icon-arrow{ transform: rotate(90deg); } } } } .omnise-accordion-title{ flex: auto; cursor: pointer; } .omnise-accordion-summary { display: flex; flex-direction: var(--omnise-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--thve0i-paddingX, 20px); padding-block: var(--thve0i-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--thve0i-tabBg); &:marker { display: none; } &:hover { background: var(--thve0i-tabBgHover); color: var(--thve0i-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--thve0i-paddingX-tablet, 20px); padding-block: var(--thve0i-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--thve0i-paddingX-mobile, 20px); padding-block: var(--thve0i-paddingY-mobile, 20px); } } .omnise-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .omnise-accordion-content { opacity: 0; animation: omniseSlideDown 0.3s ease-out; } .omnise-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes omniseSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="omnise-imlvas"] { padding-top: 12px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px; } [data-bnode="omnise-imlvas"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-imlvas"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-imlvas"] {                gap: 16px;     }  }[data-bnode="omnise-s3997t"] { --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --s3997t-typography: p; --s3997t-typography-tablet: p; --s3997t-typography-mobile: p; --omnise-p-text-align: center; }[data-bnode="omnise-s3997t"] { margin-top: var(--s3997t-margin-top, 0px); margin-right: var(--s3997t-margin-right, 0px); margin-bottom: var(--s3997t-margin-bottom, 0px); margin-left: var(--s3997t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s3997t-margin-top-tablet, 0px); margin-right: var(--s3997t-margin-right-tablet, 0px); margin-bottom: var(--s3997t-margin-bottom-tablet, 0px); margin-left: var(--s3997t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s3997t-margin-top-mobile, 0px); margin-right: var(--s3997t-margin-right-mobile, 0px); margin-bottom: var(--s3997t-margin-bottom-mobile, 0px); margin-left: var(--s3997t-margin-left-mobile, 0px); } }[data-bnode="omnise-h5her9"] { --h5her9-typography: h3; --h5her9-typography-tablet: h3; --h5her9-typography-mobile: h3; --omnise-h3-text-align: center; --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; }[data-bnode="omnise-h5her9"] { margin-top: var(--h5her9-margin-top, 0px); margin-right: var(--h5her9-margin-right, 0px); margin-bottom: var(--h5her9-margin-bottom, 0px); margin-left: var(--h5her9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h5her9-margin-top-tablet, 0px); margin-right: var(--h5her9-margin-right-tablet, 0px); margin-bottom: var(--h5her9-margin-bottom-tablet, 0px); margin-left: var(--h5her9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h5her9-margin-top-mobile, 0px); margin-right: var(--h5her9-margin-right-mobile, 0px); margin-bottom: var(--h5her9-margin-bottom-mobile, 0px); margin-left: var(--h5her9-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--h5her9-highlightColor,var(--omnise-p-color)); top: var(--h5her9-highlightTop, 100%); } }