/* ========== 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;
  }
}


.omnise-product-media-wrapper[data-zoom="hover"] .omnise-product-media .omnise-slide-item .omnise-image-picture{
    cursor: zoom-in;
}
.media-hover-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 150%;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  z-index: 10;
  transition: background-position 0.1s ease;
  cursor: zoom-out;
  display: block !important;
}

@media (max-width: 1179px) {
  .media-hover-overlay {
    left: 0;
    transform: none;
    width: 100%;
    background-size: 250%;
  }
}
/**
 * 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;
  }
}
.omnise-product-media-wrapper[data-zoom="hover"] .omnise-product-media .omnise-slide-item .omnise-image-picture{
    cursor: zoom-in;
}
.media-hover-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 150%;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
  z-index: 10;
  transition: background-position 0.1s ease;
  cursor: zoom-out;
  display: block !important;
}

@media (max-width: 1179px) {
  .media-hover-overlay {
    left: 0;
    transform: none;
    width: 100%;
    background-size: 250%;
  }
}
[data-bnode="omnise-6h6bfa"].omnise-section { padding-top: 48px; padding-right: 32px; padding-bottom: 48px; padding-left: 32px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-6h6bfa"].omnise-section { padding-top: 48px; padding-right: 32px; padding-bottom: 48px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-6h6bfa"].omnise-section { padding-top: 48px; padding-right: 16px; padding-bottom: 48px; padding-left: 16px; } } [data-bnode="omnise-6h6bfa"] > .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-6h6bfa"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-6h6bfa"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-vz3z88"] { --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --vz3z88-typography: p; --vz3z88-typography-tablet: p; --vz3z88-typography-mobile: p; --omnise-p-text-align: start; --vz3z88-gap: 16px; --vz3z88-gap-tablet: 16px; --vz3z88-gap-mobile: 16px; --vz3z88-iconSize: 17px; --vz3z88-iconSize-tablet: 17px; --vz3z88-iconSize-mobile: 17px; }[data-bnode="omnise-vz3z88"] { margin-top: var(--vz3z88-margin-top, 0px); margin-right: var(--vz3z88-margin-right, 0px); margin-bottom: var(--vz3z88-margin-bottom, 0px); margin-left: var(--vz3z88-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vz3z88-margin-top-tablet, 0px); margin-right: var(--vz3z88-margin-right-tablet, 0px); margin-bottom: var(--vz3z88-margin-bottom-tablet, 0px); margin-left: var(--vz3z88-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vz3z88-margin-top-mobile, 0px); margin-right: var(--vz3z88-margin-right-mobile, 0px); margin-bottom: var(--vz3z88-margin-bottom-mobile, 0px); margin-left: var(--vz3z88-margin-left-mobile, 0px); } &.omnise-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; justify-content: var(--vz3z88-justify-content, flex-start); gap: var(--vz3z88-gap, 8px); } &.omnise-p { justify-content: if( style(--omnise-p-text-align: center): center; style(--omnise-p-text-align: end): flex-end; else: var(--vz3z88-justify-content, flex-start) ); } &.omnise-p2 { justify-content: if( style(--omnise-p2-text-align: center): center; style(--omnise-p2-text-align: end): flex-end; else: var(--vz3z88-justify-content, flex-start) ); } &.omnise-p3 { justify-content: if( style(--omnise-p3-text-align: center): center; style(--omnise-p3-text-align: end): flex-end; else: var(--vz3z88-justify-content, flex-start) ); } &.omnise-eyebrow { justify-content: if( style(--omnise-eyebrow-text-align: center): center; style(--omnise-eyebrow-text-align: end): flex-end; else: var(--vz3z88-justify-content, flex-start) ); } & .omnise-breadcrumb-item, & .omnise-breadcrumb-separator { display: inline-flex; align-items: center; min-width: 0; } & .omnise-breadcrumb-item { color: inherit; text-decoration: none; } & .omnise-breadcrumb-current { opacity: 0.72; } & .omnise-breadcrumb-separator svg { width: var(--vz3z88-iconSize, 16px); height: var(--vz3z88-iconSize, 16px); } @media (min-width: 767.79px) and (max-width: 1180px) { &.omnise-breadcrumb { gap: var(--vz3z88-gap-tablet, var(--vz3z88-gap, 8px)); } &.omnise-p { justify-content: if( style(--omnise-p-text-align-tablet: center): center; style(--omnise-p-text-align-tablet: end): flex-end; else: var(--vz3z88-justify-content-tablet, var(--vz3z88-justify-content, flex-start)) ); } &.omnise-p2 { justify-content: if( style(--omnise-p2-text-align-tablet: center): center; style(--omnise-p2-text-align-tablet: end): flex-end; else: var(--vz3z88-justify-content-tablet, var(--vz3z88-justify-content, flex-start)) ); } &.omnise-p3 { justify-content: if( style(--omnise-p3-text-align-tablet: center): center; style(--omnise-p3-text-align-tablet: end): flex-end; else: var(--vz3z88-justify-content-tablet, var(--vz3z88-justify-content, flex-start)) ); } &.omnise-eyebrow { justify-content: if( style(--omnise-eyebrow-text-align-tablet: center): center; style(--omnise-eyebrow-text-align-tablet: end): flex-end; else: var(--vz3z88-justify-content-tablet, var(--vz3z88-justify-content, flex-start)) ); } & .omnise-breadcrumb-separator svg { width: var(--vz3z88-iconSize-tablet, var(--vz3z88-iconSize, 16px)); height: var(--vz3z88-iconSize-tablet, var(--vz3z88-iconSize, 16px)); } } @media (max-width: 767px) { &.omnise-breadcrumb { gap: var(--vz3z88-gap-mobile, var(--vz3z88-gap-tablet, var(--vz3z88-gap, 8px))); } &.omnise-p { justify-content: if( style(--omnise-p-text-align-mobile: center): center; style(--omnise-p-text-align-mobile: end): flex-end; else: var(--vz3z88-justify-content-mobile, var(--vz3z88-justify-content-tablet, var(--vz3z88-justify-content, flex-start))) ); } &.omnise-p2 { justify-content: if( style(--omnise-p2-text-align-mobile: center): center; style(--omnise-p2-text-align-mobile: end): flex-end; else: var(--vz3z88-justify-content-mobile, var(--vz3z88-justify-content-tablet, var(--vz3z88-justify-content, flex-start))) ); } &.omnise-p3 { justify-content: if( style(--omnise-p3-text-align-mobile: center): center; style(--omnise-p3-text-align-mobile: end): flex-end; else: var(--vz3z88-justify-content-mobile, var(--vz3z88-justify-content-tablet, var(--vz3z88-justify-content, flex-start))) ); } &.omnise-eyebrow { justify-content: if( style(--omnise-eyebrow-text-align-mobile: center): center; style(--omnise-eyebrow-text-align-mobile: end): flex-end; else: var(--vz3z88-justify-content-mobile, var(--vz3z88-justify-content-tablet, var(--vz3z88-justify-content, flex-start))) ); } & .omnise-breadcrumb-separator svg { width: var(--vz3z88-iconSize-mobile, var(--vz3z88-iconSize-tablet, var(--vz3z88-iconSize, 16px))); height: var(--vz3z88-iconSize-mobile, var(--vz3z88-iconSize-tablet, var(--vz3z88-iconSize, 16px))); } } }[data-bnode="omnise-t0govd"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: flex-start;   gap: 24px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(80.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(20.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-t0govd"] {      flex-direction: column;          gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-t0govd"] {      flex-direction: column;          gap: 20px;     }  }[data-bnode="omnise-t0wqpp"] {        flex-wrap: nowrap;        gap: 24px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-t0wqpp"] {                gap: 24px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-t0wqpp"] {                gap: 48px;     }  }[data-bnode="omnise-r59l93"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: flex-start;   gap: 16px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(55.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(45.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-r59l93"] {      flex-direction: column;          gap: 40px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-r59l93"] {      flex-direction: column;          gap: 40px;     }  }[data-bnode="omnise-qo9dqs"] {   position: sticky; top: 10px; z-index: 10;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-qo9dqs"] {    position: relative;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-qo9dqs"] {    position: relative;   }  } [data-bnode="omnise-qo9dqs"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-qo9dqs"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-qo9dqs"] {                     }  }[data-bnode="omnise-76pqbf"] { --76pqbf-media: thumbs; --76pqbf-media-tablet: thumbs; --76pqbf-media-mobile: thumbs; --76pqbf-effect: fade; --76pqbf-effect-tablet: fade; --76pqbf-effect-mobile: fade; --76pqbf-imageRatioMain: 1/1; --76pqbf-imageRatioMain-tablet: 1/1; --76pqbf-imageRatioMain-mobile: 1/1; --76pqbf-positionThumb: left; --76pqbf-positionThumb-tablet: left; --76pqbf-positionThumb-mobile: left; --76pqbf-widthItemThumbs: 40px; --76pqbf-widthItemThumbs-tablet: 42px; --76pqbf-widthItemThumbs-mobile: 64px; --76pqbf-imageRatioThumbs: 1/1; --76pqbf-imageRatioThumbs-tablet: 1/1; --76pqbf-imageRatioThumbs-mobile: 1/1; --76pqbf-borderStyleThumbs: solid; --76pqbf-borderStyleThumbs-tablet: solid; --76pqbf-borderStyleThumbs-mobile: solid; --76pqbf-borderColorThumbs: var(--omnise-heading-color); --76pqbf-borderColorThumbs-tablet: var(--omnise-heading-color); --76pqbf-borderColorThumbs-mobile: var(--omnise-heading-color); --76pqbf-borderWidthThumbs-tl: 1px; --76pqbf-borderWidthThumbs-tl-tablet: 1px; --76pqbf-borderWidthThumbs-tl-mobile: 1px; --76pqbf-borderWidthThumbs-tr: 1px; --76pqbf-borderWidthThumbs-tr-tablet: 1px; --76pqbf-borderWidthThumbs-tr-mobile: 1px; --76pqbf-borderWidthThumbs-bl: 1px; --76pqbf-borderWidthThumbs-bl-tablet: 1px; --76pqbf-borderWidthThumbs-bl-mobile: 1px; --76pqbf-borderWidthThumbs-br: 1px; --76pqbf-borderWidthThumbs-br-tablet: 1px; --76pqbf-borderWidthThumbs-br-mobile: 1px; --76pqbf-borderRadiusThumbs-tl: 12px; --76pqbf-borderRadiusThumbs-tl-tablet: 12px; --76pqbf-borderRadiusThumbs-tl-mobile: 12px; --76pqbf-borderRadiusThumbs-tr: 12px; --76pqbf-borderRadiusThumbs-tr-tablet: 12px; --76pqbf-borderRadiusThumbs-tr-mobile: 12px; --76pqbf-borderRadiusThumbs-bl: 12px; --76pqbf-borderRadiusThumbs-bl-tablet: 12px; --76pqbf-borderRadiusThumbs-bl-mobile: 12px; --76pqbf-borderRadiusThumbs-br: 12px; --76pqbf-borderRadiusThumbs-br-tablet: 12px; --76pqbf-borderRadiusThumbs-br-mobile: 12px; --76pqbf-gapItemThumbs: 8px; --76pqbf-gapItemThumbs-tablet: 8px; --76pqbf-gapItemThumbs-mobile: 8px; --76pqbf-borderRadiusMain-tl: 8px; --76pqbf-borderRadiusMain-tl-tablet: 8px; --76pqbf-borderRadiusMain-tl-mobile: 8px; --76pqbf-borderRadiusMain-tr: 8px; --76pqbf-borderRadiusMain-tr-tablet: 8px; --76pqbf-borderRadiusMain-tr-mobile: 8px; --76pqbf-borderRadiusMain-bl: 8px; --76pqbf-borderRadiusMain-bl-tablet: 8px; --76pqbf-borderRadiusMain-bl-mobile: 8px; --76pqbf-borderRadiusMain-br: 8px; --76pqbf-borderRadiusMain-br-tablet: 8px; --76pqbf-borderRadiusMain-br-mobile: 8px; }[data-bnode="omnise-76pqbf"] { margin-top: var(--76pqbf-margin-top, 0px); margin-right: var(--76pqbf-margin-right, 0px); margin-bottom: var(--76pqbf-margin-bottom, 0px); margin-left: var(--76pqbf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--76pqbf-margin-top-tablet, 0px); margin-right: var(--76pqbf-margin-right-tablet, 0px); margin-bottom: var(--76pqbf-margin-bottom-tablet, 0px); margin-left: var(--76pqbf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--76pqbf-margin-top-mobile, 0px); margin-right: var(--76pqbf-margin-right-mobile, 0px); margin-bottom: var(--76pqbf-margin-bottom-mobile, 0px); margin-left: var(--76pqbf-margin-left-mobile, 0px); } & { max-width:100%; .omnise-media-product { display: flex; gap: var(--76pqbf-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(--76pqbf-borderStyleMain, solid); border-color: var(--76pqbf-borderColorMain, #000000); border-width: var(--76pqbf-borderWidthMain-tl, 0px) var(--76pqbf-borderWidthMain-tr, 0px) var(--76pqbf-borderWidthMain-br, 0px) var(--76pqbf-borderWidthMain-bl, 0px); border-radius: var(--76pqbf-borderRadiusMain-tl, 0px) var(--76pqbf-borderRadiusMain-tr, 0px) var(--76pqbf-borderRadiusMain-br, 0px) var(--76pqbf-borderRadiusMain-bl, 0px); overflow: hidden; @media (min-width: 768px) and (max-width: 1180px) { border-width: var(--76pqbf-borderWidthMain-tl-tablet, 0px) var(--76pqbf-borderWidthMain-tr-tablet, 0px) var(--76pqbf-borderWidthMain-br-tablet, 0px) var(--76pqbf-borderWidthMain-bl-tablet, 0px); border-radius: var(--76pqbf-borderRadiusMain-tl-tablet, 0px) var(--76pqbf-borderRadiusMain-tr-tablet, 0px) var(--76pqbf-borderRadiusMain-br-tablet, 0px) var(--76pqbf-borderRadiusMain-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--76pqbf-borderWidthMain-tl-mobile, 0px) var(--76pqbf-borderWidthMain-tr-mobile, 0px) var(--76pqbf-borderWidthMain-br-mobile, 0px) var(--76pqbf-borderWidthMain-bl-mobile, 0px); border-radius: var(--76pqbf-borderRadiusMain-tl-mobile, 0px) var(--76pqbf-borderRadiusMain-tr-mobile, 0px) var(--76pqbf-borderRadiusMain-br-mobile, 0px) var(--76pqbf-borderRadiusMain-bl-mobile, 0px); } } .omnise-product-media-main[data-effect="slide"] { overflow: hidden; .omnise-slider-item { border-style: var(--76pqbf-borderStyleMain, solid); border-color: var(--76pqbf-borderColorMain, #000000); border-width: var(--76pqbf-borderWidthMain-tl, 0px) var(--76pqbf-borderWidthMain-tr, 0px) var(--76pqbf-borderWidthMain-br, 0px) var(--76pqbf-borderWidthMain-bl, 0px); border-radius: var(--76pqbf-borderRadiusMain-tl, 0px) var(--76pqbf-borderRadiusMain-tr, 0px) var(--76pqbf-borderRadiusMain-br, 0px) var(--76pqbf-borderRadiusMain-bl, 0px); overflow: hidden; @media (min-width: 768px) and (max-width: 1180px) { border-width: var(--76pqbf-borderWidthMain-tl-tablet, 0px) var(--76pqbf-borderWidthMain-tr-tablet, 0px) var(--76pqbf-borderWidthMain-br-tablet, 0px) var(--76pqbf-borderWidthMain-bl-tablet, 0px); border-radius: var(--76pqbf-borderRadiusMain-tl-tablet, 0px) var(--76pqbf-borderRadiusMain-tr-tablet, 0px) var(--76pqbf-borderRadiusMain-br-tablet, 0px) var(--76pqbf-borderRadiusMain-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--76pqbf-borderWidthMain-tl-mobile, 0px) var(--76pqbf-borderWidthMain-tr-mobile, 0px) var(--76pqbf-borderWidthMain-br-mobile, 0px) var(--76pqbf-borderWidthMain-bl-mobile, 0px); border-radius: var(--76pqbf-borderRadiusMain-tl-mobile, 0px) var(--76pqbf-borderRadiusMain-tr-mobile, 0px) var(--76pqbf-borderRadiusMain-br-mobile, 0px) var(--76pqbf-borderRadiusMain-bl-mobile, 0px); } } } .omnise-product-media-hover-overlay { left: 0; width: 100%; transform: none; background-size: 150%; pointer-events: none; cursor: inherit; } .omnise-product-picture { display: block; position: relative; height: auto; aspect-ratio: var(--76pqbf-imageRatioMain); overflow: hidden; .omnise-product-image { width: 100%; height: 100%; object-fit: var(--76pqbf-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); vertical-align: middle; } @media (min-width: 768px) and (max-width: 1180px) { aspect-ratio: var(--76pqbf-imageRatioMain-tablet); border-radius: var(--76pqbf-borderRadiusMain-tl-tablet, var(--76pqbf-borderRadiusMain-tl, 0px)) var(--76pqbf-borderRadiusMain-tr-tablet, var(--76pqbf-borderRadiusMain-tr, 0px)) var(--76pqbf-borderRadiusMain-br-tablet, var(--76pqbf-borderRadiusMain-br, 0px)) var(--76pqbf-borderRadiusMain-bl-tablet, var(--76pqbf-borderRadiusMain-bl, 0px)); .omnise-product-image { object-fit: var(--76pqbf-objFit-tablet, var(--76pqbf-objFit, cover)); } } @media (max-width: 767px) { aspect-ratio: var(--76pqbf-imageRatioMain-mobile); border-radius: var(--76pqbf-borderRadiusMedia-tl-mobile, var(--76pqbf-borderRadiusMedia-tl, 0px)) var(--76pqbf-borderRadiusMedia-tr-mobile, var(--76pqbf-borderRadiusMedia-tr, 0px)) var(--76pqbf-borderRadiusMedia-br-mobile, var(--76pqbf-borderRadiusMedia-br, 0px)) var(--76pqbf-borderRadiusMedia-bl-mobile, var(--76pqbf-borderRadiusMedia-bl, 0px)); .omnise-product-image { object-fit: var(--76pqbf-objFit-mobile, var(--76pqbf-objFit, cover)); } } &.omnise-product-picture--zoom, &.omnise-product-picture--lightbox { cursor: zoom-in; } .omnise-product-lightbox-button { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; background: rgba(17, 17, 17, 0.72); color: #ffffff; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18); pointer-events: none; z-index: 2; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: transform 0.2s ease, background 0.2s ease; } &.omnise-product-picture--lightbox:hover .omnise-product-lightbox-button { transform: scale(1.06); background: rgba(17, 17, 17, 0.86); } @media (max-width: 767px) { .omnise-product-lightbox-button { right: 10px; bottom: 10px; width: 36px; height: 36px; } } } .omnise-product-thumb-slide { .omnise-slider-items { gap: var(--76pqbf-gapItemThumbs, 16px); } .omnise-slider-item { flex: 1 0 var(--76pqbf-widthItemThumbs, 100px) !important; max-width: var(--76pqbf-widthItemThumbs, 100px); } .omnise-slider-item.is-active .omnise-thumb-image { border-style: var(--76pqbf-borderStyleThumbs, solid); border-color: var(--76pqbf-borderColorThumbs, #000000); border-width: var(--76pqbf-borderWidthThumbs-tl, 0px) var(--76pqbf-borderWidthThumbs-tr, 0px) var(--76pqbf-borderWidthThumbs-br, 0px) var(--76pqbf-borderWidthThumbs-bl, 0px); } @media (min-width: 768px) and (max-width: 1180px) { .omnise-slider-items { gap: var(--76pqbf-gapItemThumbs-tablet, 16px); } .omnise-slider-item { flex: 1 0 var(--76pqbf-widthItemThumbs-tablet, 80px) !important; max-width: var(--76pqbf-widthItemThumbs-tablet, 80px); } .omnise-slider-item.is-active .omnise-thumb-image { border-width: var(--76pqbf-borderWidthThumbs-tl-tablet, 0px) var(--76pqbf-borderWidthThumbs-tr-tablet, 0px) var(--76pqbf-borderWidthThumbs-br-tablet, 0px) var(--76pqbf-borderWidthThumbs-bl-tablet, 0px); } } @media (max-width: 767px) { .omnise-slider-items { gap: var(--76pqbf-gapItemThumbs-mobile, 16px); } .omnise-slider-item { flex: 1 0 var(--76pqbf-widthItemThumbs-mobile, 64px) !important; max-width: var(--76pqbf-widthItemThumbs-mobile, 64px); } .omnise-slider-item.is-active .omnise-thumb-image { border-width: var(--76pqbf-borderWidthThumbs-tl-mobile, 0px) var(--76pqbf-borderWidthThumbs-tr-mobile, 0px) var(--76pqbf-borderWidthThumbs-br-mobile, 0px) var(--76pqbf-borderWidthThumbs-bl-mobile, 0px); } } } .omnise-thumb-image { position: relative; width: 100%; max-width: 100%; border-radius: var(--76pqbf-borderRadiusThumbs-tl, 0px) var(--76pqbf-borderRadiusThumbs-tr, 0px) var(--76pqbf-borderRadiusThumbs-br, 0px) var(--76pqbf-borderRadiusThumbs-bl, 0px); overflow: hidden; .omnise-thumb-img { display: block; aspect-ratio: var(--76pqbf-imageRatioThumbs); width: 100%; height: auto; object-fit: cover; object-position: center; } @media (min-width: 768px) and (max-width: 1180px) { border-radius: var(--76pqbf-borderRadiusThumbs-tl-tablet, var(--76pqbf-borderRadiusThumbs-tl, 0px)) var(--76pqbf-borderRadiusThumbs-tr-tablet, var(--76pqbf-borderRadiusThumbs-tr, 0px)) var(--76pqbf-borderRadiusThumbs-br-tablet, var(--76pqbf-borderRadiusThumbs-br, 0px)) var(--76pqbf-borderRadiusThumbs-bl-tablet, var(--76pqbf-borderRadiusThumbs-bl, 0px)); .omnise-thumb-img { aspect-ratio: var(--76pqbf-imageRatioThumbs-tablet); } } @media (max-width: 767px) { border-radius: var(--76pqbf-borderRadiusThumbs-tl-mobile, var(--76pqbf-borderRadiusThumbs-tl, 0px)) var(--76pqbf-borderRadiusThumbs-tr-mobile, var(--76pqbf-borderRadiusThumbs-tr, 0px)) var(--76pqbf-borderRadiusThumbs-br-mobile, var(--76pqbf-borderRadiusThumbs-br, 0px)) var(--76pqbf-borderRadiusThumbs-bl-mobile, var(--76pqbf-borderRadiusThumbs-bl, 0px)); .omnise-thumb-img { aspect-ratio: var(--76pqbf-imageRatioThumbs-mobile); } } } .omnise-main-slider-wrap { @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--76pqbf-gap, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--76pqbf-gap, 20px) * (1 - 1)) / 1); } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--76pqbf-gap, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--76pqbf-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--76pqbf-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--76pqbf-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--76pqbf-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--76pqbf-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--76pqbf-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc((100% - var(--76pqbf-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--76pqbf-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--76pqbf-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--76pqbf-navPadding, 12px); background: var(--76pqbf-navBg, #F5F5F5); color: var(--76pqbf-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--76pqbf-navBgHover, #CCCCCC); color: var(--76pqbf-navColorHover, #333333); } svg { width: var(--76pqbf-navIconSize, 20px); height: var(--76pqbf-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(--76pqbf-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(--76pqbf-gap-mobile, 16px); &[data-position-thumbs-mobile='bottom'] { flex-direction: column; .omnise-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } } } } }[data-bnode="omnise-h73jkm"] {        flex-wrap: nowrap;        gap: 8px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-h73jkm"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-h73jkm"] {                gap: 8px;     }  }[data-bnode="omnise-icfctf"] { --icfctf-typography: h3; --icfctf-typography-tablet: h3; --icfctf-typography-mobile: h3; --icfctf-margin-top: 0px; --icfctf-margin-top-tablet: 0px; --icfctf-margin-top-mobile: 0px; --icfctf-margin-right: 0px; --icfctf-margin-right-tablet: 0px; --icfctf-margin-right-mobile: 0px; --icfctf-margin-bottom: 0px; --icfctf-margin-bottom-tablet: 0px; --icfctf-margin-bottom-mobile: 0px; --icfctf-margin-left: 0px; --icfctf-margin-left-tablet: 0px; --icfctf-margin-left-mobile: 0px; --omnise-h3-text-align: start; }[data-bnode="omnise-icfctf"] { margin-top: var(--icfctf-margin-top, 0px); margin-right: var(--icfctf-margin-right, 0px); margin-bottom: var(--icfctf-margin-bottom, 0px); margin-left: var(--icfctf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--icfctf-margin-top-tablet, 0px); margin-right: var(--icfctf-margin-right-tablet, 0px); margin-bottom: var(--icfctf-margin-bottom-tablet, 0px); margin-left: var(--icfctf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--icfctf-margin-top-mobile, 0px); margin-right: var(--icfctf-margin-right-mobile, 0px); margin-bottom: var(--icfctf-margin-bottom-mobile, 0px); margin-left: var(--icfctf-margin-left-mobile, 0px); } }[data-bnode="omnise-4m40sq"] { margin-top: var(--4m40sq-margin-top, 0px); margin-right: var(--4m40sq-margin-right, 0px); margin-bottom: var(--4m40sq-margin-bottom, 0px); margin-left: var(--4m40sq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4m40sq-margin-top-tablet, 0px); margin-right: var(--4m40sq-margin-right-tablet, 0px); margin-bottom: var(--4m40sq-margin-bottom-tablet, 0px); margin-left: var(--4m40sq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4m40sq-margin-top-mobile, 0px); margin-right: var(--4m40sq-margin-right-mobile, 0px); margin-bottom: var(--4m40sq-margin-bottom-mobile, 0px); margin-left: var(--4m40sq-margin-left-mobile, 0px); } }[data-bnode="omnise-ur0bfi"] {        flex-wrap: wrap;        gap: 0px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ur0bfi"] {                gap: 0px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ur0bfi"] {                gap: 0px;     }  }[data-bnode="omnise-n3jpli"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-n3jpli"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-n3jpli"] {                gap: 16px;     }  }[data-bnode="omnise-8cfpxo"] { --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; }[data-bnode="omnise-8cfpxo"] { margin-top: var(--8cfpxo-margin-top, 0px); margin-right: var(--8cfpxo-margin-right, 0px); margin-bottom: var(--8cfpxo-margin-bottom, 0px); margin-left: var(--8cfpxo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8cfpxo-margin-top-tablet, 0px); margin-right: var(--8cfpxo-margin-right-tablet, 0px); margin-bottom: var(--8cfpxo-margin-bottom-tablet, 0px); margin-left: var(--8cfpxo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8cfpxo-margin-top-mobile, 0px); margin-right: var(--8cfpxo-margin-right-mobile, 0px); margin-bottom: var(--8cfpxo-margin-bottom-mobile, 0px); margin-left: var(--8cfpxo-margin-left-mobile, 0px); } &{ p { margin: 0; } a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; margin: 0.5em 0; } ul:first-child, ol:first-child { margin-top: 0; } ul:last-child, ol:last-child { margin-bottom: 0; } li p { margin: 0; } } }[data-bnode="omnise-d3oeok"] { border-style: solid; border-color: #ebebeb; border-width: 1px 0px 1px 0px; border-radius: 0px 0px 0px 0px; padding-top: 16px; padding-right: 0px; padding-bottom: 16px; padding-left: 0px; } [data-bnode="omnise-d3oeok"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-d3oeok"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-d3oeok"] {                gap: 16px;     }  }[data-bnode="omnise-46lcoz"] {     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-46lcoz"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-46lcoz"] {                     }  }[data-bnode="omnise-29xi2r"] { --29xi2r-typography: p; --29xi2r-typography-tablet: p; --29xi2r-typography-mobile: p; --29xi2r-decoration: line-through; --29xi2r-decoration-tablet: line-through; --29xi2r-decoration-mobile: line-through; --29xi2r-comparePriceColor: #8e90a1; --29xi2r-comparePriceColor-tablet: #8e90a1; --29xi2r-comparePriceColor-mobile: #8e90a1; --29xi2r-priceType: comparePrice; --29xi2r-priceType-tablet: comparePrice; --29xi2r-priceType-mobile: comparePrice; --29xi2r-salePriceColor: var(--omnise-other-sale-price-color); --29xi2r-salePriceColor-tablet: var(--omnise-other-sale-price-color); --29xi2r-salePriceColor-mobile: var(--omnise-other-sale-price-color); --omnise-p-font-size: 28px; --omnise-p-font-weight: 500; --29xi2r-scale: 0.8; --29xi2r-scale-tablet: 0.8; --29xi2r-scale-mobile: 0.8; }[data-bnode="omnise-29xi2r"] { margin-top: var(--29xi2r-margin-top, 0px); margin-right: var(--29xi2r-margin-right, 0px); margin-bottom: var(--29xi2r-margin-bottom, 0px); margin-left: var(--29xi2r-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--29xi2r-margin-top-tablet, 0px); margin-right: var(--29xi2r-margin-right-tablet, 0px); margin-bottom: var(--29xi2r-margin-bottom-tablet, 0px); margin-left: var(--29xi2r-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--29xi2r-margin-top-mobile, 0px); margin-right: var(--29xi2r-margin-right-mobile, 0px); margin-bottom: var(--29xi2r-margin-bottom-mobile, 0px); margin-left: var(--29xi2r-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--29xi2r-comparePriceColor); text-decoration: var(--29xi2r-decoration,none); font-size: calc(var(--29xi2r-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--29xi2r-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-8g2oln"] { --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-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-8g2oln"] { margin-top: var(--8g2oln-margin-top, 0px); margin-right: var(--8g2oln-margin-right, 0px); margin-bottom: var(--8g2oln-margin-bottom, 0px); margin-left: var(--8g2oln-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8g2oln-margin-top-tablet, 0px); margin-right: var(--8g2oln-margin-right-tablet, 0px); margin-bottom: var(--8g2oln-margin-bottom-tablet, 0px); margin-left: var(--8g2oln-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8g2oln-margin-top-mobile, 0px); margin-right: var(--8g2oln-margin-right-mobile, 0px); margin-bottom: var(--8g2oln-margin-bottom-mobile, 0px); margin-left: var(--8g2oln-margin-left-mobile, 0px); } }[data-bnode="omnise-fq82t0"] { --fq82t0-variantType: options; --fq82t0-variantType-tablet: options; --fq82t0-variantType-mobile: options; --fq82t0-headerState: normal; --fq82t0-headerState-tablet: normal; --fq82t0-headerState-mobile: normal; --fq82t0-borderStyle: solid; --fq82t0-borderStyle-tablet: solid; --fq82t0-borderStyle-mobile: solid; --fq82t0-borderWidth: 1px; --fq82t0-borderWidth-tablet: 1px; --fq82t0-borderWidth-mobile: 1px; --fq82t0-styleColor: square; --fq82t0-styleColor-tablet: square; --fq82t0-styleColor-mobile: square; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing-mobile: 0px; --fq82t0-labelTypo: p3; --fq82t0-labelTypo-tablet: p3; --fq82t0-labelTypo-mobile: p3; --omnise-labelTypo-text-align: start; --fq82t0-activeValueTypo: p; --fq82t0-activeValueTypo-tablet: p; --fq82t0-activeValueTypo-mobile: p; --omnise-activeValueTypo-text-align: start; --omnise-activeValueTypo-font-weight: 700; --fq82t0-sizeColor: 64px; --fq82t0-sizeColor-tablet: 64px; --fq82t0-sizeColor-mobile: 64px; --fq82t0-paddingX: 24px; --fq82t0-paddingX-tablet: 24px; --fq82t0-paddingX-mobile: 24px; --fq82t0-paddingY: 8px; --fq82t0-paddingY-tablet: 8px; --fq82t0-paddingY-mobile: 8px; --fq82t0-borderRadius: 8px; --fq82t0-borderRadius-tablet: 8px; --fq82t0-borderRadius-mobile: 8px; }[data-bnode="omnise-fq82t0"] { margin-top: var(--fq82t0-margin-top, 0px); margin-right: var(--fq82t0-margin-right, 0px); margin-bottom: var(--fq82t0-margin-bottom, 0px); margin-left: var(--fq82t0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fq82t0-margin-top-tablet, 0px); margin-right: var(--fq82t0-margin-right-tablet, 0px); margin-bottom: var(--fq82t0-margin-bottom-tablet, 0px); margin-left: var(--fq82t0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fq82t0-margin-top-mobile, 0px); margin-right: var(--fq82t0-margin-right-mobile, 0px); margin-bottom: var(--fq82t0-margin-bottom-mobile, 0px); margin-left: var(--fq82t0-margin-left-mobile, 0px); } &.omnise-variant-box { display: flex; flex-direction: column; gap: 12px; width: 100%; .omnise-option { display: flex; flex-direction: column; gap: 6px; } .omnise-option-heading { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .omnise-option-lb { font-size: var(--omnise-labelTypo-font-size); font-weight: var(--omnise-labelTypo-font-weight); line-height: var(--omnise-labelTypo-line-height); letter-spacing: var(--omnise-labelTypo-letter-spacing); text-transform: var(--omnise-labelTypo-text-transform); color: var(--omnise-labelTypo-color, var(--omnise-text-color)); text-align: var(--omnise-labelTypo-text-align); } .omnise-option-active-value { font-size: var(--omnise-activeValueTypo-font-size); font-weight: var(--omnise-activeValueTypo-font-weight); line-height: var(--omnise-activeValueTypo-line-height); letter-spacing: var(--omnise-activeValueTypo-letter-spacing); text-transform: var(--omnise-activeValueTypo-text-transform); color: var(--omnise-activeValueTypo-color, var(--omnise-text-color)); text-align: var(--omnise-activeValueTypo-text-align); } .omnise-size-chart { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; gap: var(--fq82t0-iconGap, 5px); background: none; border: 0; padding: 0; cursor: pointer; } .omnise-size-chart[omnise-btn-po="right"] { flex-direction: row-reverse; } .omnise-size-chart-icon { display: inline-flex; align-items: center; justify-content: center; width: var(--fq82t0-iconWidth, 20px); min-width: var(--fq82t0-iconWidth, 20px); } .omnise-size-chart-icon > svg, .omnise-size-chart-icon > img { width: 100%; height: auto; } .omnise-size-chart-modal-backdrop { position: fixed; inset: 0; z-index: 9999; box-sizing: border-box; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; border: 0; background: rgba(17, 24, 39, 0); padding: 24px 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: background-color 220ms ease; } .omnise-size-chart-modal-backdrop[data-state="open"] { background: rgba(17, 24, 39, 0.34); } .omnise-size-chart-modal-backdrop::backdrop { background: transparent; } .omnise-size-chart-modal-backdrop[hidden] { display: none !important; } .omnise-size-chart-modal-dialog { width: min(720px, 100%); margin: auto; max-height: calc(100dvh - 48px); overflow-x: hidden; overflow-y: auto; background: #ffffff; border-radius: 18px; box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18); color: #111827; opacity: 0; transform: scale(0.94); transform-origin: center; transition: opacity 220ms ease, transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1); } .omnise-size-chart-modal-backdrop[data-state="open"] .omnise-size-chart-modal-dialog { opacity: 1; transform: scale(1); } .omnise-size-chart-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 18px 10px; } .omnise-size-chart-modal-heading { font-size: 32px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; } .omnise-size-chart-modal-close { width: 40px; height: 40px; border: 0; border-radius: 999px; background: #F3F4F6; color: #111827; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; } .omnise-size-chart-modal-body { padding: 10px 18px 18px; img{ width: 100%; height: 100%; } } .omnise-size-chart-modal-empty, .omnise-size-chart-modal-placeholder, .omnise-size-chart-modal-preview-note { color: #6B7280; } .omnise-size-chart-modal-content { color: #111827; } .omnise-size-chart-modal-preview-note { margin-bottom: 12px; } .omnise-size-chart-modal-fallback { width: 100%; } .omnise-size-chart-template { width: 100%; } .omnise-size-chart-template-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; } .omnise-size-chart-template-select { font-size: 16px; line-height: 1.4; font-weight: 600; color: #111827; } .omnise-size-chart-template-select::after { content: "⌄"; margin-left: 6px; font-size: 12px; } .omnise-size-chart-template-units { display: inline-flex; align-items: center; gap: 8px; } .omnise-size-chart-template-unit { min-width: 42px; height: 42px; padding: 0 14px; border-radius: 999px; background: #F3F4F6; color: #111827; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; } .omnise-size-chart-template-unit-active { background: #111111; color: #FFFFFF; } .omnise-size-chart-template-table-wrap { overflow-x: auto; } .omnise-size-chart-template-table { width: 100%; min-width: 640px; border-collapse: collapse; color: #374151; } .omnise-size-chart-template-table th, .omnise-size-chart-template-table td { padding: 20px 18px; text-align: center; border-bottom: 1px solid #E5E7EB; } .omnise-size-chart-template-table th:first-child, .omnise-size-chart-template-table td:first-child { border-right: 1px solid #E5E7EB; } .omnise-size-chart-template-table th { background: #F7F7F7; color: #374151; font-size: 15px; font-weight: 700; } .omnise-size-chart-template-table td:first-child { font-weight: 700; } .omnise-size-chart-template-note { margin-top: 16px; font-size: 14px; line-height: 1.5; color: #9CA3AF; } @media (max-width: 767px) { .omnise-size-chart-modal-backdrop { padding: 12px; } .omnise-size-chart-modal-dialog { border-radius: 16px; max-height: calc(100dvh - 24px); } .omnise-size-chart-modal-header { padding: 16px 16px 8px; } .omnise-size-chart-modal-heading { font-size: 24px; } .omnise-size-chart-modal-body { padding: 8px 16px 16px; } } @media (prefers-reduced-motion: reduce) { .omnise-size-chart-modal-backdrop, .omnise-size-chart-modal-dialog { transition-duration: 0.01ms !important; } } @media (min-width: 767.79px) and (max-width: 1180px) { .omnise-option-lb { font-size: var(--omnise-labelTypo-font-size-tablet); line-height: var(--omnise-labelTypo-line-height-tablet); letter-spacing: var(--omnise-labelTypo-letter-spacing-tablet); text-align: var(--omnise-labelTypo-text-align-tablet); } .omnise-option-active-value { font-size: var(--omnise-activeValueTypo-font-size-tablet); line-height: var(--omnise-activeValueTypo-line-height-tablet); letter-spacing: var(--omnise-activeValueTypo-letter-spacing-tablet); text-align: var(--omnise-activeValueTypo-text-align-tablet); } } @media (max-width: 767px) { .omnise-option-lb { font-size: var(--omnise-labelTypo-font-size-mobile); line-height: var(--omnise-labelTypo-line-height-mobile); letter-spacing: var(--omnise-labelTypo-letter-spacing-mobile); text-align: var(--omnise-labelTypo-text-align-mobile); } .omnise-option-active-value { font-size: var(--omnise-activeValueTypo-font-size-mobile); line-height: var(--omnise-activeValueTypo-line-height-mobile); letter-spacing: var(--omnise-activeValueTypo-letter-spacing-mobile); text-align: var(--omnise-activeValueTypo-text-align-mobile); } } /* ===== SWATCH WRAP ===== */ .omnise-swatch { display: flex; flex-wrap: wrap; gap: 6px; &.omnise-p{ justify-content: var(--omnise-p-text-align, start); } &.omnise-p2{ justify-content: var(--omnise-p2-text-align, start); } &.omnise-p3{ justify-content: var(--omnise-p3-text-align, start); } @media (min-width: 767.79px) and (max-width: 1180px) { &.omnise-p{ justify-content: var(--omnise-p-text-align-tablet, var(--omnise-p-text-align, start)); } &.omnise-p2{ justify-content: var(--omnise-p2-text-align-tablet, var(--omnise-p2-text-align, start)); } &.omnise-p3{ justify-content: var(--omnise-p3-text-align-tablet, var(--omnise-p3-text-align, start)); } } @media (max-width: 767px) { &.omnise-p{ justify-content: var(--omnise-p-text-align-mobile, var(--omnise-p-text-align, start)); } &.omnise-p2{ justify-content: var(--omnise-p2-text-align-mobile, var(--omnise-p2-text-align, start)); } &.omnise-p3{ justify-content: var(--omnise-p3-text-align-mobile, var(--omnise-p3-text-align, start)); } } } /* ===== RADIO ===== */ .omnise-radio-wrap { display: inline-flex; align-items: center; cursor: pointer; margin: 0; position: relative; transition: all 0.2s; } .omnise-radio { position: absolute; opacity: 0; pointer-events: none; } .omnise-radio-lb { display: inline-block; padding-inline: var(--fq82t0-paddingX, 20px); padding-block: var(--fq82t0-paddingY, 12px); background-color: var(--fq82t0-tabBg, #F5F5F5); cursor: pointer; border-style: var(--fq82t0-borderStyle, none); border-color: var(--fq82t0-borderColor, #D1D1D1); border-width: var(--fq82t0-borderWidth,0px); border-radius: var(--fq82t0-borderRadius, 0px); box-shadow: var(--fq82t0-shadowHorizontal, 0px) var(--fq82t0-shadowVertical, 0px) var(--fq82t0-shadowBlur, 0px) 1px color-mix( in srgb, var(--fq82t0-shadowColor, #000000) var(--fq82t0-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .omnise-radio-wrap:hover .omnise-radio-lb { background-color: var(--fq82t0-tabBgHover,#cccccc); color: var(--fq82t0-colorHover,#333333); border-color: var(--fq82t0-borderColorHover, var(--fq82t0-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .omnise-radio:checked + .omnise-radio-lb { background-color: var(--fq82t0-tabBgActive, #000); color: var(--fq82t0-colorActive, #fff); border-color: var(--fq82t0-borderColorActive, var(--fq82t0-borderColor, #D1D1D1)); } /* ===== DISABLED ===== */ .omnise-variant-disabled { opacity: 0.3 !important; pointer-events: none !important; cursor: not-allowed !important; } /* ===== COLOR SWATCH ===== */ .omnise-swatch-color, .omnise-swatch-image { width: var(--fq82t0-sizeColor,40px); height: var(--fq82t0-sizeColor,40px); padding: 0; overflow: hidden; transition: all .2s; border-radius: if(style(--fq82t0-styleColor : true ): 50%; else: var(--fq82t0-borderRadius,0px)); border: var(--fq82t0-borderWidth,0) solid color-mix( in srgb, var(--fq82t0-borderColor,#D1D1D1) 30%, transparent ); box-shadow: var(--fq82t0-shadowHorizontal,0px) var(--fq82t0-shadowVertical,0px) var(--fq82t0-shadowBlur,0px) 1px color-mix( in srgb, var(--fq82t0-shadowColor,#000) var(--fq82t0-shadowTransparent,0%), transparent ); .omnise-radio-lb { display: none; } &:hover { border-color: var(--fq82t0-borderColorHover,#000); } &:has(.omnise-radio:checked) { border-color: var(--fq82t0-borderColorActive,#000); padding: 2px !important; } &.omnise-variant-disabled { position: relative; &::after { content: ""; position: absolute; inset: 0; border-radius: inherit; mask-image: linear-gradient( to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px) ); mask-mode: alpha; background: #000; pointer-events: none; z-index: 2; } } @media (min-width: 767.79px) and (max-width:1180px) { width: var(--fq82t0-sizeColor-tablet,var(--fq82t0-sizeColor,40px)); height: var(--fq82t0-sizeColor-tablet,var(--fq82t0-sizeColor,40px)); } @media (max-width:767px) { width: var(--fq82t0-sizeColor-mobile,var(--fq82t0-sizeColor,40px)); height: var(--fq82t0-sizeColor-mobile,var(--fq82t0-sizeColor,40px)); } } .omnise-swatch-color { background-color: #eee; background-clip: content-box; } .omnise-swatch-image { background-color: #eee; background-position: center; background-repeat: no-repeat; background-size: cover; } /* ===== DROPDOWN ===== */ .omnise-swatch-sel { display: inline-block; padding-inline: var(--fq82t0-paddingX, 20px); padding-block: var(--fq82t0-paddingY, 12px); background-color: var(--fq82t0-tabBg, #F5F5F5); cursor: pointer; border-style: var(--fq82t0-borderStyle, none); border-color: var(--fq82t0-borderColor, #D1D1D1); border-width: var(--fq82t0-borderWidth,0px); border-radius: var(--fq82t0-borderRadius, 0px); box-shadow: var(--fq82t0-shadowHorizontal, 0px) var(--fq82t0-shadowVertical, 0px) var(--fq82t0-shadowBlur, 0px) 1px color-mix( in srgb, var(--fq82t0-shadowColor, #000000) var(--fq82t0-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .omnise-swatch-sel:hover { color: var(--fq82t0-colorHover, #333333); background-color: var(--fq82t0-tabBgHover, #cccccc); border-color: var(--fq82t0-borderColorHover, #000000); } .omnise-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="omnise-mr4ujx"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-mr4ujx"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-mr4ujx"] {                gap: 16px;     }  }[data-bnode="omnise-qsq6xj"] { --qsq6xj-width: 130px; --qsq6xj-width-tablet: 130px; --qsq6xj-width-mobile: 130px; --qsq6xj-height: 45px; --qsq6xj-height-tablet: 45px; --qsq6xj-height-mobile: 45px; --qsq6xj-borderStyle: none; --qsq6xj-borderStyle-tablet: none; --qsq6xj-borderStyle-mobile: none; --qsq6xj-margin-top: 0px; --qsq6xj-margin-top-tablet: 0px; --qsq6xj-margin-top-mobile: 0px; --qsq6xj-margin-right: 0px; --qsq6xj-margin-right-tablet: 0px; --qsq6xj-margin-right-mobile: 0px; --qsq6xj-margin-bottom: 0px; --qsq6xj-margin-bottom-tablet: 0px; --qsq6xj-margin-bottom-mobile: 0px; --qsq6xj-margin-left: 0px; --qsq6xj-margin-left-tablet: 0px; --qsq6xj-margin-left-mobile: 0px; --qsq6xj-enableShadow: false; --qsq6xj-enableShadow-tablet: false; --qsq6xj-enableShadow-mobile: false; --qsq6xj-btnWdith: 80px; --qsq6xj-btnWdith-tablet: 80px; --qsq6xj-btnWdith-mobile: 80px; --qsq6xj-typography: p; --qsq6xj-typography-tablet: p; --qsq6xj-typography-mobile: p; --qsq6xj-inputWidth: 60px; --qsq6xj-inputWidth-tablet: 60px; --qsq6xj-inputWidth-mobile: 60px; --qsq6xj-btnWidth: 40px; --qsq6xj-btnWidth-tablet: 40px; --qsq6xj-btnWidth-mobile: 40px; --omnise-p-font-weight: 600; --omnise-p-color: #000000; }[data-bnode="omnise-qsq6xj"] { margin-top: var(--qsq6xj-margin-top, 0px); margin-right: var(--qsq6xj-margin-right, 0px); margin-bottom: var(--qsq6xj-margin-bottom, 0px); margin-left: var(--qsq6xj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qsq6xj-margin-top-tablet, 0px); margin-right: var(--qsq6xj-margin-right-tablet, 0px); margin-bottom: var(--qsq6xj-margin-bottom-tablet, 0px); margin-left: var(--qsq6xj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qsq6xj-margin-top-mobile, 0px); margin-right: var(--qsq6xj-margin-right-mobile, 0px); margin-bottom: var(--qsq6xj-margin-bottom-mobile, 0px); margin-left: var(--qsq6xj-margin-left-mobile, 0px); } &.omnise-qty { display: flex; flex-direction: column; gap: var(--qsq6xj-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--qsq6xj-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--qsq6xj-gap-mobile, 16px); } .omnise-qty-wrap { display: flex; align-items: stretch; width: if(style(--qsq6xj-inputWidth: 100%): 100%; else: fit-content); border-style: var(--qsq6xj-borderStyle,solid); border-color: var(--qsq6xj-borderColor,#000000); border-width: var(--qsq6xj-borderWidth-tl,0px) var(--qsq6xj-borderWidth-tr,0px) var(--qsq6xj-borderWidth-br,0px) var(--qsq6xj-borderWidth-bl,0px); border-radius: var(--qsq6xj-borderRadius-tl,0px) var(--qsq6xj-borderRadius-tr,0px) var(--qsq6xj-borderRadius-br,0px) var(--qsq6xj-borderRadius-bl,0px); box-shadow: var(--qsq6xj-shadowHorizontal, 0) var(--qsq6xj-shadowVertical, 0) var(--qsq6xj-shadowBlur, 0) 0 var(--qsq6xj-shadowColor, #000000); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px) { width: if(style(--qsq6xj-inputWidth-tablet: 100%): 100%; else: fit-content); border-width: var(--qsq6xj-borderWidth-tl-tablet, 0px) var(--qsq6xj-borderWidth-tr-tablet, 0px) var(--qsq6xj-borderWidth-br-tablet, 0px) var(--qsq6xj-borderWidth-bl-tablet, 0px); border-radius: var(--qsq6xj-borderRadius-tl-tablet, 0px) var(--qsq6xj-borderRadius-tr-tablet, 0px) var(--qsq6xj-borderRadius-br-tablet, 0px) var(--qsq6xj-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { width: if(style(--qsq6xj-inputWidth-mobile: 100%): 100%; else: fit-content); border-width: var(--qsq6xj-borderWidth-tl-mobile, 0px) var(--qsq6xj-borderWidth-tr-mobile, 0px) var(--qsq6xj-borderWidth-br-mobile, 0px) var(--qsq6xj-borderWidth-bl-mobile, 0px); border-radius: var(--qsq6xj-borderRadius-tl-mobile, 0px) var(--qsq6xj-borderRadius-tr-mobile, 0px) var(--qsq6xj-borderRadius-br-mobile, 0px) var(--qsq6xj-borderRadius-bl-mobile, 0px); } } .omnise-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--qsq6xj-btnWidth, 40px); height: var(--qsq6xj-btnWidth, 40px); padding: 0; border: none; background: var(--qsq6xj-btnBg, #f5f5f5); color: var(--qsq6xj-btnColor, #333); cursor: pointer; transition: opacity 0.2s; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--qsq6xj-btnWidth-tablet, 40px); height: var(--qsq6xj-btnWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--qsq6xj-btnWidth-mobile, 40px); height: var(--qsq6xj-btnWidth-mobile, 40px); } } .omnise-qty-input { flex: 1; min-width: 0; width: var(--qsq6xj-inputWidth, 40px); text-align: center; border: none; color: var(--qsq6xj-inputColor, #333); background: var(--qsq6xj-inputBg, #ffffff); font-size: 16px; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--qsq6xj-inputWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--qsq6xj-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-nkqk5n"] { --nkqk5n-typography: p; --nkqk5n-typography-tablet: p; --nkqk5n-typography-mobile: p; --nkqk5n-veryLowColor: #e74c3c; --nkqk5n-veryLowColor-tablet: #e74c3c; --nkqk5n-veryLowColor-mobile: #e74c3c; --nkqk5n-lowColor: #f1c40f; --nkqk5n-lowColor-tablet: #f1c40f; --nkqk5n-lowColor-mobile: #f1c40f; --nkqk5n-progressHeight: 4px; --nkqk5n-progressHeight-tablet: 4px; --nkqk5n-progressHeight-mobile: 4px; --nkqk5n-margin-top: 0px; --nkqk5n-margin-top-tablet: 0px; --nkqk5n-margin-top-mobile: 0px; --nkqk5n-margin-right: 0px; --nkqk5n-margin-right-tablet: 0px; --nkqk5n-margin-right-mobile: 0px; --nkqk5n-margin-bottom: 0px; --nkqk5n-margin-bottom-tablet: 0px; --nkqk5n-margin-bottom-mobile: 0px; --nkqk5n-margin-left: 0px; --nkqk5n-margin-left-tablet: 0px; --nkqk5n-margin-left-mobile: 0px; --nkqk5n-color: #08823B; --nkqk5n-color-tablet: #08823B; --nkqk5n-color-mobile: #08823B; }[data-bnode="omnise-nkqk5n"] { margin-top: var(--nkqk5n-margin-top, 0px); margin-right: var(--nkqk5n-margin-right, 0px); margin-bottom: var(--nkqk5n-margin-bottom, 0px); margin-left: var(--nkqk5n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nkqk5n-margin-top-tablet, 0px); margin-right: var(--nkqk5n-margin-right-tablet, 0px); margin-bottom: var(--nkqk5n-margin-bottom-tablet, 0px); margin-left: var(--nkqk5n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nkqk5n-margin-top-mobile, 0px); margin-right: var(--nkqk5n-margin-right-mobile, 0px); margin-bottom: var(--nkqk5n-margin-bottom-mobile, 0px); margin-left: var(--nkqk5n-margin-left-mobile, 0px); } &.omnise-inventory-low { color: var(--nkqk5n-lowColor); } &.omnise-inventory-critical, &.omnise-inventory-out { color: var(--nkqk5n-veryLowColor); } & .omnise-inventory-text{ display:none; &.omnise-show{ display:block; } } & .omnise-inventory-progress { width: 100%; height: var(--nkqk5n-progressHeight,4px); background: rgba(0, 0, 0, 0.08); border-radius: 999px; overflow: hidden; margin-top: 6px; & .omnise-inventory-progress-bar { display:block; height: 100%; width: 0%; background: var(--nkqk5n-lowColor); border-radius: 999px; transition: width 0.3s ease; } } &.omnise-inventory-critical .omnise-inventory-progress-bar { background: var(--nkqk5n-veryLowColor); } &.omnise-inventory-out .omnise-inventory-progress-bar { background: var(--nkqk5n-veryLowColor); width: 0% !important; } }[data-bnode="omnise-o86d0o"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-o86d0o"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-o86d0o"] {                gap: 12px;     }  }[data-bnode="omnise-jv8jxb"] { --jv8jxb-width: fill; --jv8jxb-width-tablet: fill; --jv8jxb-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; --jv8jxb-transform: none; --jv8jxb-transform-tablet: none; --jv8jxb-transform-mobile: none; --jv8jxb-iconWidth: 20px; --jv8jxb-iconWidth-tablet: 20px; --jv8jxb-iconWidth-mobile: 20px; --jv8jxb-iconGap: 5px; --jv8jxb-iconGap-tablet: 5px; --jv8jxb-iconGap-mobile: 5px; --jv8jxb-button: pr; --jv8jxb-button-tablet: pr; --jv8jxb-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; }[data-bnode="omnise-jv8jxb"] { margin-top: var(--jv8jxb-margin-top, 0px); margin-right: var(--jv8jxb-margin-right, 0px); margin-bottom: var(--jv8jxb-margin-bottom, 0px); margin-left: var(--jv8jxb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jv8jxb-margin-top-tablet, 0px); margin-right: var(--jv8jxb-margin-right-tablet, 0px); margin-bottom: var(--jv8jxb-margin-bottom-tablet, 0px); margin-left: var(--jv8jxb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jv8jxb-margin-top-mobile, 0px); margin-right: var(--jv8jxb-margin-right-mobile, 0px); margin-bottom: var(--jv8jxb-margin-bottom-mobile, 0px); margin-left: var(--jv8jxb-margin-left-mobile, 0px); } &.omnise-co-btn { gap: var(--jv8jxb-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--jv8jxb-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--jv8jxb-bgBtnHover)) * 1%)); style(--jv8jxb-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--jv8jxb-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--jv8jxb-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--jv8jxb-labelBtnHover)) * 1%)); style(--jv8jxb-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--jv8jxb-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--jv8jxb-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--jv8jxb-borderBtnHover)) * 1%)); style(--jv8jxb-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--jv8jxb-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--jv8jxb-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--jv8jxb-bgBtnHover)) * 1%)); style(--jv8jxb-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--jv8jxb-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--jv8jxb-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--jv8jxb-labelBtnHover)) * 1%)); style(--jv8jxb-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--jv8jxb-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--jv8jxb-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--jv8jxb-borderBtnHover)) * 1%)); style(--jv8jxb-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--jv8jxb-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--jv8jxb-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--jv8jxb-labelBtnHover)) * 1%)); style(--jv8jxb-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--jv8jxb-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--jv8jxb-iconWidth,20px); min-width: var(--jv8jxb-iconWidth,-20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { gap: var(--jv8jxb-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } svg { width: var(--jv8jxb-iconWidth-tablet, var(--jv8jxb-iconWidth,20px)); min-width: var(--jv8jxb-iconWidth-tablet,var(--jv8jxb-iconWidth,20px)); } } @media(max-width: 767px){ gap: var(--jv8jxb-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--jv8jxb-iconWidth-mobile,var(--jv8jxb-iconWidth,20px)); min-width: var(--jv8jxb-iconWidth-mobile,var(--jv8jxb-iconWidth,20px)); } } } }[data-bnode="omnise-aru7sq"] { --aru7sq-button: se; --aru7sq-button-tablet: se; --aru7sq-button-mobile: se; --aru7sq-width: fill; --aru7sq-width-tablet: fill; --aru7sq-width-mobile: fill; --aru7sq-transform: none; --aru7sq-transform-tablet: none; --aru7sq-transform-mobile: none; --aru7sq-iconWidth: 20px; --aru7sq-iconWidth-tablet: 20px; --aru7sq-iconWidth-mobile: 20px; --aru7sq-iconGap: 5px; --aru7sq-iconGap-tablet: 5px; --aru7sq-iconGap-mobile: 5px; --omnise-btn-te-label-color: #121212; --omnise-btn-height-tablet: 45px; }[data-bnode="omnise-aru7sq"] { margin-top: var(--aru7sq-margin-top, 0px); margin-right: var(--aru7sq-margin-right, 0px); margin-bottom: var(--aru7sq-margin-bottom, 0px); margin-left: var(--aru7sq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--aru7sq-margin-top-tablet, 0px); margin-right: var(--aru7sq-margin-right-tablet, 0px); margin-bottom: var(--aru7sq-margin-bottom-tablet, 0px); margin-left: var(--aru7sq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--aru7sq-margin-top-mobile, 0px); margin-right: var(--aru7sq-margin-right-mobile, 0px); margin-bottom: var(--aru7sq-margin-bottom-mobile, 0px); margin-left: var(--aru7sq-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--aru7sq-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--aru7sq-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--aru7sq-bgBtnHover)) * 1%)); style(--aru7sq-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--aru7sq-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--aru7sq-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--aru7sq-labelBtnHover)) * 1%)); style(--aru7sq-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--aru7sq-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--aru7sq-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--aru7sq-borderBtnHover)) * 1%)); style(--aru7sq-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--aru7sq-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--aru7sq-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--aru7sq-bgBtnHover)) * 1%)); style(--aru7sq-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--aru7sq-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--aru7sq-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--aru7sq-labelBtnHover)) * 1%)); style(--aru7sq-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--aru7sq-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--aru7sq-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--aru7sq-borderBtnHover)) * 1%)); style(--aru7sq-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--aru7sq-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--aru7sq-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--aru7sq-labelBtnHover)) * 1%)); style(--aru7sq-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--aru7sq-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--aru7sq-iconWidth,20px); min-width: var(--aru7sq-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(--aru7sq-iconGap-tablet); svg { width: var(--aru7sq-iconWidth-tablet,var(--aru7sq-iconWidth,20px)); min-width: var(--aru7sq-iconWidth-tablet,var(--aru7sq-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--aru7sq-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--aru7sq-iconWidth-mobile,var(--aru7sq-iconWidth,20px)); min-width: var(--aru7sq-iconWidth-mobile,var(--aru7sq-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-80u3x5"] { border-style: solid; border-color: #008c62; border-width: 2px 2px 2px 12px; border-radius: 8px 8px 8px 8px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; } [data-bnode="omnise-80u3x5"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: center;           &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-80u3x5"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-80u3x5"] {                     }  }[data-bnode="omnise-u4581v"] { --u4581v-iconColor: #008c62; --u4581v-iconColor-tablet: #008c62; --u4581v-iconColor-mobile: #008c62; }[data-bnode="omnise-u4581v"] { margin-top: var(--u4581v-margin-top, 0px); margin-right: var(--u4581v-margin-right, 0px); margin-bottom: var(--u4581v-margin-bottom, 0px); margin-left: var(--u4581v-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u4581v-margin-top-tablet, 0px); margin-right: var(--u4581v-margin-right-tablet, 0px); margin-bottom: var(--u4581v-margin-bottom-tablet, 0px); margin-left: var(--u4581v-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u4581v-margin-top-mobile, 0px); margin-right: var(--u4581v-margin-right-mobile, 0px); margin-bottom: var(--u4581v-margin-bottom-mobile, 0px); margin-left: var(--u4581v-margin-left-mobile, 0px); } & { display: flex; align-items:center; justify-content: center; padding: var(--u4581v-padding, 4px); border-style: var(--u4581v-borderStyle,solid); border-color: var(--u4581v-borderColor,#000000); border-width: var(--u4581v-borderWidth-tl,0px) var(--u4581v-borderWidth-tr,0px) var(--u4581v-borderWidth-br,0px) var(--u4581v-borderWidth-bl,0px); border-radius: var(--u4581v-borderRadius-tl,0px) var(--u4581v-borderRadius-tr,0px) var(--u4581v-borderRadius-br,0px) var(--u4581v-borderRadius-bl,0px); box-shadow: if( style(--u4581v-enableShadow: true): var(--u4581v-shadowHorizontal, 0) var(--u4581v-shadowVertical, 0) var(--u4581v-shadowBlur, 0) 1px var(--u4581v-shadowColor, #000000); else: none ); color: var(--u4581v-iconColor,var(--omnise-text-color)); background-color: var(--u4581v-backgroundColor); overflow: hidden; width: var(--u4581v-size, 28px); min-width: var(--u4581v-size, 28px); height: fit-content; max-width: var(--u4581v-size, 28px); width: var(--u4581v-size-tablet, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--u4581v-borderWidth-tl-tablet,0px) var(--u4581v-borderWidth-tr-tablet,0px) var(--u4581v-borderWidth-br-tablet,0px) var(--u4581v-borderWidth-bl-tablet,0px); border-radius: var(--u4581v-borderRadius-tl-tablet,0px) var(--u4581v-borderRadius-tr-tablet,0px) var(--u4581v-borderRadius-br-tablet,0px) var(--u4581v-borderRadius-bl-tablet,0px); min-width: var(--u4581v-size-tablet, var(--u4581v-size, 28px)); max-width: var(--u4581v-size-tablet, var(--u4581v-size, 28px)); } @media(max-width: 767px){ width: var(--u4581v-size-mobile, var(--u4581v-size-tablet, var(--u4581v-size, 28px))); min-width: var(--u4581v-size-mobile, var(--u4581v-size-tablet, var(--u4581v-size, 28px))); max-width: var(--u4581v-size-mobile, var(--u4581v-size-tablet, var(--u4581v-size, 28px))); border-width: var(--u4581v-borderWidth-tl-mobile,0px) var(--u4581v-borderWidth-tr-mobile,0px) var(--u4581v-borderWidth-br-mobile,0px) var(--u4581v-borderWidth-bl-mobile,0px); border-radius: var(--u4581v-borderRadius-tl-mobile,0px) var(--u4581v-borderRadius-tr-mobile,0px) var(--u4581v-borderRadius-br-mobile,0px) var(--u4581v-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } }[data-bnode="omnise-gxvm4x"] { --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; }[data-bnode="omnise-gxvm4x"] { margin-top: var(--gxvm4x-margin-top, 0px); margin-right: var(--gxvm4x-margin-right, 0px); margin-bottom: var(--gxvm4x-margin-bottom, 0px); margin-left: var(--gxvm4x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gxvm4x-margin-top-tablet, 0px); margin-right: var(--gxvm4x-margin-right-tablet, 0px); margin-bottom: var(--gxvm4x-margin-bottom-tablet, 0px); margin-left: var(--gxvm4x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gxvm4x-margin-top-mobile, 0px); margin-right: var(--gxvm4x-margin-right-mobile, 0px); margin-bottom: var(--gxvm4x-margin-bottom-mobile, 0px); margin-left: var(--gxvm4x-margin-left-mobile, 0px); } &{ p { margin: 0; } a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; margin: 0.5em 0; } ul:first-child, ol:first-child { margin-top: 0; } ul:last-child, ol:last-child { margin-bottom: 0; } li p { margin: 0; } } }[data-bnode="omnise-m8pgww"] {     flex-direction: row;   flex-wrap: nowrap;              &>.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-m8pgww"] {                      &>.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 (max-width: 767px) {   [data-bnode="omnise-m8pgww"] {                      &>.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);    }   }  }[data-bnode="omnise-ztdkgw"] { --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --ztdkgw-typography: p; --ztdkgw-typography-tablet: p; --ztdkgw-typography-mobile: p; --omnise-p-text-align: start; --omnise-p-font-weight: 600; }[data-bnode="omnise-ztdkgw"] { margin-top: var(--ztdkgw-margin-top, 0px); margin-right: var(--ztdkgw-margin-right, 0px); margin-bottom: var(--ztdkgw-margin-bottom, 0px); margin-left: var(--ztdkgw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ztdkgw-margin-top-tablet, 0px); margin-right: var(--ztdkgw-margin-right-tablet, 0px); margin-bottom: var(--ztdkgw-margin-bottom-tablet, 0px); margin-left: var(--ztdkgw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ztdkgw-margin-top-mobile, 0px); margin-right: var(--ztdkgw-margin-right-mobile, 0px); margin-bottom: var(--ztdkgw-margin-bottom-mobile, 0px); margin-left: var(--ztdkgw-margin-left-mobile, 0px); } }[data-bnode="omnise-w5elog"] { --w5elog-typography: p; --w5elog-typography-tablet: p; --w5elog-typography-mobile: p; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; }[data-bnode="omnise-w5elog"] { margin-top: var(--w5elog-margin-top, 0px); margin-right: var(--w5elog-margin-right, 0px); margin-bottom: var(--w5elog-margin-bottom, 0px); margin-left: var(--w5elog-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w5elog-margin-top-tablet, 0px); margin-right: var(--w5elog-margin-right-tablet, 0px); margin-bottom: var(--w5elog-margin-bottom-tablet, 0px); margin-left: var(--w5elog-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w5elog-margin-top-mobile, 0px); margin-right: var(--w5elog-margin-right-mobile, 0px); margin-bottom: var(--w5elog-margin-bottom-mobile, 0px); margin-left: var(--w5elog-margin-left-mobile, 0px); } }[data-bnode="omnise-ncv8ce"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ncv8ce"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ncv8ce"] {                     }  }[data-bnode="omnise-lg9t3q"] { --lg9t3q-typography: h4; --lg9t3q-typography-tablet: h4; --lg9t3q-typography-mobile: h4; --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; --omnise-h4-text-align: start; }[data-bnode="omnise-lg9t3q"] { margin-top: var(--lg9t3q-margin-top, 0px); margin-right: var(--lg9t3q-margin-right, 0px); margin-bottom: var(--lg9t3q-margin-bottom, 0px); margin-left: var(--lg9t3q-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lg9t3q-margin-top-tablet, 0px); margin-right: var(--lg9t3q-margin-right-tablet, 0px); margin-bottom: var(--lg9t3q-margin-bottom-tablet, 0px); margin-left: var(--lg9t3q-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lg9t3q-margin-top-mobile, 0px); margin-right: var(--lg9t3q-margin-right-mobile, 0px); margin-bottom: var(--lg9t3q-margin-bottom-mobile, 0px); margin-left: var(--lg9t3q-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--lg9t3q-highlightColor,var(--omnise-p-color)); top: var(--lg9t3q-highlightTop, 100%); } }[data-bnode="omnise-2jzov8"] { --omnise-p-text-align: start; --2jzov8-borderStyle: none; --2jzov8-borderStyle-tablet: none; --2jzov8-borderStyle-mobile: none; --omnise-p-text-align-tablet: start; --omnise-p-font-size-mobile: 16px; --omnise-p-line-height-mobile: 1.5; --omnise-p-letter-spacing-mobile: 0px; --omnise-p-text-align-mobile: start; }[data-bnode="omnise-2jzov8"] { margin-top: var(--2jzov8-margin-top, 0px); margin-right: var(--2jzov8-margin-right, 0px); margin-bottom: var(--2jzov8-margin-bottom, 0px); margin-left: var(--2jzov8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2jzov8-margin-top-tablet, 0px); margin-right: var(--2jzov8-margin-right-tablet, 0px); margin-bottom: var(--2jzov8-margin-bottom-tablet, 0px); margin-left: var(--2jzov8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2jzov8-margin-top-mobile, 0px); margin-right: var(--2jzov8-margin-right-mobile, 0px); margin-bottom: var(--2jzov8-margin-bottom-mobile, 0px); margin-left: var(--2jzov8-margin-left-mobile, 0px); } &.omnise-metafield { overflow: hidden; p:first-child, ul:first-child { margin-top: 0; padding-top: 0; } p:last-child, ul:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child, ul:only-child { margin: 0; padding-block: 0; } } &.omnise-metafield--table { overflow: auto; } & .omnise-metafield-table { width: 100%; border-collapse: collapse; table-layout: var(--2jzov8-layout, fixed); min-width: var(--2jzov8-width, 640px); } & .omnise-metafield-table-cell { padding: var(--2jzov8-paddingY, 12px) var(--2jzov8-paddingX, 12px); vertical-align: top; vertical-align: var(--2jzov8-cellVerticalAlign, top); border-style: var(--2jzov8-cellBorderStyle, solid); border-color: var(--2jzov8-cellBorderColor, rgba(0, 0, 0, 0.08)); border-width: var(--2jzov8-cellBorderWidth-tl, 1px) var(--2jzov8-cellBorderWidth-tr, 1px) var(--2jzov8-cellBorderWidth-br, 1px) var(--2jzov8-cellBorderWidth-bl, 1px); background: var(--2jzov8-cellBg, transparent); word-break: break-word; text-align: left; } & .omnise-metafield-table-header-cell { background: var(--2jzov8-headerBg, #f5f5f5); } & .omnise-metafield-table-cell-striped { background: var(--2jzov8-stripedBg, transparent); } & .omnise-metafield-table-cell-even-column { background: var(--2jzov8-evenColumnBg, transparent); } & .omnise-metafield-table-cell.is-empty { background: rgba(0, 0, 0, 0.02); } & .omnise-metafield-table p:first-child, & .omnise-metafield-table ul:first-child { margin-top: 0; } & .omnise-metafield-table p:last-child, & .omnise-metafield-table ul:last-child { margin-bottom: 0; } @media(min-width: 767.79px) and (max-width: 1180px) { & .omnise-metafield-table-cell { padding: var(--2jzov8-paddingY-tablet, var(--2jzov8-paddingY, 12px)) var(--2jzov8-paddingX-tablet, var(--2jzov8-paddingX, 12px)); } } @media(max-width: 767px) { & .omnise-metafield-table-cell { padding: var(--2jzov8-paddingY-mobile, var(--2jzov8-paddingY, 12px)) var(--2jzov8-paddingX-mobile, var(--2jzov8-paddingX, 12px)); } } &.omnise-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="omnise-5jjbdu"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5jjbdu"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5jjbdu"] {                     }  }[data-bnode="omnise-u83ycl"] { --u83ycl-typography: h4; --u83ycl-typography-tablet: h4; --u83ycl-typography-mobile: h4; --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; --omnise-h4-text-align: start; --omnise-h4-font-size-mobile: 20px; --omnise-h4-line-height-mobile: 1.4; --omnise-h4-letter-spacing-mobile: 0px; }[data-bnode="omnise-u83ycl"] { margin-top: var(--u83ycl-margin-top, 0px); margin-right: var(--u83ycl-margin-right, 0px); margin-bottom: var(--u83ycl-margin-bottom, 0px); margin-left: var(--u83ycl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u83ycl-margin-top-tablet, 0px); margin-right: var(--u83ycl-margin-right-tablet, 0px); margin-bottom: var(--u83ycl-margin-bottom-tablet, 0px); margin-left: var(--u83ycl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u83ycl-margin-top-mobile, 0px); margin-right: var(--u83ycl-margin-right-mobile, 0px); margin-bottom: var(--u83ycl-margin-bottom-mobile, 0px); margin-left: var(--u83ycl-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--u83ycl-highlightColor,var(--omnise-p-color)); top: var(--u83ycl-highlightTop, 100%); } }[data-bnode="omnise-1o44oo"] { --1o44oo-listType: grid; --1o44oo-listType-tablet: grid; --1o44oo-listType-mobile: grid; --1o44oo-columns: 1; --1o44oo-columns-tablet: 1; --1o44oo-columns-mobile: 1; --1o44oo-navType: true; --1o44oo-navType-tablet: true; --1o44oo-navType-mobile: true; --1o44oo-navColor: #333333; --1o44oo-navColor-tablet: #333333; --1o44oo-navColor-mobile: #333333; --1o44oo-pagiType: true; --1o44oo-pagiType-tablet: true; --1o44oo-pagiType-mobile: true; --1o44oo-gap: 0px; --1o44oo-gap-tablet: 20px; --1o44oo-gap-mobile: 12px; --1o44oo-statePagination: normal; --1o44oo-statePagination-tablet: normal; --1o44oo-statePagination-mobile: normal; --1o44oo-columnsMobile-mobile: 1; }[data-bnode="omnise-1o44oo"] { margin-top: var(--1o44oo-margin-top, 0px); margin-right: var(--1o44oo-margin-right, 0px); margin-bottom: var(--1o44oo-margin-bottom, 0px); margin-left: var(--1o44oo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1o44oo-margin-top-tablet, 0px); margin-right: var(--1o44oo-margin-right-tablet, 0px); margin-bottom: var(--1o44oo-margin-bottom-tablet, 0px); margin-left: var(--1o44oo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1o44oo-margin-top-mobile, 0px); margin-right: var(--1o44oo-margin-right-mobile, 0px); margin-bottom: var(--1o44oo-margin-bottom-mobile, 0px); margin-left: var(--1o44oo-margin-left-mobile, 0px); } &.omnise-content-list { @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--1o44oo-gap, var(--omnise-grid-gap, 20px)); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--1o44oo-gap, var(--omnise-grid-gap, 20px)) * (var(--1o44oo-columns, 3) - 1) + 1px ) / var(--1o44oo-columns, 3) ); &:last-child { margin-right: var(--1o44oo-gap, var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { &[data-item="1"] { .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--1o44oo-columns, 3), minmax(0, 1fr)); gap: var(--1o44oo-gap, var(--omnise-grid-gap, 20px)); .omnise-slider-item { min-width: 0; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--1o44oo-gap-tablet, var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--1o44oo-gap-tablet, var(--omnise-grid-gap-tablet, 16px)) * (var(--1o44oo-columns-tablet, 3) - 1) ) / var(--1o44oo-columns-tablet, 3) ); &:last-child { margin-right: var(--1o44oo-gap-tablet, var(--omnise-grid-gap-tablet, 16px) ); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { &[data-item-tablet="1"] { .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--1o44oo-columns-tablet, 3), minmax(0, 1fr)); gap: var(--1o44oo-gap-tablet, var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { min-width: 0; } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--1o44oo-gap-mobile, var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--1o44oo-gap-mobile, 20px) * (var(--1o44oo-columnsMobile-mobile, 1) - 1) ) / var(--1o44oo-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--1o44oo-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { &[data-item-mobile="1"] { .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat( var(--1o44oo-columnsMobile-mobile, 1), minmax(0, 1fr) ); gap: var(--1o44oo-gap-mobile, var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { min-width: 0; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--1o44oo-navPadding, 12px); background: var(--1o44oo-navBg, #f5f5f5); color: var(--1o44oo-navColor, #333333); cursor: pointer; &:hover { background: var(--1o44oo-navBgHover, #cccccc); color: var(--1o44oo-navColorHover, #333333); } svg { width: var(--1o44oo-navIconSize, 20px); height: var(--1o44oo-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--1o44oo-pagiBg, #e6e6e6); &.active { background: var(--1o44oo-pagiBgActive, #181818); } &:not(.active):hover { background: var(--1o44oo-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--1o44oo-pagiColor, #e6e6e6); &.active { color: var(--1o44oo-pagiColorActive, #181818); } &:not(.active):hover { color: var(--1o44oo-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--1o44oo-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--1o44oo-pagiBg, #e6e6e6); &.active { background: var(--1o44oo-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--1o44oo-pagiBgHover, #cccccc); } } .omnise-slider-pagination-wrp { margin-top: 20px; } } }[data-bnode="omnise-3fssao"] { background: #ffffff; } [data-bnode="omnise-3fssao"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: flex-start;   gap: 12px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(50.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(50.00% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3fssao"] {                gap: 12px;      &>.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-3fssao"] {                gap: 12px;      &>.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);    }   }  }[data-bnode="omnise-ejljpv"] {   max-width: 100px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ejljpv"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-ejljpv"] {      }  } [data-bnode="omnise-ejljpv"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ejljpv"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ejljpv"] {                     }  }[data-bnode="omnise-dzn76y"] { --dzn76y-borderStyle: none; --dzn76y-borderStyle-tablet: none; --dzn76y-borderStyle-mobile: none; --dzn76y-borderColor: #000000; --dzn76y-borderColor-tablet: #000000; --dzn76y-borderColor-mobile: #000000; --dzn76y-borderWidth: 1px; --dzn76y-borderWidth-tablet: 1px; --dzn76y-borderWidth-mobile: 1px; --dzn76y-shadowHorizontal: 0; --dzn76y-shadowHorizontal-tablet: 0; --dzn76y-shadowHorizontal-mobile: 0; --dzn76y-shadowVertical: 0; --dzn76y-shadowVertical-tablet: 0; --dzn76y-shadowVertical-mobile: 0; --dzn76y-shadowBlur: 0; --dzn76y-shadowBlur-tablet: 0; --dzn76y-shadowBlur-mobile: 0; --dzn76y-shadowColor: #000000; --dzn76y-shadowColor-tablet: #000000; --dzn76y-shadowColor-mobile: #000000; --dzn76y-padding-top: 0px; --dzn76y-padding-top-tablet: 0px; --dzn76y-padding-top-mobile: 0px; --dzn76y-padding-right: 0px; --dzn76y-padding-right-tablet: 0px; --dzn76y-padding-right-mobile: 0px; --dzn76y-padding-bottom: 0px; --dzn76y-padding-bottom-tablet: 0px; --dzn76y-padding-bottom-mobile: 0px; --dzn76y-padding-left: 0px; --dzn76y-padding-left-tablet: 0px; --dzn76y-padding-left-mobile: 0px; --dzn76y-enableShadow: false; --dzn76y-enableShadow-tablet: false; --dzn76y-enableShadow-mobile: false; --dzn76y-imageRatio: auto; --dzn76y-imageRatio-tablet: auto; --dzn76y-imageRatio-mobile: auto; --dzn76y-borderRadius-tl: 8px; --dzn76y-borderRadius-tl-tablet: 8px; --dzn76y-borderRadius-tl-mobile: 8px; --dzn76y-borderRadius-tr: 8px; --dzn76y-borderRadius-tr-tablet: 8px; --dzn76y-borderRadius-tr-mobile: 8px; --dzn76y-borderRadius-bl: 8px; --dzn76y-borderRadius-bl-tablet: 8px; --dzn76y-borderRadius-bl-mobile: 8px; --dzn76y-borderRadius-br: 8px; --dzn76y-borderRadius-br-tablet: 8px; --dzn76y-borderRadius-br-mobile: 8px; }[data-bnode="omnise-dzn76y"] { margin-top: var(--dzn76y-margin-top, 0px); margin-right: var(--dzn76y-margin-right, 0px); margin-bottom: var(--dzn76y-margin-bottom, 0px); margin-left: var(--dzn76y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dzn76y-margin-top-tablet, 0px); margin-right: var(--dzn76y-margin-right-tablet, 0px); margin-bottom: var(--dzn76y-margin-bottom-tablet, 0px); margin-left: var(--dzn76y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dzn76y-margin-top-mobile, 0px); margin-right: var(--dzn76y-margin-right-mobile, 0px); margin-bottom: var(--dzn76y-margin-bottom-mobile, 0px); margin-left: var(--dzn76y-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--dzn76y-imageRatio, auto); overflow: hidden; border-style: var(--dzn76y-borderStyle, solid); border-color: var(--dzn76y-borderColor, var(--omnise-card-media-border-color)); border-width: var(--dzn76y-borderWidth-tl, var(--omnise-card-border-width)) var(--dzn76y-borderWidth-tr, var(--omnise-card-border-width)) var(--dzn76y-borderWidth-br, var(--omnise-card-border-width)) var(--dzn76y-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--dzn76y-borderRadius-tl, var(--omnise-card-border-radius)) var(--dzn76y-borderRadius-tr, var(--omnise-card-border-radius)) var(--dzn76y-borderRadius-br, var(--omnise-card-border-radius)) var(--dzn76y-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--dzn76y-shadowHorizontal, var(--omnise-card-shadow-x)) var(--dzn76y-shadowVertical, var(--omnise-card-shadow-y)) var(--dzn76y-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--dzn76y-shadowColor, var(--omnise-card-media-shadow-color)) var(--dzn76y-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--dzn76y-imageRatio-tablet, var(--dzn76y-imageRatio, auto)); border-width: var(--dzn76y-borderWidth-tl-tablet, var(--dzn76y-borderWidth-tl, var(--omnise-card-border-width))) var(--dzn76y-borderWidth-tr-tablet, var(--dzn76y-borderWidth-tr, var(--omnise-card-border-width))) var(--dzn76y-borderWidth-br-tablet, var(--dzn76y-borderWidth-br, var(--omnise-card-border-width))) var(--dzn76y-borderWidth-bl-tablet, var(--dzn76y-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--dzn76y-borderRadius-tl-tablet, var(--dzn76y-borderRadius-tl, var(--omnise-card-border-radius))) var(--dzn76y-borderRadius-tr-tablet, var(--dzn76y-borderRadius-tr, var(--omnise-card-border-radius))) var(--dzn76y-borderRadius-br-tablet, var(--dzn76y-borderRadius-br, var(--omnise-card-border-radius))) var(--dzn76y-borderRadius-bl-tablet, var(--dzn76y-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--dzn76y-max-width-tablet, var(--dzn76y-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--dzn76y-imageRatio-mobile, var(--dzn76y-imageRatio, auto)); border-width: var(--dzn76y-borderWidth-tl-mobile, var(--dzn76y-borderWidth-tl, var(--omnise-card-border-width))) var(--dzn76y-borderWidth-tr-mobile, var(--dzn76y-borderWidth-tr, var(--omnise-card-border-width))) var(--dzn76y-borderWidth-br-mobile, var(--dzn76y-borderWidth-br, var(--omnise-card-border-width))) var(--dzn76y-borderWidth-bl-mobile, var(--dzn76y-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--dzn76y-borderRadius-tl-mobile, var(--dzn76y-borderRadius-tl, var(--omnise-card-border-radius))) var(--dzn76y-borderRadius-tr-mobile, var(--dzn76y-borderRadius-tr, var(--omnise-card-border-radius))) var(--dzn76y-borderRadius-br-mobile, var(--dzn76y-borderRadius-br, var(--omnise-card-border-radius))) var(--dzn76y-borderRadius-bl-mobile, var(--dzn76y-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--dzn76y-max-width-mobile, var(--dzn76y-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-5z5ljb"] {        flex-wrap: nowrap;        gap: 4px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-5z5ljb"] {                gap: 4px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-5z5ljb"] {                gap: 4px;     }  }[data-bnode="omnise-nhf52n"] { --nhf52n-typography: h5; --nhf52n-typography-tablet: h5; --nhf52n-typography-mobile: h5; --omnise-h5-text-align: start; --omnise-h5-font-weight: 400; }[data-bnode="omnise-nhf52n"] { margin-top: var(--nhf52n-margin-top, 0px); margin-right: var(--nhf52n-margin-right, 0px); margin-bottom: var(--nhf52n-margin-bottom, 0px); margin-left: var(--nhf52n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nhf52n-margin-top-tablet, 0px); margin-right: var(--nhf52n-margin-right-tablet, 0px); margin-bottom: var(--nhf52n-margin-bottom-tablet, 0px); margin-left: var(--nhf52n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nhf52n-margin-top-mobile, 0px); margin-right: var(--nhf52n-margin-right-mobile, 0px); margin-bottom: var(--nhf52n-margin-bottom-mobile, 0px); margin-left: var(--nhf52n-margin-left-mobile, 0px); } }[data-bnode="omnise-jppd92"] { --jppd92-priceType: comparePrice; --jppd92-priceType-tablet: comparePrice; --jppd92-priceType-mobile: comparePrice; --jppd92-decoration: line-through; --jppd92-decoration-tablet: line-through; --jppd92-decoration-mobile: line-through; }[data-bnode="omnise-jppd92"] { margin-top: var(--jppd92-margin-top, 0px); margin-right: var(--jppd92-margin-right, 0px); margin-bottom: var(--jppd92-margin-bottom, 0px); margin-left: var(--jppd92-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jppd92-margin-top-tablet, 0px); margin-right: var(--jppd92-margin-right-tablet, 0px); margin-bottom: var(--jppd92-margin-bottom-tablet, 0px); margin-left: var(--jppd92-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jppd92-margin-top-mobile, 0px); margin-right: var(--jppd92-margin-right-mobile, 0px); margin-bottom: var(--jppd92-margin-bottom-mobile, 0px); margin-left: var(--jppd92-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--jppd92-comparePriceColor); text-decoration: var(--jppd92-decoration,none); font-size: calc(var(--jppd92-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--jppd92-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-15me3d"] { border-style: solid; border-color: #ebebeb; border-width: 1px 1px 1px 1px; border-radius: 0px 0px 0px 0px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; } [data-bnode="omnise-15me3d"] {   position: sticky; top: 20px; z-index: 10;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-15me3d"] {    z-index: 10;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-15me3d"] {    z-index: 10;   }  } [data-bnode="omnise-15me3d"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-15me3d"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-15me3d"] {                gap: 16px;     }  }[data-bnode="omnise-mxn6wy"] { border-style: solid; border-color: #ebebeb; border-width: 0px 0px 1px 0px; border-radius: 0px 0px 0px 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 16px; padding-left: 0px; } [data-bnode="omnise-mxn6wy"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-mxn6wy"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-mxn6wy"] {                gap: 16px;     }  }[data-bnode="omnise-fn5cxt"] { --fn5cxt-typography: p; --fn5cxt-typography-tablet: p; --fn5cxt-typography-mobile: p; --fn5cxt-decoration: line-through; --fn5cxt-decoration-tablet: line-through; --fn5cxt-decoration-mobile: line-through; --fn5cxt-comparePriceColor: #8e90a1; --fn5cxt-comparePriceColor-tablet: #8e90a1; --fn5cxt-comparePriceColor-mobile: #8e90a1; --fn5cxt-priceType: comparePrice; --fn5cxt-priceType-tablet: comparePrice; --fn5cxt-priceType-mobile: comparePrice; --fn5cxt-salePriceColor: var(--omnise-other-sale-price-color); --fn5cxt-salePriceColor-tablet: var(--omnise-other-sale-price-color); --fn5cxt-salePriceColor-mobile: var(--omnise-other-sale-price-color); --omnise-p-font-size: 28px; --omnise-p-font-weight: 500; --fn5cxt-scale: 0.8; --fn5cxt-scale-tablet: 0.8; --fn5cxt-scale-mobile: 0.8; }[data-bnode="omnise-fn5cxt"] { margin-top: var(--fn5cxt-margin-top, 0px); margin-right: var(--fn5cxt-margin-right, 0px); margin-bottom: var(--fn5cxt-margin-bottom, 0px); margin-left: var(--fn5cxt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fn5cxt-margin-top-tablet, 0px); margin-right: var(--fn5cxt-margin-right-tablet, 0px); margin-bottom: var(--fn5cxt-margin-bottom-tablet, 0px); margin-left: var(--fn5cxt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fn5cxt-margin-top-mobile, 0px); margin-right: var(--fn5cxt-margin-right-mobile, 0px); margin-bottom: var(--fn5cxt-margin-bottom-mobile, 0px); margin-left: var(--fn5cxt-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--fn5cxt-comparePriceColor); text-decoration: var(--fn5cxt-decoration,none); font-size: calc(var(--fn5cxt-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--fn5cxt-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-t9lfxo"] { --t9lfxo-typography_content: p3; --t9lfxo-typography_content-tablet: p3; --t9lfxo-typography_content-mobile: p3; --omnise-p3-text-align: start; --omnise-h4-font-size: 16px; }[data-bnode="omnise-t9lfxo"] { margin-top: var(--t9lfxo-margin-top, 0px); margin-right: var(--t9lfxo-margin-right, 0px); margin-bottom: var(--t9lfxo-margin-bottom, 0px); margin-left: var(--t9lfxo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t9lfxo-margin-top-tablet, 0px); margin-right: var(--t9lfxo-margin-right-tablet, 0px); margin-bottom: var(--t9lfxo-margin-bottom-tablet, 0px); margin-left: var(--t9lfxo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t9lfxo-margin-top-mobile, 0px); margin-right: var(--t9lfxo-margin-right-mobile, 0px); margin-bottom: var(--t9lfxo-margin-bottom-mobile, 0px); margin-left: var(--t9lfxo-margin-left-mobile, 0px); } &.omnise-pickup-root { position: relative; width: 100%; } & .omnise-pickup-wrapper { box-sizing: border-box; width: 100%; cursor: pointer; border-color: var(--t9lfxo-borderColor, var(--omnise-card-media-border-color, #000000)); border-style: var(--t9lfxo-borderStyle, none); border-width: var(--t9lfxo-borderWidth-tl, 0px) var(--t9lfxo-borderWidth-tr, 0px) var(--t9lfxo-borderWidth-br, 0px) var(--t9lfxo-borderWidth-bl, 0px); border-radius: var(--t9lfxo-borderRadius-tl, 0px) var(--t9lfxo-borderRadius-tr, 0px) var(--t9lfxo-borderRadius-br, 0px) var(--t9lfxo-borderRadius-bl, 0px); padding: var(--t9lfxo-padding-top, 0px) var(--t9lfxo-padding-right, 0px) var(--t9lfxo-padding-bottom, 0px) var(--t9lfxo-padding-left, 0px); box-shadow: var(--t9lfxo-shadowHorizontal, 0px) var(--t9lfxo-shadowVertical, 0px) var(--t9lfxo-shadowBlur, 0px) 1px color-mix( in srgb, var(--t9lfxo-shadowColor, #000000) var(--t9lfxo-shadowTransparent, 0%), transparent ); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--t9lfxo-borderWidth-tl-tablet, var(--t9lfxo-borderWidth-tl, 0px)) var(--t9lfxo-borderWidth-tr-tablet, var(--t9lfxo-borderWidth-tr, 0px)) var(--t9lfxo-borderWidth-br-tablet, var(--t9lfxo-borderWidth-br, 0px)) var(--t9lfxo-borderWidth-bl-tablet, var(--t9lfxo-borderWidth-bl, 0px)); border-radius: var(--t9lfxo-borderRadius-tl-tablet, var(--t9lfxo-borderRadius-tl, 0px)) var(--t9lfxo-borderRadius-tr-tablet, var(--t9lfxo-borderRadius-tr, 0px)) var(--t9lfxo-borderRadius-br-tablet, var(--t9lfxo-borderRadius-br, 0px)) var(--t9lfxo-borderRadius-bl-tablet, var(--t9lfxo-borderRadius-bl, 0px)); padding: var(--t9lfxo-padding-top-tablet, var(--t9lfxo-padding-top, 0px)) var(--t9lfxo-padding-right-tablet, var(--t9lfxo-padding-right, 0px)) var(--t9lfxo-padding-bottom-tablet, var(--t9lfxo-padding-bottom, 0px)) var(--t9lfxo-padding-left-tablet, var(--t9lfxo-padding-left, 0px)); } @media (max-width: 767px) { border-width: var(--t9lfxo-borderWidth-tl-mobile, var(--t9lfxo-borderWidth-tl, 0px)) var(--t9lfxo-borderWidth-tr-mobile, var(--t9lfxo-borderWidth-tr, 0px)) var(--t9lfxo-borderWidth-br-mobile, var(--t9lfxo-borderWidth-br, 0px)) var(--t9lfxo-borderWidth-bl-mobile, var(--t9lfxo-borderWidth-bl, 0px)); border-radius: var(--t9lfxo-borderRadius-tl-mobile, var(--t9lfxo-borderRadius-tl, 0px)) var(--t9lfxo-borderRadius-tr-mobile, var(--t9lfxo-borderRadius-tr, 0px)) var(--t9lfxo-borderRadius-br-mobile, var(--t9lfxo-borderRadius-br, 0px)) var(--t9lfxo-borderRadius-bl-mobile, var(--t9lfxo-borderRadius-bl, 0px)); padding: var(--t9lfxo-padding-top-mobile, var(--t9lfxo-padding-top-tablet, var(--t9lfxo-padding-top, 0px))) var(--t9lfxo-padding-right-mobile, var(--t9lfxo-padding-right-tablet, var(--t9lfxo-padding-right, 0px))) var(--t9lfxo-padding-bottom-mobile, var(--t9lfxo-padding-bottom-tablet, var(--t9lfxo-padding-bottom, 0px))) var(--t9lfxo-padding-left-mobile, var(--t9lfxo-padding-left-tablet, var(--t9lfxo-padding-left, 0px))); } } & .omnise-pickup-container { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 16px; box-sizing: border-box; cursor: pointer; background: transparent; border: none; padding: 0; margin: 0; text-align: left; appearance: none; } & .omnise-pickup-container * { cursor: pointer; } & .omnise-pickup-left { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; } & .omnise-pickup-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; } & .omnise-heading, & .omnise-paragraph { margin: 0; } & .omnise-icon-wrapper { display: inline-flex; align-items: center; justify-content: center; color: var(--t9lfxo-iconColor, #000000); width: var(--t9lfxo-size, 20px); height: var(--t9lfxo-size, 20px); min-width: var(--t9lfxo-size, 20px); max-width: var(--t9lfxo-size, 20px); overflow: hidden; @media (min-width: 767.79px) and (max-width: 1180px) { width: var(--t9lfxo-size-tablet, var(--t9lfxo-size, 20px)); height: var(--t9lfxo-size-tablet, var(--t9lfxo-size, 20px)); min-width: var(--t9lfxo-size-tablet, var(--t9lfxo-size, 20px)); max-width: var(--t9lfxo-size-tablet, var(--t9lfxo-size, 20px)); } @media (max-width: 767px) { width: var(--t9lfxo-size-mobile, var(--t9lfxo-size-tablet, var(--t9lfxo-size, 20px))); height: var(--t9lfxo-size-mobile, var(--t9lfxo-size-tablet, var(--t9lfxo-size, 20px))); min-width: var(--t9lfxo-size-mobile, var(--t9lfxo-size-tablet, var(--t9lfxo-size, 20px))); max-width: var(--t9lfxo-size-mobile, var(--t9lfxo-size-tablet, var(--t9lfxo-size, 20px))); } } & .omnise-icon-wrapper svg, & .omnise-custom-icon svg { width: 100%; height: 100%; display: block; } & .omnise-pickup-right-icon { width: 20px; height: 20px; min-width: 20px; max-width: 20px; } & .omnise-pickup-modal-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: flex-end; z-index: 999998; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } & .omnise-pickup-modal-backdrop[hidden] { display: none; } & .omnise-pickup-modal-backdrop.is-open { opacity: 1; pointer-events: auto; } & .omnise-pickup-modal-dialog { position: relative; width: 350px; max-width: 100%; height: 100vh; background: #ffffff; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1); transition: right 0.3s ease; z-index: 999999; box-sizing: border-box; display: flex; flex-direction: column; color: #333333; text-align: left; transform: translateX(100%); transition: transform 0.3s ease; } & .omnise-pickup-modal-backdrop.is-open .omnise-pickup-modal-dialog { transform: translateX(0); } & .omnise-drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid #ededed; } & .omnise-drawer-title { margin: 0; } & .omnise-drawer-close { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #f5f5f5; cursor: pointer; color: #666666; transition: background 0.2s ease; } & .omnise-drawer-close:hover { background: #e0e0e0; } & .omnise-drawer-close svg { width: 18px; height: 18px; } & .omnise-drawer-body { flex: 1; overflow-y: auto; padding: 20px; } & .omnise-pickup-status-list { display: flex; flex-direction: column; } & .omnise-pickup-status-item { padding-block: 16px; border-bottom: 1px solid #f0f0f0; } & .omnise-pickup-status-item:first-child { padding-top: 0; } & .omnise-pickup-item-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } & .omnise-pickup-store-name { color: #111111; } & .omnise-pickup-badge { display: inline-flex; align-items: center; gap: 6px; padding-block: 4px; } & .omnise-pickup-badge-icon { width: 16px; height: 16px; flex: 0 0 auto; } & .omnise-badge-success { color: #1a7f37; } & .omnise-badge-out { color: #c62e1a; } & .omnise-pickup-item-desc { font-size: 13px; color: #666666; margin: 0; } & .omnise-pickup-no-stores { padding: 20px 0; text-align: center; } }[data-bnode="omnise-9h4jrz"] { --9h4jrz-typography: p; --9h4jrz-typography-tablet: p; --9h4jrz-typography-mobile: p; --9h4jrz-veryLowColor: #e74c3c; --9h4jrz-veryLowColor-tablet: #e74c3c; --9h4jrz-veryLowColor-mobile: #e74c3c; --9h4jrz-lowColor: #f1c40f; --9h4jrz-lowColor-tablet: #f1c40f; --9h4jrz-lowColor-mobile: #f1c40f; --9h4jrz-progressHeight: 4px; --9h4jrz-progressHeight-tablet: 4px; --9h4jrz-progressHeight-mobile: 4px; --9h4jrz-margin-top: 0px; --9h4jrz-margin-top-tablet: 0px; --9h4jrz-margin-top-mobile: 0px; --9h4jrz-margin-right: 0px; --9h4jrz-margin-right-tablet: 0px; --9h4jrz-margin-right-mobile: 0px; --9h4jrz-margin-bottom: 0px; --9h4jrz-margin-bottom-tablet: 0px; --9h4jrz-margin-bottom-mobile: 0px; --9h4jrz-margin-left: 0px; --9h4jrz-margin-left-tablet: 0px; --9h4jrz-margin-left-mobile: 0px; --9h4jrz-color: #08823B; --9h4jrz-color-tablet: #08823B; --9h4jrz-color-mobile: #08823B; --omnise-p-font-size: 24px; --omnise-p-color: #008c62; }[data-bnode="omnise-9h4jrz"] { margin-top: var(--9h4jrz-margin-top, 0px); margin-right: var(--9h4jrz-margin-right, 0px); margin-bottom: var(--9h4jrz-margin-bottom, 0px); margin-left: var(--9h4jrz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9h4jrz-margin-top-tablet, 0px); margin-right: var(--9h4jrz-margin-right-tablet, 0px); margin-bottom: var(--9h4jrz-margin-bottom-tablet, 0px); margin-left: var(--9h4jrz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9h4jrz-margin-top-mobile, 0px); margin-right: var(--9h4jrz-margin-right-mobile, 0px); margin-bottom: var(--9h4jrz-margin-bottom-mobile, 0px); margin-left: var(--9h4jrz-margin-left-mobile, 0px); } &.omnise-inventory-low { color: var(--9h4jrz-lowColor); } &.omnise-inventory-critical, &.omnise-inventory-out { color: var(--9h4jrz-veryLowColor); } & .omnise-inventory-text{ display:none; &.omnise-show{ display:block; } } & .omnise-inventory-progress { width: 100%; height: var(--9h4jrz-progressHeight,4px); background: rgba(0, 0, 0, 0.08); border-radius: 999px; overflow: hidden; margin-top: 6px; & .omnise-inventory-progress-bar { display:block; height: 100%; width: 0%; background: var(--9h4jrz-lowColor); border-radius: 999px; transition: width 0.3s ease; } } &.omnise-inventory-critical .omnise-inventory-progress-bar { background: var(--9h4jrz-veryLowColor); } &.omnise-inventory-out .omnise-inventory-progress-bar { background: var(--9h4jrz-veryLowColor); width: 0% !important; } }[data-bnode="omnise-x0bbxd"] { --x0bbxd-width: 130px; --x0bbxd-width-tablet: 130px; --x0bbxd-width-mobile: 130px; --x0bbxd-height: 45px; --x0bbxd-height-tablet: 45px; --x0bbxd-height-mobile: 45px; --x0bbxd-borderStyle: none; --x0bbxd-borderStyle-tablet: none; --x0bbxd-borderStyle-mobile: none; --x0bbxd-margin-top: 0px; --x0bbxd-margin-top-tablet: 0px; --x0bbxd-margin-top-mobile: 0px; --x0bbxd-margin-right: 0px; --x0bbxd-margin-right-tablet: 0px; --x0bbxd-margin-right-mobile: 0px; --x0bbxd-margin-bottom: 0px; --x0bbxd-margin-bottom-tablet: 0px; --x0bbxd-margin-bottom-mobile: 0px; --x0bbxd-margin-left: 0px; --x0bbxd-margin-left-tablet: 0px; --x0bbxd-margin-left-mobile: 0px; --x0bbxd-enableShadow: false; --x0bbxd-enableShadow-tablet: false; --x0bbxd-enableShadow-mobile: false; --x0bbxd-btnWdith: 80px; --x0bbxd-btnWdith-tablet: 80px; --x0bbxd-btnWdith-mobile: 80px; --x0bbxd-typography: p; --x0bbxd-typography-tablet: p; --x0bbxd-typography-mobile: p; --x0bbxd-inputWidth: 60px; --x0bbxd-inputWidth-tablet: 60px; --x0bbxd-inputWidth-mobile: 60px; --x0bbxd-btnWidth: 40px; --x0bbxd-btnWidth-tablet: 40px; --x0bbxd-btnWidth-mobile: 40px; --omnise-p-font-weight: 600; --omnise-p-color: #000000; }[data-bnode="omnise-x0bbxd"] { margin-top: var(--x0bbxd-margin-top, 0px); margin-right: var(--x0bbxd-margin-right, 0px); margin-bottom: var(--x0bbxd-margin-bottom, 0px); margin-left: var(--x0bbxd-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x0bbxd-margin-top-tablet, 0px); margin-right: var(--x0bbxd-margin-right-tablet, 0px); margin-bottom: var(--x0bbxd-margin-bottom-tablet, 0px); margin-left: var(--x0bbxd-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x0bbxd-margin-top-mobile, 0px); margin-right: var(--x0bbxd-margin-right-mobile, 0px); margin-bottom: var(--x0bbxd-margin-bottom-mobile, 0px); margin-left: var(--x0bbxd-margin-left-mobile, 0px); } &.omnise-qty { display: flex; flex-direction: column; gap: var(--x0bbxd-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--x0bbxd-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--x0bbxd-gap-mobile, 16px); } .omnise-qty-wrap { display: flex; align-items: stretch; width: if(style(--x0bbxd-inputWidth: 100%): 100%; else: fit-content); border-style: var(--x0bbxd-borderStyle,solid); border-color: var(--x0bbxd-borderColor,#000000); border-width: var(--x0bbxd-borderWidth-tl,0px) var(--x0bbxd-borderWidth-tr,0px) var(--x0bbxd-borderWidth-br,0px) var(--x0bbxd-borderWidth-bl,0px); border-radius: var(--x0bbxd-borderRadius-tl,0px) var(--x0bbxd-borderRadius-tr,0px) var(--x0bbxd-borderRadius-br,0px) var(--x0bbxd-borderRadius-bl,0px); box-shadow: var(--x0bbxd-shadowHorizontal, 0) var(--x0bbxd-shadowVertical, 0) var(--x0bbxd-shadowBlur, 0) 0 var(--x0bbxd-shadowColor, #000000); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px) { width: if(style(--x0bbxd-inputWidth-tablet: 100%): 100%; else: fit-content); border-width: var(--x0bbxd-borderWidth-tl-tablet, 0px) var(--x0bbxd-borderWidth-tr-tablet, 0px) var(--x0bbxd-borderWidth-br-tablet, 0px) var(--x0bbxd-borderWidth-bl-tablet, 0px); border-radius: var(--x0bbxd-borderRadius-tl-tablet, 0px) var(--x0bbxd-borderRadius-tr-tablet, 0px) var(--x0bbxd-borderRadius-br-tablet, 0px) var(--x0bbxd-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { width: if(style(--x0bbxd-inputWidth-mobile: 100%): 100%; else: fit-content); border-width: var(--x0bbxd-borderWidth-tl-mobile, 0px) var(--x0bbxd-borderWidth-tr-mobile, 0px) var(--x0bbxd-borderWidth-br-mobile, 0px) var(--x0bbxd-borderWidth-bl-mobile, 0px); border-radius: var(--x0bbxd-borderRadius-tl-mobile, 0px) var(--x0bbxd-borderRadius-tr-mobile, 0px) var(--x0bbxd-borderRadius-br-mobile, 0px) var(--x0bbxd-borderRadius-bl-mobile, 0px); } } .omnise-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--x0bbxd-btnWidth, 40px); height: var(--x0bbxd-btnWidth, 40px); padding: 0; border: none; background: var(--x0bbxd-btnBg, #f5f5f5); color: var(--x0bbxd-btnColor, #333); cursor: pointer; transition: opacity 0.2s; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--x0bbxd-btnWidth-tablet, 40px); height: var(--x0bbxd-btnWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--x0bbxd-btnWidth-mobile, 40px); height: var(--x0bbxd-btnWidth-mobile, 40px); } } .omnise-qty-input { flex: 1; min-width: 0; width: var(--x0bbxd-inputWidth, 40px); text-align: center; border: none; color: var(--x0bbxd-inputColor, #333); background: var(--x0bbxd-inputBg, #ffffff); font-size: 16px; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--x0bbxd-inputWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--x0bbxd-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-9rzieq"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-9rzieq"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-9rzieq"] {                gap: 12px;     }  }[data-bnode="omnise-yoet0h"] { --yoet0h-button: se; --yoet0h-button-tablet: se; --yoet0h-button-mobile: se; --yoet0h-width: fill; --yoet0h-width-tablet: fill; --yoet0h-width-mobile: fill; --yoet0h-transform: none; --yoet0h-transform-tablet: none; --yoet0h-transform-mobile: none; --yoet0h-iconWidth: 20px; --yoet0h-iconWidth-tablet: 20px; --yoet0h-iconWidth-mobile: 20px; --yoet0h-iconGap: 5px; --yoet0h-iconGap-tablet: 5px; --yoet0h-iconGap-mobile: 5px; --omnise-btn-te-label-color: #121212; --omnise-btn-height-tablet: 45px; }[data-bnode="omnise-yoet0h"] { margin-top: var(--yoet0h-margin-top, 0px); margin-right: var(--yoet0h-margin-right, 0px); margin-bottom: var(--yoet0h-margin-bottom, 0px); margin-left: var(--yoet0h-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yoet0h-margin-top-tablet, 0px); margin-right: var(--yoet0h-margin-right-tablet, 0px); margin-bottom: var(--yoet0h-margin-bottom-tablet, 0px); margin-left: var(--yoet0h-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yoet0h-margin-top-mobile, 0px); margin-right: var(--yoet0h-margin-right-mobile, 0px); margin-bottom: var(--yoet0h-margin-bottom-mobile, 0px); margin-left: var(--yoet0h-margin-left-mobile, 0px); } &.omnise-atc-btn { gap: var(--yoet0h-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--yoet0h-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--yoet0h-bgBtnHover)) * 1%)); style(--yoet0h-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--yoet0h-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--yoet0h-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--yoet0h-labelBtnHover)) * 1%)); style(--yoet0h-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--yoet0h-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--yoet0h-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--yoet0h-borderBtnHover)) * 1%)); style(--yoet0h-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--yoet0h-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--yoet0h-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--yoet0h-bgBtnHover)) * 1%)); style(--yoet0h-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--yoet0h-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--yoet0h-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--yoet0h-labelBtnHover)) * 1%)); style(--yoet0h-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--yoet0h-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--yoet0h-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--yoet0h-borderBtnHover)) * 1%)); style(--yoet0h-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--yoet0h-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--yoet0h-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--yoet0h-labelBtnHover)) * 1%)); style(--yoet0h-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--yoet0h-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--yoet0h-iconWidth,20px); min-width: var(--yoet0h-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(--yoet0h-iconGap-tablet); svg { width: var(--yoet0h-iconWidth-tablet,var(--yoet0h-iconWidth,20px)); min-width: var(--yoet0h-iconWidth-tablet,var(--yoet0h-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--yoet0h-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--yoet0h-iconWidth-mobile,var(--yoet0h-iconWidth,20px)); min-width: var(--yoet0h-iconWidth-mobile,var(--yoet0h-iconWidth,20px)); height: 100%; } } } }[data-bnode="omnise-q2dg73"] { --q2dg73-width: fill; --q2dg73-width-tablet: fill; --q2dg73-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; --q2dg73-transform: none; --q2dg73-transform-tablet: none; --q2dg73-transform-mobile: none; --q2dg73-iconWidth: 20px; --q2dg73-iconWidth-tablet: 20px; --q2dg73-iconWidth-mobile: 20px; --q2dg73-iconGap: 5px; --q2dg73-iconGap-tablet: 5px; --q2dg73-iconGap-mobile: 5px; --q2dg73-button: pr; --q2dg73-button-tablet: pr; --q2dg73-button-mobile: pr; --omnise-btn-te-label-color: #2A2A2A; }[data-bnode="omnise-q2dg73"] { margin-top: var(--q2dg73-margin-top, 0px); margin-right: var(--q2dg73-margin-right, 0px); margin-bottom: var(--q2dg73-margin-bottom, 0px); margin-left: var(--q2dg73-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q2dg73-margin-top-tablet, 0px); margin-right: var(--q2dg73-margin-right-tablet, 0px); margin-bottom: var(--q2dg73-margin-bottom-tablet, 0px); margin-left: var(--q2dg73-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q2dg73-margin-top-mobile, 0px); margin-right: var(--q2dg73-margin-right-mobile, 0px); margin-bottom: var(--q2dg73-margin-bottom-mobile, 0px); margin-left: var(--q2dg73-margin-left-mobile, 0px); } &.omnise-co-btn { gap: var(--q2dg73-iconGap); &.omnise-btn-pr:hover{ background-color: if( style(--q2dg73-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--q2dg73-bgBtnHover)) * 1%)); style(--q2dg73-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--q2dg73-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--q2dg73-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--q2dg73-labelBtnHover)) * 1%)); style(--q2dg73-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--q2dg73-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--q2dg73-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--q2dg73-borderBtnHover)) * 1%)); style(--q2dg73-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--q2dg73-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--q2dg73-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--q2dg73-bgBtnHover)) * 1%)); style(--q2dg73-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--q2dg73-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--q2dg73-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--q2dg73-labelBtnHover)) * 1%)); style(--q2dg73-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--q2dg73-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--q2dg73-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--q2dg73-borderBtnHover)) * 1%)); style(--q2dg73-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--q2dg73-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--q2dg73-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--q2dg73-labelBtnHover)) * 1%)); style(--q2dg73-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--q2dg73-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--q2dg73-iconWidth,20px); min-width: var(--q2dg73-iconWidth,-20px); height: 100%; } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { gap: var(--q2dg73-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet); } svg { width: var(--q2dg73-iconWidth-tablet, var(--q2dg73-iconWidth,20px)); min-width: var(--q2dg73-iconWidth-tablet,var(--q2dg73-iconWidth,20px)); } } @media(max-width: 767px){ gap: var(--q2dg73-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } svg { width: var(--q2dg73-iconWidth-mobile,var(--q2dg73-iconWidth,20px)); min-width: var(--q2dg73-iconWidth-mobile,var(--q2dg73-iconWidth,20px)); } } } }[data-bnode="omnise-hlhvz6"] { border-style: solid; border-color: #ebebeb; border-width: 0px 0px 1px 0px; border-radius: 0px 0px 0px 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 16px; padding-left: 0px; } [data-bnode="omnise-hlhvz6"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-hlhvz6"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-hlhvz6"] {                     }  }[data-bnode="omnise-ngedda"] { --ngedda-columns: 1; --ngedda-columns-tablet: 1; --ngedda-columns-mobile: 1; --ngedda-navType: true; --ngedda-navType-tablet: true; --ngedda-navType-mobile: true; --ngedda-pagiType: false; --ngedda-pagiType-tablet: false; --ngedda-pagiType-mobile: false; --ngedda-listType: grid; --ngedda-listType-tablet: grid; --ngedda-listType-mobile: grid; --ngedda-stateNavigation: normal; --ngedda-stateNavigation-tablet: normal; --ngedda-stateNavigation-mobile: normal; --ngedda-statePagination: normal; --ngedda-statePagination-tablet: normal; --ngedda-statePagination-mobile: normal; --ngedda-stateNavigtion: normal; --ngedda-stateNavigtion-tablet: normal; --ngedda-stateNavigtion-mobile: normal; --ngedda-gap: 8px; --ngedda-gap-tablet: 8px; --ngedda-gap-mobile: 8px; --ngedda-columnsMobile-mobile: 1; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-9ybsgs"] { --9ybsgs-width: 100%; --9ybsgs-imageRatio: auto; --9ybsgs-objFit: cover; --9ybsgs-borderColor: #000000; --9ybsgs-shadowColor: #000000; --9ybsgs-borderStyle: none; --9ybsgs-enableShadow: false; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-pnraab"] { --pnraab-typography: h5; --omnise-h5-text-align: start; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-ix8yh7"] { --ix8yh7-typography: p3; --omnise-p3-text-align: start; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-cdiia3"] { --cdiia3-iconColor: #2abd05; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-937oi2"] { --937oi2-direction: row; --937oi2-structure: columns; --937oi2-gap: 4px; --937oi2-columns: 33.33,66.66; --937oi2-columnsPresetId: 33.33,66.66; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-9lgpse"] { --9lgpse-typography: p3; --omnise-p3-text-align: start; } [data-bnode="omnise-ngedda"] [data-bnode="omnise-9lgpse"] { --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --9lgpse-typography: p; --9lgpse-typography-tablet: p; --9lgpse-typography-mobile: p; --omnise-p-text-align: start; }[data-bnode="omnise-ngedda"] { margin-top: var(--ngedda-margin-top, 0px); margin-right: var(--ngedda-margin-right, 0px); margin-bottom: var(--ngedda-margin-bottom, 0px); margin-left: var(--ngedda-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ngedda-margin-top-tablet, 0px); margin-right: var(--ngedda-margin-right-tablet, 0px); margin-bottom: var(--ngedda-margin-bottom-tablet, 0px); margin-left: var(--ngedda-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ngedda-margin-top-mobile, 0px); margin-right: var(--ngedda-margin-right-mobile, 0px); margin-bottom: var(--ngedda-margin-bottom-mobile, 0px); margin-left: var(--ngedda-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item{ > .omnise-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"]{ .omnise-slider-items { gap: var(--ngedda-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--ngedda-gap,var(--omnise-grid-gap, 20px)) * (var(--ngedda-columns, 3) - 1)) / var(--ngedda-columns, 3)); &:last-child{ margin-right: var(--ngedda-gap,var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--ngedda-columns, 3), minmax(0, 1fr)); gap: var(--ngedda-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item { min-width: 0; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"]{ .omnise-slider-items { gap: var(--ngedda-gap-tablet,var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--ngedda-gap-tablet,var(--omnise-grid-gap-tablet, 16px)) * (var(--ngedda-columns-tablet, 3) - 1)) / var(--ngedda-columns-tablet, 3)); &:last-child{ margin-right: var(--ngedda-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--ngedda-columns-tablet, 3), minmax(0, 1fr)); gap: var(--ngedda-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { min-width: 0; } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"]{ .omnise-slider-items { gap: var(--ngedda-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--ngedda-gap-mobile,var(--omnise-grid-gap-mobile, 10px)) * (var(--ngedda-columnsMobile-mobile, 1) - 1)) / var(--ngedda-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--ngedda-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--ngedda-columnsMobile-mobile, 1), minmax(0, 1fr)); gap: var(--ngedda-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { min-width: 0; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--ngedda-navPadding,12px); background:var(--ngedda-navBg,#F5F5F5); color: var(--ngedda-navColor,var(--omnise-text-color)); cursor: pointer; border-radius: var(--ngedda-navRadius,50%); &:hover { background:var(--ngedda-navBgHover,#CCCCCC); color: var(--ngedda-navColorHover,var(--omnise-text-color)); } svg { width: var(--ngedda-navIconSize,20px); height: var(--ngedda-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--ngedda-pagiBg,#E6E6E6); &.active { background:var(--ngedda-pagiBgActive,#181818); } &:not(.active):hover { background:var(--ngedda-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--ngedda-pagiColor,#e6e6e6); &.active { color:var(--ngedda-pagiColorActive,#181818); } &:not(.active):hover { color: var(--ngedda-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--ngedda-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--ngedda-pagiBg,#E6E6E6); &.active { background: var(--ngedda-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--ngedda-pagiBgHover,#CCCCCC); } } .omnise-slider-pagination-wrp{ margin-top: 20px; } } & .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-ngedda"] [data-bnode="omnise-9lgpse"] { margin-top: var(--9lgpse-margin-top, 0px); margin-right: var(--9lgpse-margin-right, 0px); margin-bottom: var(--9lgpse-margin-bottom, 0px); margin-left: var(--9lgpse-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9lgpse-margin-top-tablet, 0px); margin-right: var(--9lgpse-margin-right-tablet, 0px); margin-bottom: var(--9lgpse-margin-bottom-tablet, 0px); margin-left: var(--9lgpse-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9lgpse-margin-top-mobile, 0px); margin-right: var(--9lgpse-margin-right-mobile, 0px); margin-bottom: var(--9lgpse-margin-bottom-mobile, 0px); margin-left: var(--9lgpse-margin-left-mobile, 0px); } } [data-bnode="omnise-ngedda"] [data-bnode="omnise-ix8yh7"] { margin-top: var(--ix8yh7-margin-top, 0px); margin-right: var(--ix8yh7-margin-right, 0px); margin-bottom: var(--ix8yh7-margin-bottom, 0px); margin-left: var(--ix8yh7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ix8yh7-margin-top-tablet, 0px); margin-right: var(--ix8yh7-margin-right-tablet, 0px); margin-bottom: var(--ix8yh7-margin-bottom-tablet, 0px); margin-left: var(--ix8yh7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ix8yh7-margin-top-mobile, 0px); margin-right: var(--ix8yh7-margin-right-mobile, 0px); margin-bottom: var(--ix8yh7-margin-bottom-mobile, 0px); margin-left: var(--ix8yh7-margin-left-mobile, 0px); } }[data-bnode="omnise-ngedda"] [data-bnode="be-ctl-item"] {   gap: 8px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ngedda"] [data-bnode="be-ctl-item"] {    gap: 8px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-ngedda"] [data-bnode="be-ctl-item"] {    gap: 8px;   }  }[data-bnode="omnise-ngedda"] [data-bnode="be-ctl-item"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 8px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ngedda"] [data-bnode="be-ctl-item"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ngedda"] [data-bnode="be-ctl-item"] {                gap: 8px;     }  }[data-bnode="omnise-937oi2"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 4px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(33.33% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(66.66% - 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-937oi2"] {                gap: 4px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(33.33% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(66.66% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-937oi2"] {                gap: 4px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(33.33% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(66.66% - 0px - 0px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 0px - 0px);    }   }  }[data-bnode="omnise-cz69zz"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-cz69zz"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 16px;      &>.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-cz69zz"] {                gap: 16px;      &>.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-cz69zz"] {                gap: 16px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-a2ks0m"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-a2ks0m"] {        flex-wrap: nowrap;     align-items: center;       }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-a2ks0m"] {      flex-direction: row;                  &>.omnise-slot[data-bnode-index] {       flex: 1;      }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-a2ks0m"] {      flex-direction: row;                  &>.omnise-slot[data-bnode-index] {       flex: 1;      }   }  }[data-bnode="omnise-rb8ytp"] { margin-top: var(--rb8ytp-margin-top, 0px); margin-right: var(--rb8ytp-margin-right, 0px); margin-bottom: var(--rb8ytp-margin-bottom, 0px); margin-left: var(--rb8ytp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rb8ytp-margin-top-tablet, 0px); margin-right: var(--rb8ytp-margin-right-tablet, 0px); margin-bottom: var(--rb8ytp-margin-bottom-tablet, 0px); margin-left: var(--rb8ytp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rb8ytp-margin-top-mobile, 0px); margin-right: var(--rb8ytp-margin-right-mobile, 0px); margin-bottom: var(--rb8ytp-margin-bottom-mobile, 0px); margin-left: var(--rb8ytp-margin-left-mobile, 0px); } }[data-bnode="omnise-gi1a3n"].omnise-section { padding-top: 80px; padding-right: 32px; padding-bottom: 80px; padding-left: 32px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-gi1a3n"].omnise-section { padding-top: 80px; padding-right: 32px; padding-bottom: 80px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-gi1a3n"].omnise-section { padding-top: 80px; padding-right: 32px; padding-bottom: 80px; padding-left: 32px; } } [data-bnode="omnise-gi1a3n"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;        gap: 40px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-gi1a3n"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;              gap: 40px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-gi1a3n"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;              gap: 40px;     }  }[data-bnode="omnise-et4bzc"] { --et4bzc-typography: h2; --et4bzc-typography-tablet: h2; --et4bzc-typography-mobile: h2; --omnise-h2-text-align: center; }[data-bnode="omnise-et4bzc"] { margin-top: var(--et4bzc-margin-top, 0px); margin-right: var(--et4bzc-margin-right, 0px); margin-bottom: var(--et4bzc-margin-bottom, 0px); margin-left: var(--et4bzc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--et4bzc-margin-top-tablet, 0px); margin-right: var(--et4bzc-margin-right-tablet, 0px); margin-bottom: var(--et4bzc-margin-bottom-tablet, 0px); margin-left: var(--et4bzc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--et4bzc-margin-top-mobile, 0px); margin-right: var(--et4bzc-margin-right-mobile, 0px); margin-bottom: var(--et4bzc-margin-bottom-mobile, 0px); margin-left: var(--et4bzc-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--et4bzc-highlightColor,var(--omnise-p-color)); top: var(--et4bzc-highlightTop, 100%); } }[data-bnode="omnise-v78jpj"] { --v78jpj-columns: 4; --v78jpj-columns-tablet: 2; --v78jpj-columns-mobile: 1; --v78jpj-navType: true; --v78jpj-navType-tablet: true; --v78jpj-navType-mobile: true; --v78jpj-pagiType: false; --v78jpj-pagiType-tablet: false; --v78jpj-pagiType-mobile: false; --v78jpj-listType: grid; --v78jpj-listType-tablet: grid; --v78jpj-listType-mobile: grid; --v78jpj-stateNavigation: normal; --v78jpj-stateNavigation-tablet: normal; --v78jpj-stateNavigation-mobile: normal; --v78jpj-statePagination: normal; --v78jpj-statePagination-tablet: normal; --v78jpj-statePagination-mobile: normal; --v78jpj-stateNavigtion: normal; --v78jpj-stateNavigtion-tablet: normal; --v78jpj-stateNavigtion-mobile: normal; --v78jpj-columnsMobile-mobile: 1; --v78jpj-gap-mobile: 20px; } [data-bnode="omnise-v78jpj"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-v78jpj"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-v78jpj"] [data-bnode="omnise-2jzrlp"] { --2jzrlp-width: 48px; --2jzrlp-imageRatio: 1/1; --2jzrlp-objFit: cover; --2jzrlp-borderColor: #000000; --2jzrlp-shadowColor: #000000; --2jzrlp-borderStyle: none; --2jzrlp-enableShadow: false; --2jzrlp-margin-top: 0px; --2jzrlp-margin-right: 0px; --2jzrlp-margin-bottom: 0px; --2jzrlp-margin-left: 0px; } [data-bnode="omnise-v78jpj"] [data-bnode="omnise-39tzan"] { --39tzan-typography: h4; --39tzan-margin-top: 0px; --39tzan-margin-right: 0px; --39tzan-margin-bottom: 0px; --39tzan-margin-left: 0px; --omnise-h4-text-align: center; } [data-bnode="omnise-v78jpj"] [data-bnode="omnise-ccdfg0"] { --ccdfg0-typography: p; --omnise-p-text-align: center; }[data-bnode="omnise-v78jpj"] { margin-top: var(--v78jpj-margin-top, 0px); margin-right: var(--v78jpj-margin-right, 0px); margin-bottom: var(--v78jpj-margin-bottom, 0px); margin-left: var(--v78jpj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--v78jpj-margin-top-tablet, 0px); margin-right: var(--v78jpj-margin-right-tablet, 0px); margin-bottom: var(--v78jpj-margin-bottom-tablet, 0px); margin-left: var(--v78jpj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--v78jpj-margin-top-mobile, 0px); margin-right: var(--v78jpj-margin-right-mobile, 0px); margin-bottom: var(--v78jpj-margin-bottom-mobile, 0px); margin-left: var(--v78jpj-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item{ > .omnise-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"]{ .omnise-slider-items { gap: var(--v78jpj-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--v78jpj-gap,var(--omnise-grid-gap, 20px)) * (var(--v78jpj-columns, 3) - 1)) / var(--v78jpj-columns, 3)); &:last-child{ margin-right: var(--v78jpj-gap,var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--v78jpj-columns, 3), minmax(0, 1fr)); gap: var(--v78jpj-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item { min-width: 0; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"]{ .omnise-slider-items { gap: var(--v78jpj-gap-tablet,var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--v78jpj-gap-tablet,var(--omnise-grid-gap-tablet, 16px)) * (var(--v78jpj-columns-tablet, 3) - 1)) / var(--v78jpj-columns-tablet, 3)); &:last-child{ margin-right: var(--v78jpj-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--v78jpj-columns-tablet, 3), minmax(0, 1fr)); gap: var(--v78jpj-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { min-width: 0; } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"]{ .omnise-slider-items { gap: var(--v78jpj-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--v78jpj-gap-mobile,var(--omnise-grid-gap-mobile, 10px)) * (var(--v78jpj-columnsMobile-mobile, 1) - 1)) / var(--v78jpj-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--v78jpj-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--v78jpj-columnsMobile-mobile, 1), minmax(0, 1fr)); gap: var(--v78jpj-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { min-width: 0; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--v78jpj-navPadding,12px); background:var(--v78jpj-navBg,#F5F5F5); color: var(--v78jpj-navColor,var(--omnise-text-color)); cursor: pointer; border-radius: var(--v78jpj-navRadius,50%); &:hover { background:var(--v78jpj-navBgHover,#CCCCCC); color: var(--v78jpj-navColorHover,var(--omnise-text-color)); } svg { width: var(--v78jpj-navIconSize,20px); height: var(--v78jpj-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--v78jpj-pagiBg,#E6E6E6); &.active { background:var(--v78jpj-pagiBgActive,#181818); } &:not(.active):hover { background:var(--v78jpj-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--v78jpj-pagiColor,#e6e6e6); &.active { color:var(--v78jpj-pagiColorActive,#181818); } &:not(.active):hover { color: var(--v78jpj-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--v78jpj-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--v78jpj-pagiBg,#E6E6E6); &.active { background: var(--v78jpj-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--v78jpj-pagiBgHover,#CCCCCC); } } .omnise-slider-pagination-wrp{ margin-top: 20px; } } & .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-v78jpj"] [data-bnode="omnise-2jzrlp"] { margin-top: var(--2jzrlp-margin-top, 0px); margin-right: var(--2jzrlp-margin-right, 0px); margin-bottom: var(--2jzrlp-margin-bottom, 0px); margin-left: var(--2jzrlp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2jzrlp-margin-top-tablet, 0px); margin-right: var(--2jzrlp-margin-right-tablet, 0px); margin-bottom: var(--2jzrlp-margin-bottom-tablet, 0px); margin-left: var(--2jzrlp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2jzrlp-margin-top-mobile, 0px); margin-right: var(--2jzrlp-margin-right-mobile, 0px); margin-bottom: var(--2jzrlp-margin-bottom-mobile, 0px); margin-left: var(--2jzrlp-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--2jzrlp-width,100%) - var(--2jzrlp-margin-left,0px) - var(--2jzrlp-margin-right,0px)); width: calc(var(--2jzrlp-width,100%) - var(--2jzrlp-margin-left,0px) - var(--2jzrlp-margin-right,0px)); min-height: min-content; border-color: var(--2jzrlp-borderColor,var(--omnise-card-media-border-color)); border-style: var(--2jzrlp-borderStyle,solid); border-width: var(--2jzrlp-borderWidth-tl,var(--omnise-card-border-width)) var(--2jzrlp-borderWidth-tr,var(--omnise-card-border-width)) var(--2jzrlp-borderWidth-br,var(--omnise-card-border-width)) var(--2jzrlp-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--2jzrlp-borderRadius-tl,var(--omnise-card-border-radius)) var(--2jzrlp-borderRadius-tr,var(--omnise-card-border-radius)) var(--2jzrlp-borderRadius-br,var(--omnise-card-border-radius)) var(--2jzrlp-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--2jzrlp-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--2jzrlp-borderWidth-tl-tablet, var(--2jzrlp-borderWidth-tl,var(--omnise-card-border-width))) var(--2jzrlp-borderWidth-tr-tablet, var(--2jzrlp-borderWidth-tr,var(--omnise-card-border-width))) var(--2jzrlp-borderWidth-br-tablet, var(--2jzrlp-borderWidth-br,var(--omnise-card-border-width))) var(--2jzrlp-borderWidth-bl-tablet, var(--2jzrlp-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--2jzrlp-borderRadius-tl-tablet, var(--2jzrlp-borderRadius-tl,var(--omnise-card-border-radius))) var(--2jzrlp-borderRadius-tr-tablet, var(--2jzrlp-borderRadius-tr,var(--omnise-card-border-radius))) var(--2jzrlp-borderRadius-br-tablet, var(--2jzrlp-borderRadius-br,var(--omnise-card-border-radius))) var(--2jzrlp-borderRadius-bl-tablet, var(--2jzrlp-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--2jzrlp-borderWidth-tl-mobile, var(--2jzrlp-borderWidth-tl,var(--omnise-card-border-width))) var(--2jzrlp-borderWidth-tr-mobile, var(--2jzrlp-borderWidth-tr,var(--omnise-card-border-width))) var(--2jzrlp-borderWidth-br-mobile, var(--2jzrlp-borderWidth-br,var(--omnise-card-border-width))) var(--2jzrlp-borderWidth-bl-mobile, var(--2jzrlp-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--2jzrlp-borderRadius-tl-mobile, var(--2jzrlp-borderRadius-tl,var(--omnise-card-border-radius))) var(--2jzrlp-borderRadius-tr-mobile, var(--2jzrlp-borderRadius-tr,var(--omnise-card-border-radius))) var(--2jzrlp-borderRadius-br-mobile, var(--2jzrlp-borderRadius-br,var(--omnise-card-border-radius))) var(--2jzrlp-borderRadius-bl-mobile, var(--2jzrlp-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--2jzrlp-shadowHorizontal, var(--omnise-card-shadow-x)) var(--2jzrlp-shadowVertical, var(--omnise-card-shadow-y)) var(--2jzrlp-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--2jzrlp-shadowColor, var(--omnise-card-media-shadow-color)) var(--2jzrlp-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--2jzrlp-overlayColor-color, #000); opacity: var(--2jzrlp-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--2jzrlp-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--2jzrlp-width-tablet,var(--2jzrlp-width,100%)) - var(--2jzrlp-margin-left-tablet,var(--2jzrlp-margin-left,0px)) - var(--2jzrlp-margin-right-tablet,var(--2jzrlp-margin-right,0px))); width: calc(var(--2jzrlp-width-tablet,var(--2jzrlp-width,100%)) - var(--2jzrlp-margin-left-tablet,var(--2jzrlp-margin-left,0px)) - var(--2jzrlp-margin-right-tablet,var(--2jzrlp-margin-right,0px))); aspect-ratio: var(--2jzrlp-imageRatio-tablet, var(--2jzrlp-imageRatio, auto)); img { object-fit: var(--2jzrlp-objFit-tablet, var(--2jzrlp-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--2jzrlp-width-mobile,var(--2jzrlp-width,100%)) - var(--2jzrlp-margin-left-mobile,var(--2jzrlp-margin-left,0px)) - var(--2jzrlp-margin-right-mobile,var(--2jzrlp-margin-right,0px))); width: calc(var(--2jzrlp-width-mobile,var(--2jzrlp-width,100%)) - var(--2jzrlp-margin-left-mobile,var(--2jzrlp-margin-left,0px)) - var(--2jzrlp-margin-right-mobile,var(--2jzrlp-margin-right,0px))); aspect-ratio: var(--2jzrlp-imageRatio-mobile, var(--2jzrlp-imageRatio, auto)); img { object-fit: var(--2jzrlp-objFit-mobile, var(--2jzrlp-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-v78jpj"] [data-bnode="omnise-39tzan"] { margin-top: var(--39tzan-margin-top, 0px); margin-right: var(--39tzan-margin-right, 0px); margin-bottom: var(--39tzan-margin-bottom, 0px); margin-left: var(--39tzan-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--39tzan-margin-top-tablet, 0px); margin-right: var(--39tzan-margin-right-tablet, 0px); margin-bottom: var(--39tzan-margin-bottom-tablet, 0px); margin-left: var(--39tzan-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--39tzan-margin-top-mobile, 0px); margin-right: var(--39tzan-margin-right-mobile, 0px); margin-bottom: var(--39tzan-margin-bottom-mobile, 0px); margin-left: var(--39tzan-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--39tzan-highlightColor,var(--omnise-p-color)); top: var(--39tzan-highlightTop, 100%); } } [data-bnode="omnise-v78jpj"] [data-bnode="omnise-ccdfg0"] { margin-top: var(--ccdfg0-margin-top, 0px); margin-right: var(--ccdfg0-margin-right, 0px); margin-bottom: var(--ccdfg0-margin-bottom, 0px); margin-left: var(--ccdfg0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ccdfg0-margin-top-tablet, 0px); margin-right: var(--ccdfg0-margin-right-tablet, 0px); margin-bottom: var(--ccdfg0-margin-bottom-tablet, 0px); margin-left: var(--ccdfg0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ccdfg0-margin-top-mobile, 0px); margin-right: var(--ccdfg0-margin-right-mobile, 0px); margin-bottom: var(--ccdfg0-margin-bottom-mobile, 0px); margin-left: var(--ccdfg0-margin-left-mobile, 0px); } }[data-bnode="omnise-v78jpj"] [data-bnode="be-ctl-item"] {   gap: 16px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-v78jpj"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-v78jpj"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }[data-bnode="omnise-v78jpj"] [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-v78jpj"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-v78jpj"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }[data-bnode="omnise-nyr3q5"] > .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-nyr3q5"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-nyr3q5"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-sb0ode"] { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (max-width: 767px) { [data-bnode="omnise-sb0ode"] { padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; } } [data-bnode="omnise-sb0ode"] {        flex-wrap: nowrap;   justify-content: center;   align-items: center;   gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-sb0ode"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-sb0ode"] {                gap: 16px;     }  }[data-bnode="omnise-esodbe"] { --esodbe-typography: h2; --esodbe-typography-tablet: h2; --esodbe-typography-mobile: h2; --omnise-h2-text-align: start; }[data-bnode="omnise-esodbe"] { margin-top: var(--esodbe-margin-top, 0px); margin-right: var(--esodbe-margin-right, 0px); margin-bottom: var(--esodbe-margin-bottom, 0px); margin-left: var(--esodbe-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--esodbe-margin-top-tablet, 0px); margin-right: var(--esodbe-margin-right-tablet, 0px); margin-bottom: var(--esodbe-margin-bottom-tablet, 0px); margin-left: var(--esodbe-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--esodbe-margin-top-mobile, 0px); margin-right: var(--esodbe-margin-right-mobile, 0px); margin-bottom: var(--esodbe-margin-bottom-mobile, 0px); margin-left: var(--esodbe-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--esodbe-highlightColor,var(--omnise-p-color)); top: var(--esodbe-highlightTop, 100%); } }[data-bnode="omnise-h8wnpf"] { --h8wnpf-typography: p; --h8wnpf-typography-tablet: p; --h8wnpf-typography-mobile: p; --omnise-p-text-align: center; }[data-bnode="omnise-h8wnpf"] { margin-top: var(--h8wnpf-margin-top, 0px); margin-right: var(--h8wnpf-margin-right, 0px); margin-bottom: var(--h8wnpf-margin-bottom, 0px); margin-left: var(--h8wnpf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h8wnpf-margin-top-tablet, 0px); margin-right: var(--h8wnpf-margin-right-tablet, 0px); margin-bottom: var(--h8wnpf-margin-bottom-tablet, 0px); margin-left: var(--h8wnpf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h8wnpf-margin-top-mobile, 0px); margin-right: var(--h8wnpf-margin-right-mobile, 0px); margin-bottom: var(--h8wnpf-margin-bottom-mobile, 0px); margin-left: var(--h8wnpf-margin-left-mobile, 0px); } }[data-bnode="omnise-gklpud"] { --gklpud-listType: slider; --gklpud-listType-tablet: slider; --gklpud-listType-mobile: slider; --gklpud-columns: 5; --gklpud-columns-tablet: 2; --gklpud-columns-mobile: 1; --gklpud-columnsMobile: 1; --gklpud-columnsMobile-tablet: 1; --gklpud-columnsMobile-mobile: 1.3; --gklpud-fill_last_row: false; --gklpud-fill_last_row-tablet: false; --gklpud-fill_last_row-mobile: false; --gklpud-partial_items: false; --gklpud-partial_items-tablet: false; --gklpud-partial_items-mobile: false; --gklpud-gap: 16px; --gklpud-gap-tablet: 16px; --gklpud-gap-mobile: 16px; --gklpud-stateSelector: normal; --gklpud-stateSelector-tablet: normal; --gklpud-stateSelector-mobile: normal; --gklpud-navType: true; --gklpud-navType-tablet: true; --gklpud-navType-mobile: true; --gklpud-navColor: #333333; --gklpud-navColor-tablet: #333333; --gklpud-navColor-mobile: #333333; --gklpud-navBg: #f5f5f5; --gklpud-navBg-tablet: #f5f5f5; --gklpud-navBg-mobile: #f5f5f5; --gklpud-navColorHover: #C92626; --gklpud-navColorHover-tablet: #C92626; --gklpud-navColorHover-mobile: #C92626; --gklpud-navBgHover: #DF202042; --gklpud-navBgHover-tablet: #DF202042; --gklpud-navBgHover-mobile: #DF202042; --gklpud-navColorActive: #333333; --gklpud-navColorActive-tablet: #333333; --gklpud-navColorActive-mobile: #333333; --gklpud-navBgActive: #cccccc; --gklpud-navBgActive-tablet: #cccccc; --gklpud-navBgActive-mobile: #cccccc; --gklpud-navIconSize: 20px; --gklpud-navIconSize-tablet: 20px; --gklpud-navIconSize-mobile: 20px; --gklpud-navPadding: 12px; --gklpud-navPadding-tablet: 12px; --gklpud-navPadding-mobile: 12px; --gklpud-pagiType: false; --gklpud-pagiType-tablet: false; --gklpud-pagiType-mobile: false; --gklpud-pagiColor: #181616; --gklpud-pagiColor-tablet: #181616; --gklpud-pagiColor-mobile: #181616; --gklpud-pagiBg: #e6e6e6; --gklpud-pagiBg-tablet: #e6e6e6; --gklpud-pagiBg-mobile: #e6e6e6; --gklpud-pagiColorHover: #cccccc; --gklpud-pagiColorHover-tablet: #cccccc; --gklpud-pagiColorHover-mobile: #cccccc; --gklpud-pagiBgHover: #cccccc; --gklpud-pagiBgHover-tablet: #cccccc; --gklpud-pagiBgHover-mobile: #cccccc; --gklpud-pagiColorActive: #181818; --gklpud-pagiColorActive-tablet: #181818; --gklpud-pagiColorActive-mobile: #181818; --gklpud-pagiBgActive: #181818; --gklpud-pagiBgActive-tablet: #181818; --gklpud-pagiBgActive-mobile: #181818; --gklpud-margin-top: 0px; --gklpud-margin-top-tablet: 0px; --gklpud-margin-top-mobile: 0px; --gklpud-margin-right: 0px; --gklpud-margin-right-tablet: 0px; --gklpud-margin-right-mobile: 0px; --gklpud-margin-bottom: 0px; --gklpud-margin-bottom-tablet: 0px; --gklpud-margin-bottom-mobile: 0px; --gklpud-margin-left: 0px; --gklpud-margin-left-tablet: 0px; --gklpud-margin-left-mobile: 0px; } [data-bnode="omnise-gklpud"] [data-bnode="omnise-xahf1t"] { --omnise-h4-color: #A65959; --omnise-h4-text-align: center; --omnise-h4-font-weight: 700; --xahf1t-margin-top: 28px; --xahf1t-margin-right: 0px; --xahf1t-margin-bottom: 0px; --xahf1t-margin-left: 0px; --xahf1t-margin-top-tablet: 0px; --xahf1t-margin-right-tablet: 0px; --xahf1t-margin-bottom-tablet: 8px; --xahf1t-margin-left-tablet: 0px; --xahf1t-margin-top-mobile: 0px; --xahf1t-margin-right-mobile: 0px; --xahf1t-margin-bottom-mobile: 8px; --xahf1t-margin-left-mobile: 0px; } [data-bnode="omnise-gklpud"] [data-bnode="omnise-mv2gxg"] { --omnise-p-text-align: start; --mv2gxg-typography: p; --mv2gxg-maxWidth: unset; --mv2gxg-margin-top: 8px; --mv2gxg-margin-right: 0px; --mv2gxg-margin-bottom: 0px; --mv2gxg-margin-left: 0px; --omnise-p2-font-size: 92px; } [data-bnode="omnise-gklpud"] [data-bnode="omnise-0husi8"] { --0husi8-direction: row; } [data-bnode="omnise-gklpud"] [data-bnode="omnise-content-list-item"] { --content-list-item-direction: column; } [data-bnode="omnise-gklpud"] [data-bnode="omnise-cl-image"] { --cl-image-margin-top: 0px; --cl-image-margin-right: 0px; --cl-image-margin-bottom: 0px; --cl-image-margin-left: 0px; --cl-image-borderRadius: 16px; } [data-bnode="omnise-gklpud"] [data-bnode="omnise-6t2qg3"] { --6t2qg3-borderRadius: 16px; --6t2qg3-imageRatio: 3/4; --6t2qg3-objFit: cover; --6t2qg3-borderStyle: solid; --6t2qg3-borderWidth: 0px; --6t2qg3-shadowHorizontal: 0px; --6t2qg3-overlayOpacity: 0; --6t2qg3-width: 100%; --6t2qg3-borderColor: #000000; --6t2qg3-shadowColor: #000000; --6t2qg3-margin-top-tablet: 0px; --6t2qg3-margin-right-tablet: 0px; --6t2qg3-margin-bottom-tablet: 20px; --6t2qg3-margin-left-tablet: 0px; --6t2qg3-margin-top-mobile: 0px; --6t2qg3-margin-right-mobile: 0px; --6t2qg3-margin-bottom-mobile: 20px; --6t2qg3-margin-left-mobile: 0px; } [data-bnode="omnise-gklpud"] [data-bnode="omnise-1zjdy6"] { --1zjdy6-width: 100%; --1zjdy6-imageRatio: 3/4; --1zjdy6-objFit: cover; --1zjdy6-borderColor: #000000; --1zjdy6-shadowColor: #000000; --1zjdy6-borderStyle: none; --1zjdy6-enableShadow: false; }[data-bnode="omnise-gklpud"] { margin-top: var(--gklpud-margin-top, 0px); margin-right: var(--gklpud-margin-right, 0px); margin-bottom: var(--gklpud-margin-bottom, 0px); margin-left: var(--gklpud-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gklpud-margin-top-tablet, 0px); margin-right: var(--gklpud-margin-right-tablet, 0px); margin-bottom: var(--gklpud-margin-bottom-tablet, 0px); margin-left: var(--gklpud-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gklpud-margin-top-mobile, 0px); margin-right: var(--gklpud-margin-right-mobile, 0px); margin-bottom: var(--gklpud-margin-bottom-mobile, 0px); margin-left: var(--gklpud-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item:nth-child(odd) .omnise-media-wrapper { aspect-ratio: 2 / 3; transition: all 0.5s ease; } .omnise-progress-pagination { display: flex; gap: 32px; width: 100%; justify-content: center; align-items: center; } /* ===== Navigation ===== */ .omnise-slider-nav-left, .omnise-slider-nav-right { position: relative; z-index: 9999; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 1; box-shadow: none; transform: none; } .omnise-slider-nav-left svg, .omnise-slider-nav-right svg { width: 24px; height: 24px; } .omnise-slider-pagination-wrp { max-width: 160px; } .omnise-slider-pagination-progress { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 4px; border-radius: 999px; overflow: hidden; } .omnise-slider-pagination-progress span { position: absolute; top: 0; left: 0; display: flex; height: 100%; width: 0%; background-color: var(--gklpud-pagiColor) !important; transition: all 0.3s ease-in-out; } @media (min-width: 1024px) { & .omnise-slider-wrapper[data-desktop-layout="slider"] { .omnise-slider-items { gap: var(--gklpud-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - var(--gklpud-gap, 20px) * (var(--gklpud-columns, 3) - 1)) / var(--gklpud-columns, 3) ); &:last-child { margin-right: var(--gklpud-gap, 20px); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--gklpud-gap, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--gklpud-columns) - 1) * var(--gklpud-gap, 20px)) / var(--gklpud-columns) ); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"] { .omnise-slider-items { gap: var(--gklpud-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--gklpud-gap-tablet, 20px) * (var(--gklpud-columns-tablet, 3) - 1) ) / var(--gklpud-columns-tablet, 3) ); &:last-child { margin-right: var(--gklpud-gap-tablet, 20px); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--gklpud-gap-tablet, 20px); .omnise-slider-item { flex: 0 0 calc( (100% - (var(--gklpud-columns-tablet) - 1) * var(--gklpud-gap-tablet, 20px)) / var(--gklpud-columns-tablet) ); } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"] { .omnise-slider-items { gap: var(--gklpud-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - var(--gklpud-gap-mobile, 20px) * (var(--gklpud-columnsMobile-mobile, 1) - 1) ) / var(--gklpud-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--gklpud-gap-mobile, 20px); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"] { .omnise-slider-items { flex-wrap: wrap; gap: var(--gklpud-gap-mobile, 20px); .omnise-slider-item { flex: 0 0 calc( ( 100% - (var(--gklpud-columnsMobile-mobile) - 1) * var(--gklpud-gap-mobile, 20px) ) / var(--gklpud-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--gklpud-navPadding, 12px); background: var(--gklpud-navBg, #f5f5f5); color: var(--gklpud-navColor, #333333); cursor: pointer; &:hover { background: var(--gklpud-navBgHover, #cccccc); color: var(--gklpud-navColorHover, #333333); } svg { width: var(--gklpud-navIconSize, 20px); height: var(--gklpud-navIconSize, 20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--gklpud-pagiBg, #e6e6e6); &.active { background: var(--gklpud-pagiBgActive, #181818); } &:not(.active):hover { background: var(--gklpud-pagiBgHover, #cccccc); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--gklpud-pagiColor, #e6e6e6); &.active { color: var(--gklpud-pagiColorActive, #181818); } &:not(.active):hover { color: var(--gklpud-pagiColorHover, #181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--gklpud-pagiColor, #e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--gklpud-pagiBg, #e6e6e6); &.active { background: var(--gklpud-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--gklpud-pagiBgHover, #cccccc); } } .omnise-slider-controls-wrp { margin-top: 20px; } } & .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-gklpud"] [data-bnode="omnise-1zjdy6"] { margin-top: var(--1zjdy6-margin-top, 0px); margin-right: var(--1zjdy6-margin-right, 0px); margin-bottom: var(--1zjdy6-margin-bottom, 0px); margin-left: var(--1zjdy6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1zjdy6-margin-top-tablet, 0px); margin-right: var(--1zjdy6-margin-right-tablet, 0px); margin-bottom: var(--1zjdy6-margin-bottom-tablet, 0px); margin-left: var(--1zjdy6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1zjdy6-margin-top-mobile, 0px); margin-right: var(--1zjdy6-margin-right-mobile, 0px); margin-bottom: var(--1zjdy6-margin-bottom-mobile, 0px); margin-left: var(--1zjdy6-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--1zjdy6-width,100%) - var(--1zjdy6-margin-left,0px) - var(--1zjdy6-margin-right,0px)); width: calc(var(--1zjdy6-width,100%) - var(--1zjdy6-margin-left,0px) - var(--1zjdy6-margin-right,0px)); min-height: min-content; border-color: var(--1zjdy6-borderColor,var(--omnise-card-media-border-color)); border-style: var(--1zjdy6-borderStyle,solid); border-width: var(--1zjdy6-borderWidth-tl,var(--omnise-card-border-width)) var(--1zjdy6-borderWidth-tr,var(--omnise-card-border-width)) var(--1zjdy6-borderWidth-br,var(--omnise-card-border-width)) var(--1zjdy6-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--1zjdy6-borderRadius-tl,var(--omnise-card-border-radius)) var(--1zjdy6-borderRadius-tr,var(--omnise-card-border-radius)) var(--1zjdy6-borderRadius-br,var(--omnise-card-border-radius)) var(--1zjdy6-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--1zjdy6-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--1zjdy6-borderWidth-tl-tablet, var(--1zjdy6-borderWidth-tl,var(--omnise-card-border-width))) var(--1zjdy6-borderWidth-tr-tablet, var(--1zjdy6-borderWidth-tr,var(--omnise-card-border-width))) var(--1zjdy6-borderWidth-br-tablet, var(--1zjdy6-borderWidth-br,var(--omnise-card-border-width))) var(--1zjdy6-borderWidth-bl-tablet, var(--1zjdy6-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--1zjdy6-borderRadius-tl-tablet, var(--1zjdy6-borderRadius-tl,var(--omnise-card-border-radius))) var(--1zjdy6-borderRadius-tr-tablet, var(--1zjdy6-borderRadius-tr,var(--omnise-card-border-radius))) var(--1zjdy6-borderRadius-br-tablet, var(--1zjdy6-borderRadius-br,var(--omnise-card-border-radius))) var(--1zjdy6-borderRadius-bl-tablet, var(--1zjdy6-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--1zjdy6-borderWidth-tl-mobile, var(--1zjdy6-borderWidth-tl,var(--omnise-card-border-width))) var(--1zjdy6-borderWidth-tr-mobile, var(--1zjdy6-borderWidth-tr,var(--omnise-card-border-width))) var(--1zjdy6-borderWidth-br-mobile, var(--1zjdy6-borderWidth-br,var(--omnise-card-border-width))) var(--1zjdy6-borderWidth-bl-mobile, var(--1zjdy6-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--1zjdy6-borderRadius-tl-mobile, var(--1zjdy6-borderRadius-tl,var(--omnise-card-border-radius))) var(--1zjdy6-borderRadius-tr-mobile, var(--1zjdy6-borderRadius-tr,var(--omnise-card-border-radius))) var(--1zjdy6-borderRadius-br-mobile, var(--1zjdy6-borderRadius-br,var(--omnise-card-border-radius))) var(--1zjdy6-borderRadius-bl-mobile, var(--1zjdy6-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--1zjdy6-shadowHorizontal, var(--omnise-card-shadow-x)) var(--1zjdy6-shadowVertical, var(--omnise-card-shadow-y)) var(--1zjdy6-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--1zjdy6-shadowColor, var(--omnise-card-media-shadow-color)) var(--1zjdy6-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--1zjdy6-overlayColor-color, #000); opacity: var(--1zjdy6-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--1zjdy6-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--1zjdy6-width-tablet,var(--1zjdy6-width,100%)) - var(--1zjdy6-margin-left-tablet,var(--1zjdy6-margin-left,0px)) - var(--1zjdy6-margin-right-tablet,var(--1zjdy6-margin-right,0px))); width: calc(var(--1zjdy6-width-tablet,var(--1zjdy6-width,100%)) - var(--1zjdy6-margin-left-tablet,var(--1zjdy6-margin-left,0px)) - var(--1zjdy6-margin-right-tablet,var(--1zjdy6-margin-right,0px))); aspect-ratio: var(--1zjdy6-imageRatio-tablet, var(--1zjdy6-imageRatio, auto)); img { object-fit: var(--1zjdy6-objFit-tablet, var(--1zjdy6-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--1zjdy6-width-mobile,var(--1zjdy6-width,100%)) - var(--1zjdy6-margin-left-mobile,var(--1zjdy6-margin-left,0px)) - var(--1zjdy6-margin-right-mobile,var(--1zjdy6-margin-right,0px))); width: calc(var(--1zjdy6-width-mobile,var(--1zjdy6-width,100%)) - var(--1zjdy6-margin-left-mobile,var(--1zjdy6-margin-left,0px)) - var(--1zjdy6-margin-right-mobile,var(--1zjdy6-margin-right,0px))); aspect-ratio: var(--1zjdy6-imageRatio-mobile, var(--1zjdy6-imageRatio, auto)); img { object-fit: var(--1zjdy6-objFit-mobile, var(--1zjdy6-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-f5e6bp"].omnise-section { padding-top: 40px; padding-right: 32px; padding-bottom: 40px; padding-left: 32px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-f5e6bp"].omnise-section { padding-top: 40px; padding-right: 32px; padding-bottom: 40px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-f5e6bp"].omnise-section { padding-top: 40px; padding-right: 32px; padding-bottom: 40px; padding-left: 32px; } } [data-bnode="omnise-f5e6bp"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;     align-items: center;   gap: 80px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(60.00% - 32px - 32px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(40.00% - 32px - 32px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(100% - 32px - 32px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-f5e6bp"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: column;          gap: 64px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-f5e6bp"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: column;          gap: 48px;     }  }[data-bnode="omnise-k1eu36"] { --k1eu36-width: 100%; --k1eu36-width-tablet: 100%; --k1eu36-width-mobile: 100%; --k1eu36-imageRatio: 7/6; --k1eu36-imageRatio-tablet: 7/6; --k1eu36-imageRatio-mobile: 7/6; --k1eu36-objFit: cover; --k1eu36-objFit-tablet: cover; --k1eu36-objFit-mobile: cover; --k1eu36-borderColor: #000000; --k1eu36-borderColor-tablet: #000000; --k1eu36-borderColor-mobile: #000000; --k1eu36-shadowColor: #000000; --k1eu36-shadowColor-tablet: #000000; --k1eu36-shadowColor-mobile: #000000; --k1eu36-borderStyle: none; --k1eu36-borderStyle-tablet: none; --k1eu36-borderStyle-mobile: none; --k1eu36-enableShadow: false; --k1eu36-enableShadow-tablet: false; --k1eu36-enableShadow-mobile: false; --k1eu36-borderRadius-tl: 12px; --k1eu36-borderRadius-tl-tablet: 12px; --k1eu36-borderRadius-tl-mobile: 12px; --k1eu36-borderRadius-tr: 12px; --k1eu36-borderRadius-tr-tablet: 12px; --k1eu36-borderRadius-tr-mobile: 12px; --k1eu36-borderRadius-bl: 12px; --k1eu36-borderRadius-bl-tablet: 12px; --k1eu36-borderRadius-bl-mobile: 12px; --k1eu36-borderRadius-br: 12px; --k1eu36-borderRadius-br-tablet: 12px; --k1eu36-borderRadius-br-mobile: 12px; }[data-bnode="omnise-k1eu36"] { margin-top: var(--k1eu36-margin-top, 0px); margin-right: var(--k1eu36-margin-right, 0px); margin-bottom: var(--k1eu36-margin-bottom, 0px); margin-left: var(--k1eu36-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--k1eu36-margin-top-tablet, 0px); margin-right: var(--k1eu36-margin-right-tablet, 0px); margin-bottom: var(--k1eu36-margin-bottom-tablet, 0px); margin-left: var(--k1eu36-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--k1eu36-margin-top-mobile, 0px); margin-right: var(--k1eu36-margin-right-mobile, 0px); margin-bottom: var(--k1eu36-margin-bottom-mobile, 0px); margin-left: var(--k1eu36-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--k1eu36-width,100%) - var(--k1eu36-margin-left,0px) - var(--k1eu36-margin-right,0px)); width: calc(var(--k1eu36-width,100%) - var(--k1eu36-margin-left,0px) - var(--k1eu36-margin-right,0px)); min-height: min-content; border-color: var(--k1eu36-borderColor,var(--omnise-card-media-border-color)); border-style: var(--k1eu36-borderStyle,solid); border-width: var(--k1eu36-borderWidth-tl,var(--omnise-card-border-width)) var(--k1eu36-borderWidth-tr,var(--omnise-card-border-width)) var(--k1eu36-borderWidth-br,var(--omnise-card-border-width)) var(--k1eu36-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--k1eu36-borderRadius-tl,var(--omnise-card-border-radius)) var(--k1eu36-borderRadius-tr,var(--omnise-card-border-radius)) var(--k1eu36-borderRadius-br,var(--omnise-card-border-radius)) var(--k1eu36-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--k1eu36-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--k1eu36-borderWidth-tl-tablet, var(--k1eu36-borderWidth-tl,var(--omnise-card-border-width))) var(--k1eu36-borderWidth-tr-tablet, var(--k1eu36-borderWidth-tr,var(--omnise-card-border-width))) var(--k1eu36-borderWidth-br-tablet, var(--k1eu36-borderWidth-br,var(--omnise-card-border-width))) var(--k1eu36-borderWidth-bl-tablet, var(--k1eu36-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--k1eu36-borderRadius-tl-tablet, var(--k1eu36-borderRadius-tl,var(--omnise-card-border-radius))) var(--k1eu36-borderRadius-tr-tablet, var(--k1eu36-borderRadius-tr,var(--omnise-card-border-radius))) var(--k1eu36-borderRadius-br-tablet, var(--k1eu36-borderRadius-br,var(--omnise-card-border-radius))) var(--k1eu36-borderRadius-bl-tablet, var(--k1eu36-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--k1eu36-borderWidth-tl-mobile, var(--k1eu36-borderWidth-tl,var(--omnise-card-border-width))) var(--k1eu36-borderWidth-tr-mobile, var(--k1eu36-borderWidth-tr,var(--omnise-card-border-width))) var(--k1eu36-borderWidth-br-mobile, var(--k1eu36-borderWidth-br,var(--omnise-card-border-width))) var(--k1eu36-borderWidth-bl-mobile, var(--k1eu36-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--k1eu36-borderRadius-tl-mobile, var(--k1eu36-borderRadius-tl,var(--omnise-card-border-radius))) var(--k1eu36-borderRadius-tr-mobile, var(--k1eu36-borderRadius-tr,var(--omnise-card-border-radius))) var(--k1eu36-borderRadius-br-mobile, var(--k1eu36-borderRadius-br,var(--omnise-card-border-radius))) var(--k1eu36-borderRadius-bl-mobile, var(--k1eu36-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--k1eu36-shadowHorizontal, var(--omnise-card-shadow-x)) var(--k1eu36-shadowVertical, var(--omnise-card-shadow-y)) var(--k1eu36-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--k1eu36-shadowColor, var(--omnise-card-media-shadow-color)) var(--k1eu36-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--k1eu36-overlayColor-color, #000); opacity: var(--k1eu36-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--k1eu36-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--k1eu36-width-tablet,var(--k1eu36-width,100%)) - var(--k1eu36-margin-left-tablet,var(--k1eu36-margin-left,0px)) - var(--k1eu36-margin-right-tablet,var(--k1eu36-margin-right,0px))); width: calc(var(--k1eu36-width-tablet,var(--k1eu36-width,100%)) - var(--k1eu36-margin-left-tablet,var(--k1eu36-margin-left,0px)) - var(--k1eu36-margin-right-tablet,var(--k1eu36-margin-right,0px))); aspect-ratio: var(--k1eu36-imageRatio-tablet, var(--k1eu36-imageRatio, auto)); img { object-fit: var(--k1eu36-objFit-tablet, var(--k1eu36-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--k1eu36-width-mobile,var(--k1eu36-width,100%)) - var(--k1eu36-margin-left-mobile,var(--k1eu36-margin-left,0px)) - var(--k1eu36-margin-right-mobile,var(--k1eu36-margin-right,0px))); width: calc(var(--k1eu36-width-mobile,var(--k1eu36-width,100%)) - var(--k1eu36-margin-left-mobile,var(--k1eu36-margin-left,0px)) - var(--k1eu36-margin-right-mobile,var(--k1eu36-margin-right,0px))); aspect-ratio: var(--k1eu36-imageRatio-mobile, var(--k1eu36-imageRatio, auto)); img { object-fit: var(--k1eu36-objFit-mobile, var(--k1eu36-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-e7u1tm"] {        flex-wrap: nowrap;        gap: 32px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-e7u1tm"] {                gap: 40px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-e7u1tm"] {              align-items: center;   gap: 32px;     }  }[data-bnode="omnise-7bme82"] {        flex-wrap: nowrap;     align-items: flex-start;   gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-7bme82"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-7bme82"] {                gap: 12px;     }  }[data-bnode="omnise-3t9hit"] { --3t9hit-typography: eyebrow; --3t9hit-typography-tablet: eyebrow; --3t9hit-typography-mobile: eyebrow; --omnise-eyebrow-text-align: start; --omnise-eyebrow-font-size-tablet: 13px; --omnise-eyebrow-line-height-tablet: 1.4; --omnise-eyebrow-letter-spacing-tablet: 2px; }[data-bnode="omnise-3t9hit"] { margin-top: var(--3t9hit-margin-top, 0px); margin-right: var(--3t9hit-margin-right, 0px); margin-bottom: var(--3t9hit-margin-bottom, 0px); margin-left: var(--3t9hit-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3t9hit-margin-top-tablet, 0px); margin-right: var(--3t9hit-margin-right-tablet, 0px); margin-bottom: var(--3t9hit-margin-bottom-tablet, 0px); margin-left: var(--3t9hit-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3t9hit-margin-top-mobile, 0px); margin-right: var(--3t9hit-margin-right-mobile, 0px); margin-bottom: var(--3t9hit-margin-bottom-mobile, 0px); margin-left: var(--3t9hit-margin-left-mobile, 0px); } }[data-bnode="omnise-azpzcx"] { --azpzcx-typography: h2; --azpzcx-typography-tablet: h2; --azpzcx-typography-mobile: h2; }[data-bnode="omnise-azpzcx"] { margin-top: var(--azpzcx-margin-top, 0px); margin-right: var(--azpzcx-margin-right, 0px); margin-bottom: var(--azpzcx-margin-bottom, 0px); margin-left: var(--azpzcx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--azpzcx-margin-top-tablet, 0px); margin-right: var(--azpzcx-margin-right-tablet, 0px); margin-bottom: var(--azpzcx-margin-bottom-tablet, 0px); margin-left: var(--azpzcx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--azpzcx-margin-top-mobile, 0px); margin-right: var(--azpzcx-margin-right-mobile, 0px); margin-bottom: var(--azpzcx-margin-bottom-mobile, 0px); margin-left: var(--azpzcx-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--azpzcx-highlightColor,var(--omnise-p-color)); top: var(--azpzcx-highlightTop, 100%); } }[data-bnode="omnise-uvfhnu"] { --uvfhnu-columns: 1; --uvfhnu-columns-tablet: 1; --uvfhnu-columns-mobile: 1; --uvfhnu-navType: true; --uvfhnu-navType-tablet: true; --uvfhnu-navType-mobile: true; --uvfhnu-pagiType: false; --uvfhnu-pagiType-tablet: false; --uvfhnu-pagiType-mobile: false; --uvfhnu-listType: grid; --uvfhnu-listType-tablet: grid; --uvfhnu-listType-mobile: grid; --uvfhnu-stateNavigation: normal; --uvfhnu-stateNavigation-tablet: normal; --uvfhnu-stateNavigation-mobile: normal; --uvfhnu-statePagination: normal; --uvfhnu-statePagination-tablet: normal; --uvfhnu-statePagination-mobile: normal; --uvfhnu-stateNavigtion: normal; --uvfhnu-stateNavigtion-tablet: normal; --uvfhnu-stateNavigtion-mobile: normal; --uvfhnu-gap: 40px; --uvfhnu-gap-tablet: 40px; --uvfhnu-gap-mobile: 32px; --uvfhnu-columnsMobile-mobile: 1; } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-ude16f"] { --ude16f-typography: h3; } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-5ydduw"] { --5ydduw-typography: p; } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-gb5jn0"] { --gb5jn0-direction: column; --gb5jn0-structure: columns; } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-lm1fn5"] { --lm1fn5-width: 36px; --lm1fn5-imageRatio: 1/1; --lm1fn5-objFit: cover; --lm1fn5-borderColor: #000000; --lm1fn5-borderStyle: none; --lm1fn5-enableShadow: false; --lm1fn5-shadowHorizontal: 0px; --lm1fn5-shadowTransparent: 0%; --lm1fn5-margin-top: 0px; --lm1fn5-margin-right: 0px; --lm1fn5-margin-bottom: 0px; --lm1fn5-margin-left: 0px; } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-ag4cyt"] { --ag4cyt-typography: h5; --omnise-h5-font-size-mobile: 18px; --omnise-h5-line-height-mobile: 1.4; --omnise-h5-letter-spacing-mobile: 0px; } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-hek4l7"] { --hek4l7-typography: p; }[data-bnode="omnise-uvfhnu"] { margin-top: var(--uvfhnu-margin-top, 0px); margin-right: var(--uvfhnu-margin-right, 0px); margin-bottom: var(--uvfhnu-margin-bottom, 0px); margin-left: var(--uvfhnu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uvfhnu-margin-top-tablet, 0px); margin-right: var(--uvfhnu-margin-right-tablet, 0px); margin-bottom: var(--uvfhnu-margin-bottom-tablet, 0px); margin-left: var(--uvfhnu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uvfhnu-margin-top-mobile, 0px); margin-right: var(--uvfhnu-margin-right-mobile, 0px); margin-bottom: var(--uvfhnu-margin-bottom-mobile, 0px); margin-left: var(--uvfhnu-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item{ > .omnise-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"]{ .omnise-slider-items { gap: var(--uvfhnu-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--uvfhnu-gap,var(--omnise-grid-gap, 20px)) * (var(--uvfhnu-columns, 3) - 1)) / var(--uvfhnu-columns, 3)); &:last-child{ margin-right: var(--uvfhnu-gap,var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--uvfhnu-columns, 3), minmax(0, 1fr)); gap: var(--uvfhnu-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item { min-width: 0; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"]{ .omnise-slider-items { gap: var(--uvfhnu-gap-tablet,var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--uvfhnu-gap-tablet,var(--omnise-grid-gap-tablet, 16px)) * (var(--uvfhnu-columns-tablet, 3) - 1)) / var(--uvfhnu-columns-tablet, 3)); &:last-child{ margin-right: var(--uvfhnu-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--uvfhnu-columns-tablet, 3), minmax(0, 1fr)); gap: var(--uvfhnu-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { min-width: 0; } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"]{ .omnise-slider-items { gap: var(--uvfhnu-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--uvfhnu-gap-mobile,var(--omnise-grid-gap-mobile, 10px)) * (var(--uvfhnu-columnsMobile-mobile, 1) - 1)) / var(--uvfhnu-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--uvfhnu-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--uvfhnu-columnsMobile-mobile, 1), minmax(0, 1fr)); gap: var(--uvfhnu-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { min-width: 0; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--uvfhnu-navPadding,12px); background:var(--uvfhnu-navBg,#F5F5F5); color: var(--uvfhnu-navColor,var(--omnise-text-color)); cursor: pointer; border-radius: var(--uvfhnu-navRadius,50%); &:hover { background:var(--uvfhnu-navBgHover,#CCCCCC); color: var(--uvfhnu-navColorHover,var(--omnise-text-color)); } svg { width: var(--uvfhnu-navIconSize,20px); height: var(--uvfhnu-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--uvfhnu-pagiBg,#E6E6E6); &.active { background:var(--uvfhnu-pagiBgActive,#181818); } &:not(.active):hover { background:var(--uvfhnu-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--uvfhnu-pagiColor,#e6e6e6); &.active { color:var(--uvfhnu-pagiColorActive,#181818); } &:not(.active):hover { color: var(--uvfhnu-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--uvfhnu-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--uvfhnu-pagiBg,#E6E6E6); &.active { background: var(--uvfhnu-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--uvfhnu-pagiBgHover,#CCCCCC); } } .omnise-slider-pagination-wrp{ margin-top: 20px; } } & .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-uvfhnu"] [data-bnode="omnise-lm1fn5"] { margin-top: var(--lm1fn5-margin-top, 0px); margin-right: var(--lm1fn5-margin-right, 0px); margin-bottom: var(--lm1fn5-margin-bottom, 0px); margin-left: var(--lm1fn5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lm1fn5-margin-top-tablet, 0px); margin-right: var(--lm1fn5-margin-right-tablet, 0px); margin-bottom: var(--lm1fn5-margin-bottom-tablet, 0px); margin-left: var(--lm1fn5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lm1fn5-margin-top-mobile, 0px); margin-right: var(--lm1fn5-margin-right-mobile, 0px); margin-bottom: var(--lm1fn5-margin-bottom-mobile, 0px); margin-left: var(--lm1fn5-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--lm1fn5-width,100%) - var(--lm1fn5-margin-left,0px) - var(--lm1fn5-margin-right,0px)); width: calc(var(--lm1fn5-width,100%) - var(--lm1fn5-margin-left,0px) - var(--lm1fn5-margin-right,0px)); min-height: min-content; border-color: var(--lm1fn5-borderColor,var(--omnise-card-media-border-color)); border-style: var(--lm1fn5-borderStyle,solid); border-width: var(--lm1fn5-borderWidth-tl,var(--omnise-card-border-width)) var(--lm1fn5-borderWidth-tr,var(--omnise-card-border-width)) var(--lm1fn5-borderWidth-br,var(--omnise-card-border-width)) var(--lm1fn5-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--lm1fn5-borderRadius-tl,var(--omnise-card-border-radius)) var(--lm1fn5-borderRadius-tr,var(--omnise-card-border-radius)) var(--lm1fn5-borderRadius-br,var(--omnise-card-border-radius)) var(--lm1fn5-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--lm1fn5-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--lm1fn5-borderWidth-tl-tablet, var(--lm1fn5-borderWidth-tl,var(--omnise-card-border-width))) var(--lm1fn5-borderWidth-tr-tablet, var(--lm1fn5-borderWidth-tr,var(--omnise-card-border-width))) var(--lm1fn5-borderWidth-br-tablet, var(--lm1fn5-borderWidth-br,var(--omnise-card-border-width))) var(--lm1fn5-borderWidth-bl-tablet, var(--lm1fn5-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--lm1fn5-borderRadius-tl-tablet, var(--lm1fn5-borderRadius-tl,var(--omnise-card-border-radius))) var(--lm1fn5-borderRadius-tr-tablet, var(--lm1fn5-borderRadius-tr,var(--omnise-card-border-radius))) var(--lm1fn5-borderRadius-br-tablet, var(--lm1fn5-borderRadius-br,var(--omnise-card-border-radius))) var(--lm1fn5-borderRadius-bl-tablet, var(--lm1fn5-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--lm1fn5-borderWidth-tl-mobile, var(--lm1fn5-borderWidth-tl,var(--omnise-card-border-width))) var(--lm1fn5-borderWidth-tr-mobile, var(--lm1fn5-borderWidth-tr,var(--omnise-card-border-width))) var(--lm1fn5-borderWidth-br-mobile, var(--lm1fn5-borderWidth-br,var(--omnise-card-border-width))) var(--lm1fn5-borderWidth-bl-mobile, var(--lm1fn5-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--lm1fn5-borderRadius-tl-mobile, var(--lm1fn5-borderRadius-tl,var(--omnise-card-border-radius))) var(--lm1fn5-borderRadius-tr-mobile, var(--lm1fn5-borderRadius-tr,var(--omnise-card-border-radius))) var(--lm1fn5-borderRadius-br-mobile, var(--lm1fn5-borderRadius-br,var(--omnise-card-border-radius))) var(--lm1fn5-borderRadius-bl-mobile, var(--lm1fn5-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--lm1fn5-shadowHorizontal, var(--omnise-card-shadow-x)) var(--lm1fn5-shadowVertical, var(--omnise-card-shadow-y)) var(--lm1fn5-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--lm1fn5-shadowColor, var(--omnise-card-media-shadow-color)) var(--lm1fn5-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--lm1fn5-overlayColor-color, #000); opacity: var(--lm1fn5-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--lm1fn5-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--lm1fn5-width-tablet,var(--lm1fn5-width,100%)) - var(--lm1fn5-margin-left-tablet,var(--lm1fn5-margin-left,0px)) - var(--lm1fn5-margin-right-tablet,var(--lm1fn5-margin-right,0px))); width: calc(var(--lm1fn5-width-tablet,var(--lm1fn5-width,100%)) - var(--lm1fn5-margin-left-tablet,var(--lm1fn5-margin-left,0px)) - var(--lm1fn5-margin-right-tablet,var(--lm1fn5-margin-right,0px))); aspect-ratio: var(--lm1fn5-imageRatio-tablet, var(--lm1fn5-imageRatio, auto)); img { object-fit: var(--lm1fn5-objFit-tablet, var(--lm1fn5-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--lm1fn5-width-mobile,var(--lm1fn5-width,100%)) - var(--lm1fn5-margin-left-mobile,var(--lm1fn5-margin-left,0px)) - var(--lm1fn5-margin-right-mobile,var(--lm1fn5-margin-right,0px))); width: calc(var(--lm1fn5-width-mobile,var(--lm1fn5-width,100%)) - var(--lm1fn5-margin-left-mobile,var(--lm1fn5-margin-left,0px)) - var(--lm1fn5-margin-right-mobile,var(--lm1fn5-margin-right,0px))); aspect-ratio: var(--lm1fn5-imageRatio-mobile, var(--lm1fn5-imageRatio, auto)); img { object-fit: var(--lm1fn5-objFit-mobile, var(--lm1fn5-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-uvfhnu"] [data-bnode="omnise-ag4cyt"] { margin-top: var(--ag4cyt-margin-top, 0px); margin-right: var(--ag4cyt-margin-right, 0px); margin-bottom: var(--ag4cyt-margin-bottom, 0px); margin-left: var(--ag4cyt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ag4cyt-margin-top-tablet, 0px); margin-right: var(--ag4cyt-margin-right-tablet, 0px); margin-bottom: var(--ag4cyt-margin-bottom-tablet, 0px); margin-left: var(--ag4cyt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ag4cyt-margin-top-mobile, 0px); margin-right: var(--ag4cyt-margin-right-mobile, 0px); margin-bottom: var(--ag4cyt-margin-bottom-mobile, 0px); margin-left: var(--ag4cyt-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ag4cyt-highlightColor,var(--omnise-p-color)); top: var(--ag4cyt-highlightTop, 100%); } } [data-bnode="omnise-uvfhnu"] [data-bnode="omnise-hek4l7"] { margin-top: var(--hek4l7-margin-top, 0px); margin-right: var(--hek4l7-margin-right, 0px); margin-bottom: var(--hek4l7-margin-bottom, 0px); margin-left: var(--hek4l7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hek4l7-margin-top-tablet, 0px); margin-right: var(--hek4l7-margin-right-tablet, 0px); margin-bottom: var(--hek4l7-margin-bottom-tablet, 0px); margin-left: var(--hek4l7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hek4l7-margin-top-mobile, 0px); margin-right: var(--hek4l7-margin-right-mobile, 0px); margin-bottom: var(--hek4l7-margin-bottom-mobile, 0px); margin-left: var(--hek4l7-margin-left-mobile, 0px); } }[data-bnode="omnise-uvfhnu"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #e5e5e5; border-width: 1px 0px 0px 0px; border-radius: 0px 0px 0px 0px; padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-uvfhnu"] [data-bnode="be-ctl-item"] {   gap: 16px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-uvfhnu"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-uvfhnu"] [data-bnode="be-ctl-item"] {    gap: 16px;   }  }[data-bnode="omnise-uvfhnu"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #e5e5e5; border-width: 1px 0px 0px 0px; border-radius: 0px 0px 0px 0px; padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-uvfhnu"] [data-bnode="be-ctl-item"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: flex-start;   gap: 16px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-uvfhnu"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-uvfhnu"] [data-bnode="be-ctl-item"] {                gap: 16px;     }  }[data-bnode="omnise-gb5jn0"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-gb5jn0"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-gb5jn0"] {                     }  }[data-bnode="omnise-ig3q6o"] > .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-ig3q6o"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-ig3q6o"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-4hj7ur"] { --4hj7ur-typography: h2; --4hj7ur-typography-tablet: h2; --4hj7ur-typography-mobile: h2; --omnise-h2-text-align: center; --omnise-h2-text-align-mobile: start; --omnise-h2-font-size-mobile: 32px; --omnise-h2-line-height-mobile: 1.2; --omnise-h2-letter-spacing-mobile: -0.02px; }[data-bnode="omnise-4hj7ur"] { margin-top: var(--4hj7ur-margin-top, 0px); margin-right: var(--4hj7ur-margin-right, 0px); margin-bottom: var(--4hj7ur-margin-bottom, 0px); margin-left: var(--4hj7ur-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4hj7ur-margin-top-tablet, 0px); margin-right: var(--4hj7ur-margin-right-tablet, 0px); margin-bottom: var(--4hj7ur-margin-bottom-tablet, 0px); margin-left: var(--4hj7ur-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4hj7ur-margin-top-mobile, 0px); margin-right: var(--4hj7ur-margin-right-mobile, 0px); margin-bottom: var(--4hj7ur-margin-bottom-mobile, 0px); margin-left: var(--4hj7ur-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--4hj7ur-highlightColor,var(--omnise-p-color)); top: var(--4hj7ur-highlightTop, 100%); } }[data-bnode="omnise-3z6884"] { --3z6884-columns: 3; --3z6884-columns-tablet: 1.3; --3z6884-columns-mobile: 1; --3z6884-gap: 20px; --3z6884-gap-tablet: 16px; --3z6884-gap-mobile: 16px; --3z6884-navType: true; --3z6884-navType-tablet: true; --3z6884-navType-mobile: true; --3z6884-pagiType: false; --3z6884-pagiType-tablet: false; --3z6884-pagiType-mobile: false; --3z6884-listType: slider; --3z6884-listType-tablet: slider; --3z6884-listType-mobile: slider; --3z6884-stateNavigation: normal; --3z6884-stateNavigation-tablet: normal; --3z6884-stateNavigation-mobile: normal; --3z6884-statePagination: normal; --3z6884-statePagination-tablet: normal; --3z6884-statePagination-mobile: normal; --3z6884-stateNavigtion: normal; --3z6884-stateNavigtion-tablet: normal; --3z6884-stateNavigtion-mobile: normal; --3z6884-columnsMobile-mobile: 1; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-contlt"] { --omnise-h4-color: #A65959; --omnise-h4-text-align: center; --omnise-h4-font-weight: 700; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-9ftkvx"] { --9ftkvx-width: 100%; --9ftkvx-imageRatio: auto; --9ftkvx-objFit: cover; --9ftkvx-borderColor: #000000; --9ftkvx-shadowColor: #000000; --9ftkvx-borderStyle: none; --9ftkvx-enableShadow: false; --9ftkvx-borderRadius-tl: 12px; --9ftkvx-borderRadius-tr: 12px; --9ftkvx-borderRadius-bl: 12px; --9ftkvx-borderRadius-br: 12px; --9ftkvx-imageRatio-mobile: 7/6; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-syejcl"] { --syejcl-typography: h3; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-roswvz"] { --roswvz-typography: p; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-ufr1be"] { --ufr1be-direction: column; --ufr1be-gap: 16px; --ufr1be-padding-top: 24px; --ufr1be-padding-right: 24px; --ufr1be-padding-bottom: 24px; --ufr1be-padding-left: 24px; --ufr1be-padding-top-tablet: 32px; --ufr1be-padding-right-tablet: 32px; --ufr1be-padding-bottom-tablet: 32px; --ufr1be-padding-left-tablet: 32px; --ufr1be-padding-top-mobile: 32px; --ufr1be-padding-right-mobile: 32px; --ufr1be-padding-bottom-mobile: 32px; --ufr1be-padding-left-mobile: 32px; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-jdfvd7"] { --omnise-p-font-weight: 600; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-8lx00k"] { --8lx00k-typography: p2; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-7fyq6r"] { --7fyq6r-typography: h4; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-b1s8tn"] { --b1s8tn-direction: row; --b1s8tn-structure: columns; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-7fyq6r"] { --7fyq6r-typography: h3; --7fyq6r-typography-tablet: h3; --7fyq6r-typography-mobile: h3; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-8lx00k"] { --8lx00k-typography: p; --8lx00k-typography-tablet: p; --8lx00k-typography-mobile: p; } [data-bnode="omnise-3z6884"] [data-bnode="omnise-jdfvd7"] { --jdfvd7-typography: p; --jdfvd7-typography-tablet: p; --jdfvd7-typography-mobile: p; }[data-bnode="omnise-3z6884"] { margin-top: var(--3z6884-margin-top, 0px); margin-right: var(--3z6884-margin-right, 0px); margin-bottom: var(--3z6884-margin-bottom, 0px); margin-left: var(--3z6884-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3z6884-margin-top-tablet, 0px); margin-right: var(--3z6884-margin-right-tablet, 0px); margin-bottom: var(--3z6884-margin-bottom-tablet, 0px); margin-left: var(--3z6884-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3z6884-margin-top-mobile, 0px); margin-right: var(--3z6884-margin-right-mobile, 0px); margin-bottom: var(--3z6884-margin-bottom-mobile, 0px); margin-left: var(--3z6884-margin-left-mobile, 0px); } &.omnise-content-list { .omnise-slider-item{ > .omnise-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .omnise-slider-wrapper[data-desktop-layout="slider"]{ .omnise-slider-items { gap: var(--3z6884-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--3z6884-gap,var(--omnise-grid-gap, 20px)) * (var(--3z6884-columns, 3) - 1)) / var(--3z6884-columns, 3)); &:last-child{ margin-right: var(--3z6884-gap,var(--omnise-grid-gap, 20px)); } } } } & .omnise-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--3z6884-columns, 3), minmax(0, 1fr)); gap: var(--3z6884-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item { min-width: 0; } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .omnise-slider-wrapper[data-tablet-layout="slider"]{ .omnise-slider-items { gap: var(--3z6884-gap-tablet,var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--3z6884-gap-tablet,var(--omnise-grid-gap-tablet, 16px)) * (var(--3z6884-columns-tablet, 3) - 1)) / var(--3z6884-columns-tablet, 3)); &:last-child{ margin-right: var(--3z6884-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); } } } } & .omnise-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--3z6884-columns-tablet, 3), minmax(0, 1fr)); gap: var(--3z6884-gap-tablet,var(--omnise-grid-gap-tablet, 16px)); .omnise-slider-item { min-width: 0; } } } } @media (max-width: 767px) { & .omnise-slider-wrapper[data-mobile-layout="slider"]{ .omnise-slider-items { gap: var(--3z6884-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--3z6884-gap-mobile,var(--omnise-grid-gap-mobile, 10px)) * (var(--3z6884-columnsMobile-mobile, 1) - 1)) / var(--3z6884-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--3z6884-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); } } } } & .omnise-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .omnise-slider-items { grid-template-columns: minmax(0, 1fr); } } .omnise-slider-items { display: grid; grid-template-columns: repeat(var(--3z6884-columnsMobile-mobile, 1), minmax(0, 1fr)); gap: var(--3z6884-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item { min-width: 0; } } } } /* Navigation & Pagination */ .omnise-slider-nav-left, .omnise-slider-nav-right { padding: var(--3z6884-navPadding,12px); background:var(--3z6884-navBg,#F5F5F5); color: var(--3z6884-navColor,var(--omnise-text-color)); cursor: pointer; border-radius: var(--3z6884-navRadius,50%); &:hover { background:var(--3z6884-navBgHover,#CCCCCC); color: var(--3z6884-navColorHover,var(--omnise-text-color)); } svg { width: var(--3z6884-navIconSize,20px); height: var(--3z6884-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--3z6884-pagiBg,#E6E6E6); &.active { background:var(--3z6884-pagiBgActive,#181818); } &:not(.active):hover { background:var(--3z6884-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--3z6884-pagiColor,#e6e6e6); &.active { color:var(--3z6884-pagiColorActive,#181818); } &:not(.active):hover { color: var(--3z6884-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--3z6884-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--3z6884-pagiBg,#E6E6E6); &.active { background: var(--3z6884-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--3z6884-pagiBgHover,#CCCCCC); } } .omnise-slider-pagination-wrp{ margin-top: 20px; } } & .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-3z6884"] [data-bnode="omnise-7fyq6r"] { margin-top: var(--7fyq6r-margin-top, 0px); margin-right: var(--7fyq6r-margin-right, 0px); margin-bottom: var(--7fyq6r-margin-bottom, 0px); margin-left: var(--7fyq6r-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7fyq6r-margin-top-tablet, 0px); margin-right: var(--7fyq6r-margin-right-tablet, 0px); margin-bottom: var(--7fyq6r-margin-bottom-tablet, 0px); margin-left: var(--7fyq6r-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7fyq6r-margin-top-mobile, 0px); margin-right: var(--7fyq6r-margin-right-mobile, 0px); margin-bottom: var(--7fyq6r-margin-bottom-mobile, 0px); margin-left: var(--7fyq6r-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--7fyq6r-highlightColor,var(--omnise-p-color)); top: var(--7fyq6r-highlightTop, 100%); } } [data-bnode="omnise-3z6884"] [data-bnode="omnise-8lx00k"] { margin-top: var(--8lx00k-margin-top, 0px); margin-right: var(--8lx00k-margin-right, 0px); margin-bottom: var(--8lx00k-margin-bottom, 0px); margin-left: var(--8lx00k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8lx00k-margin-top-tablet, 0px); margin-right: var(--8lx00k-margin-right-tablet, 0px); margin-bottom: var(--8lx00k-margin-bottom-tablet, 0px); margin-left: var(--8lx00k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8lx00k-margin-top-mobile, 0px); margin-right: var(--8lx00k-margin-right-mobile, 0px); margin-bottom: var(--8lx00k-margin-bottom-mobile, 0px); margin-left: var(--8lx00k-margin-left-mobile, 0px); } } [data-bnode="omnise-3z6884"] [data-bnode="omnise-jdfvd7"] { margin-top: var(--jdfvd7-margin-top, 0px); margin-right: var(--jdfvd7-margin-right, 0px); margin-bottom: var(--jdfvd7-margin-bottom, 0px); margin-left: var(--jdfvd7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jdfvd7-margin-top-tablet, 0px); margin-right: var(--jdfvd7-margin-right-tablet, 0px); margin-bottom: var(--jdfvd7-margin-bottom-tablet, 0px); margin-left: var(--jdfvd7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jdfvd7-margin-top-mobile, 0px); margin-right: var(--jdfvd7-margin-right-mobile, 0px); margin-bottom: var(--jdfvd7-margin-bottom-mobile, 0px); margin-left: var(--jdfvd7-margin-left-mobile, 0px); } } [data-bnode="omnise-3z6884"] [data-bnode="omnise-9ftkvx"] { margin-top: var(--9ftkvx-margin-top, 0px); margin-right: var(--9ftkvx-margin-right, 0px); margin-bottom: var(--9ftkvx-margin-bottom, 0px); margin-left: var(--9ftkvx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9ftkvx-margin-top-tablet, 0px); margin-right: var(--9ftkvx-margin-right-tablet, 0px); margin-bottom: var(--9ftkvx-margin-bottom-tablet, 0px); margin-left: var(--9ftkvx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9ftkvx-margin-top-mobile, 0px); margin-right: var(--9ftkvx-margin-right-mobile, 0px); margin-bottom: var(--9ftkvx-margin-bottom-mobile, 0px); margin-left: var(--9ftkvx-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--9ftkvx-width,100%) - var(--9ftkvx-margin-left,0px) - var(--9ftkvx-margin-right,0px)); width: calc(var(--9ftkvx-width,100%) - var(--9ftkvx-margin-left,0px) - var(--9ftkvx-margin-right,0px)); min-height: min-content; border-color: var(--9ftkvx-borderColor,var(--omnise-card-media-border-color)); border-style: var(--9ftkvx-borderStyle,solid); border-width: var(--9ftkvx-borderWidth-tl,var(--omnise-card-border-width)) var(--9ftkvx-borderWidth-tr,var(--omnise-card-border-width)) var(--9ftkvx-borderWidth-br,var(--omnise-card-border-width)) var(--9ftkvx-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--9ftkvx-borderRadius-tl,var(--omnise-card-border-radius)) var(--9ftkvx-borderRadius-tr,var(--omnise-card-border-radius)) var(--9ftkvx-borderRadius-br,var(--omnise-card-border-radius)) var(--9ftkvx-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--9ftkvx-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--9ftkvx-borderWidth-tl-tablet, var(--9ftkvx-borderWidth-tl,var(--omnise-card-border-width))) var(--9ftkvx-borderWidth-tr-tablet, var(--9ftkvx-borderWidth-tr,var(--omnise-card-border-width))) var(--9ftkvx-borderWidth-br-tablet, var(--9ftkvx-borderWidth-br,var(--omnise-card-border-width))) var(--9ftkvx-borderWidth-bl-tablet, var(--9ftkvx-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--9ftkvx-borderRadius-tl-tablet, var(--9ftkvx-borderRadius-tl,var(--omnise-card-border-radius))) var(--9ftkvx-borderRadius-tr-tablet, var(--9ftkvx-borderRadius-tr,var(--omnise-card-border-radius))) var(--9ftkvx-borderRadius-br-tablet, var(--9ftkvx-borderRadius-br,var(--omnise-card-border-radius))) var(--9ftkvx-borderRadius-bl-tablet, var(--9ftkvx-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--9ftkvx-borderWidth-tl-mobile, var(--9ftkvx-borderWidth-tl,var(--omnise-card-border-width))) var(--9ftkvx-borderWidth-tr-mobile, var(--9ftkvx-borderWidth-tr,var(--omnise-card-border-width))) var(--9ftkvx-borderWidth-br-mobile, var(--9ftkvx-borderWidth-br,var(--omnise-card-border-width))) var(--9ftkvx-borderWidth-bl-mobile, var(--9ftkvx-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--9ftkvx-borderRadius-tl-mobile, var(--9ftkvx-borderRadius-tl,var(--omnise-card-border-radius))) var(--9ftkvx-borderRadius-tr-mobile, var(--9ftkvx-borderRadius-tr,var(--omnise-card-border-radius))) var(--9ftkvx-borderRadius-br-mobile, var(--9ftkvx-borderRadius-br,var(--omnise-card-border-radius))) var(--9ftkvx-borderRadius-bl-mobile, var(--9ftkvx-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--9ftkvx-shadowHorizontal, var(--omnise-card-shadow-x)) var(--9ftkvx-shadowVertical, var(--omnise-card-shadow-y)) var(--9ftkvx-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--9ftkvx-shadowColor, var(--omnise-card-media-shadow-color)) var(--9ftkvx-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--9ftkvx-overlayColor-color, #000); opacity: var(--9ftkvx-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--9ftkvx-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--9ftkvx-width-tablet,var(--9ftkvx-width,100%)) - var(--9ftkvx-margin-left-tablet,var(--9ftkvx-margin-left,0px)) - var(--9ftkvx-margin-right-tablet,var(--9ftkvx-margin-right,0px))); width: calc(var(--9ftkvx-width-tablet,var(--9ftkvx-width,100%)) - var(--9ftkvx-margin-left-tablet,var(--9ftkvx-margin-left,0px)) - var(--9ftkvx-margin-right-tablet,var(--9ftkvx-margin-right,0px))); aspect-ratio: var(--9ftkvx-imageRatio-tablet, var(--9ftkvx-imageRatio, auto)); img { object-fit: var(--9ftkvx-objFit-tablet, var(--9ftkvx-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--9ftkvx-width-mobile,var(--9ftkvx-width,100%)) - var(--9ftkvx-margin-left-mobile,var(--9ftkvx-margin-left,0px)) - var(--9ftkvx-margin-right-mobile,var(--9ftkvx-margin-right,0px))); width: calc(var(--9ftkvx-width-mobile,var(--9ftkvx-width,100%)) - var(--9ftkvx-margin-left-mobile,var(--9ftkvx-margin-left,0px)) - var(--9ftkvx-margin-right-mobile,var(--9ftkvx-margin-right,0px))); aspect-ratio: var(--9ftkvx-imageRatio-mobile, var(--9ftkvx-imageRatio, auto)); img { object-fit: var(--9ftkvx-objFit-mobile, var(--9ftkvx-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-3z6884"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #000000; border-width: 0px 0px 0px 0px; border-radius: 12px 12px 12px 12px; background: #fffaf4; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-3z6884"] [data-bnode="be-ctl-item"] {   gap: 8px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3z6884"] [data-bnode="be-ctl-item"] {    gap: 8px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-3z6884"] [data-bnode="be-ctl-item"] {    gap: 0px;   }  }[data-bnode="omnise-3z6884"] [data-bnode="be-ctl-item"] { border-style: solid; border-color: #000000; border-width: 0px 0px 0px 0px; border-radius: 12px 12px 12px 12px; background: #fffaf4; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } [data-bnode="omnise-3z6884"] [data-bnode="be-ctl-item"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 8px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3z6884"] [data-bnode="be-ctl-item"] {                gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-3z6884"] [data-bnode="be-ctl-item"] {      flex-direction: column-reverse;          gap: 0px;     }  }[data-bnode="omnise-ufr1be"] { padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-ufr1be"] { padding-top: 32px; padding-right: 32px; padding-bottom: 32px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-ufr1be"] { padding-top: 32px; padding-right: 32px; padding-bottom: 32px; padding-left: 32px; } } [data-bnode="omnise-ufr1be"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ufr1be"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ufr1be"] {                gap: 16px;     }  }[data-bnode="omnise-b1s8tn"] {     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-b1s8tn"] {                      &>.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-b1s8tn"] {                      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 0px - 0px);    }   }  }[data-bnode="omnise-axah5r"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-w);   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-axah5r"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-w);   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-axah5r"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-w);   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-w0qwpw"] { border-style: solid; border-color: #000000; border-width: 0px 0px 0px 0px; border-radius: 24px 24px 24px 24px; padding-top: 40px; padding-right: 56px; padding-bottom: 40px; padding-left: 56px; } @media (max-width: 767px) { [data-bnode="omnise-w0qwpw"] { padding-top: 36px; padding-right: 24px; padding-bottom: 36px; padding-left: 24px; } } [data-bnode="omnise-w0qwpw"] {     flex-direction: row;   flex-wrap: nowrap;     align-items: center;   gap: 32px;      &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index="1"] {     flex-basis: calc(16.66% - 56px - 56px);    }    &>.omnise-slot[data-bnode-index="2"] {     flex-basis: calc(41.66% - 56px - 56px);    }    &>.omnise-slot[data-bnode-index="3"] {     flex-basis: calc(41.66% - 56px - 56px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-w0qwpw"] {      flex-direction: column;          gap: 20px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-w0qwpw"] {      flex-direction: column;          gap: 20px;     }  }[data-bnode="omnise-gf3au5"] {   max-width: fit-content;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-gf3au5"] {      }  }  @media (max-width: 767px) {   [data-bnode="omnise-gf3au5"] {      }  } [data-bnode="omnise-gf3au5"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-gf3au5"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-gf3au5"] {                     }  }[data-bnode="omnise-4q58g5"] { --4q58g5-width: 120px; --4q58g5-width-tablet: 96px; --4q58g5-width-mobile: 96px; --4q58g5-imageRatio: 1/1; --4q58g5-imageRatio-tablet: 1/1; --4q58g5-imageRatio-mobile: 1/1; --4q58g5-objFit: cover; --4q58g5-objFit-tablet: cover; --4q58g5-objFit-mobile: cover; --4q58g5-shadowColor: #D5B4B400; --4q58g5-shadowColor-tablet: #D5B4B400; --4q58g5-shadowColor-mobile: #D5B4B400; --4q58g5-borderStyle: solid; --4q58g5-borderStyle-tablet: solid; --4q58g5-borderStyle-mobile: solid; --4q58g5-enableShadow: true; --4q58g5-enableShadow-tablet: true; --4q58g5-enableShadow-mobile: true; --4q58g5-shadowBlur: 0px; --4q58g5-shadowBlur-tablet: 0px; --4q58g5-shadowBlur-mobile: 0px; --4q58g5-shadowVertical: 0px; --4q58g5-shadowVertical-tablet: 0px; --4q58g5-shadowVertical-mobile: 0px; --4q58g5-shadowHorizontal: 0px; --4q58g5-shadowHorizontal-tablet: 0px; --4q58g5-shadowHorizontal-mobile: 0px; --4q58g5-overlayOpacity: 0; --4q58g5-overlayOpacity-tablet: 0; --4q58g5-overlayOpacity-mobile: 0; --4q58g5-borderWidth-tl: 0px; --4q58g5-borderWidth-tl-tablet: 0px; --4q58g5-borderWidth-tl-mobile: 0px; --4q58g5-borderWidth-tr: 0px; --4q58g5-borderWidth-tr-tablet: 0px; --4q58g5-borderWidth-tr-mobile: 0px; --4q58g5-borderWidth-bl: 0px; --4q58g5-borderWidth-bl-tablet: 0px; --4q58g5-borderWidth-bl-mobile: 0px; --4q58g5-borderWidth-br: 0px; --4q58g5-borderWidth-br-tablet: 0px; --4q58g5-borderWidth-br-mobile: 0px; }[data-bnode="omnise-4q58g5"] { margin-top: var(--4q58g5-margin-top, 0px); margin-right: var(--4q58g5-margin-right, 0px); margin-bottom: var(--4q58g5-margin-bottom, 0px); margin-left: var(--4q58g5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4q58g5-margin-top-tablet, 0px); margin-right: var(--4q58g5-margin-right-tablet, 0px); margin-bottom: var(--4q58g5-margin-bottom-tablet, 0px); margin-left: var(--4q58g5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4q58g5-margin-top-mobile, 0px); margin-right: var(--4q58g5-margin-right-mobile, 0px); margin-bottom: var(--4q58g5-margin-bottom-mobile, 0px); margin-left: var(--4q58g5-margin-left-mobile, 0px); } &.omnise-media-wrapper { position: relative; overflow: hidden; display: block; max-width: calc(var(--4q58g5-width,100%) - var(--4q58g5-margin-left,0px) - var(--4q58g5-margin-right,0px)); width: calc(var(--4q58g5-width,100%) - var(--4q58g5-margin-left,0px) - var(--4q58g5-margin-right,0px)); min-height: min-content; border-color: var(--4q58g5-borderColor,var(--omnise-card-media-border-color)); border-style: var(--4q58g5-borderStyle,solid); border-width: var(--4q58g5-borderWidth-tl,var(--omnise-card-border-width)) var(--4q58g5-borderWidth-tr,var(--omnise-card-border-width)) var(--4q58g5-borderWidth-br,var(--omnise-card-border-width)) var(--4q58g5-borderWidth-bl,var(--omnise-card-border-width)); border-radius: var(--4q58g5-borderRadius-tl,var(--omnise-card-border-radius)) var(--4q58g5-borderRadius-tr,var(--omnise-card-border-radius)) var(--4q58g5-borderRadius-br,var(--omnise-card-border-radius)) var(--4q58g5-borderRadius-bl,var(--omnise-card-border-radius)); aspect-ratio: var(--4q58g5-imageRatio, auto); &.omnise-image-lightbox { cursor: zoom-in; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--4q58g5-borderWidth-tl-tablet, var(--4q58g5-borderWidth-tl,var(--omnise-card-border-width))) var(--4q58g5-borderWidth-tr-tablet, var(--4q58g5-borderWidth-tr,var(--omnise-card-border-width))) var(--4q58g5-borderWidth-br-tablet, var(--4q58g5-borderWidth-br,var(--omnise-card-border-width))) var(--4q58g5-borderWidth-bl-tablet, var(--4q58g5-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--4q58g5-borderRadius-tl-tablet, var(--4q58g5-borderRadius-tl,var(--omnise-card-border-radius))) var(--4q58g5-borderRadius-tr-tablet, var(--4q58g5-borderRadius-tr,var(--omnise-card-border-radius))) var(--4q58g5-borderRadius-br-tablet, var(--4q58g5-borderRadius-br,var(--omnise-card-border-radius))) var(--4q58g5-borderRadius-bl-tablet, var(--4q58g5-borderRadius-bl,var(--omnise-card-border-radius))); } @media (max-width: 767px) { border-width: var(--4q58g5-borderWidth-tl-mobile, var(--4q58g5-borderWidth-tl,var(--omnise-card-border-width))) var(--4q58g5-borderWidth-tr-mobile, var(--4q58g5-borderWidth-tr,var(--omnise-card-border-width))) var(--4q58g5-borderWidth-br-mobile, var(--4q58g5-borderWidth-br,var(--omnise-card-border-width))) var(--4q58g5-borderWidth-bl-mobile, var(--4q58g5-borderWidth-bl,var(--omnise-card-border-width))); border-radius: var(--4q58g5-borderRadius-tl-mobile, var(--4q58g5-borderRadius-tl,var(--omnise-card-border-radius))) var(--4q58g5-borderRadius-tr-mobile, var(--4q58g5-borderRadius-tr,var(--omnise-card-border-radius))) var(--4q58g5-borderRadius-br-mobile, var(--4q58g5-borderRadius-br,var(--omnise-card-border-radius))) var(--4q58g5-borderRadius-bl-mobile, var(--4q58g5-borderRadius-bl,var(--omnise-card-border-radius))); } box-shadow: var(--4q58g5-shadowHorizontal, var(--omnise-card-shadow-x)) var(--4q58g5-shadowVertical, var(--omnise-card-shadow-y)) var(--4q58g5-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--4q58g5-shadowColor, var(--omnise-card-media-shadow-color)) var(--4q58g5-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--4q58g5-overlayColor-color, #000); opacity: var(--4q58g5-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--4q58g5-objFit, cover); object-position: var(--omnise-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--4q58g5-width-tablet,var(--4q58g5-width,100%)) - var(--4q58g5-margin-left-tablet,var(--4q58g5-margin-left,0px)) - var(--4q58g5-margin-right-tablet,var(--4q58g5-margin-right,0px))); width: calc(var(--4q58g5-width-tablet,var(--4q58g5-width,100%)) - var(--4q58g5-margin-left-tablet,var(--4q58g5-margin-left,0px)) - var(--4q58g5-margin-right-tablet,var(--4q58g5-margin-right,0px))); aspect-ratio: var(--4q58g5-imageRatio-tablet, var(--4q58g5-imageRatio, auto)); img { object-fit: var(--4q58g5-objFit-tablet, var(--4q58g5-objFit, cover)); object-position: var(--omnise-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--4q58g5-width-mobile,var(--4q58g5-width,100%)) - var(--4q58g5-margin-left-mobile,var(--4q58g5-margin-left,0px)) - var(--4q58g5-margin-right-mobile,var(--4q58g5-margin-right,0px))); width: calc(var(--4q58g5-width-mobile,var(--4q58g5-width,100%)) - var(--4q58g5-margin-left-mobile,var(--4q58g5-margin-left,0px)) - var(--4q58g5-margin-right-mobile,var(--4q58g5-margin-right,0px))); aspect-ratio: var(--4q58g5-imageRatio-mobile, var(--4q58g5-imageRatio, auto)); img { object-fit: var(--4q58g5-objFit-mobile, var(--4q58g5-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-cuqaf2"] {        flex-wrap: nowrap;     align-items: flex-start;   gap: 8px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-cuqaf2"] {              align-items: center;   gap: 8px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-cuqaf2"] {              align-items: center;   gap: 8px;     }  }[data-bnode="omnise-x7biwn"] { --x7biwn-typography: h2; --x7biwn-typography-tablet: h2; --x7biwn-typography-mobile: h2; --omnise-h2-text-align: start; --omnise-h2-text-align-tablet: center; --omnise-h2-text-align-mobile: center; }[data-bnode="omnise-x7biwn"] { margin-top: var(--x7biwn-margin-top, 0px); margin-right: var(--x7biwn-margin-right, 0px); margin-bottom: var(--x7biwn-margin-bottom, 0px); margin-left: var(--x7biwn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x7biwn-margin-top-tablet, 0px); margin-right: var(--x7biwn-margin-right-tablet, 0px); margin-bottom: var(--x7biwn-margin-bottom-tablet, 0px); margin-left: var(--x7biwn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x7biwn-margin-top-mobile, 0px); margin-right: var(--x7biwn-margin-right-mobile, 0px); margin-bottom: var(--x7biwn-margin-bottom-mobile, 0px); margin-left: var(--x7biwn-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--x7biwn-highlightColor,var(--omnise-p-color)); top: var(--x7biwn-highlightTop, 100%); } }[data-bnode="omnise-ppn4az"] { --ppn4az-typography: p; --ppn4az-typography-tablet: p; --ppn4az-typography-mobile: p; --omnise-p-text-align-tablet: center; --omnise-p-text-align-mobile: center; }[data-bnode="omnise-ppn4az"] { margin-top: var(--ppn4az-margin-top, 0px); margin-right: var(--ppn4az-margin-right, 0px); margin-bottom: var(--ppn4az-margin-bottom, 0px); margin-left: var(--ppn4az-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ppn4az-margin-top-tablet, 0px); margin-right: var(--ppn4az-margin-right-tablet, 0px); margin-bottom: var(--ppn4az-margin-bottom-tablet, 0px); margin-left: var(--ppn4az-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ppn4az-margin-top-mobile, 0px); margin-right: var(--ppn4az-margin-right-mobile, 0px); margin-bottom: var(--ppn4az-margin-bottom-mobile, 0px); margin-left: var(--ppn4az-margin-left-mobile, 0px); } }[data-bnode="omnise-x23otq"] {    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-x23otq"] {    max-width: 50%;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-x23otq"] {      }  } [data-bnode="omnise-x23otq"] {        flex-wrap: nowrap;            }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-x23otq"] {                     }  }  @media (max-width: 767px) {   [data-bnode="omnise-x23otq"] {                     }  }[data-bnode="omnise-ux773w"] { --ux773w-timer: number; --ux773w-timer-tablet: number; --ux773w-timer-mobile: number; --ux773w-typographyNumber: h2; --ux773w-typographyNumber-tablet: h2; --ux773w-typographyNumber-mobile: h2; --ux773w-paddingX: 0px; --ux773w-paddingX-tablet: 0px; --ux773w-paddingX-mobile: 0px; --ux773w-paddingY: 0px; --ux773w-paddingY-tablet: 0px; --ux773w-paddingY-mobile: 0px; --ux773w-background-type: color; --ux773w-background-type-tablet: color; --ux773w-background-type-mobile: color; --ux773w-background-color: #EDEDED00; --ux773w-background-color-tablet: #EDEDED00; --ux773w-background-color-mobile: #EDEDED00; --ux773w-gap: 0px; --ux773w-gap-tablet: 0px; --ux773w-gap-mobile: 0px; --omnise-h2-text-align: center; --ux773w-typographyLabel: p; --ux773w-typographyLabel-tablet: p; --ux773w-typographyLabel-mobile: p; --omnise-p-text-align: center; --ux773w-margin-top-mobile: 0px; --ux773w-margin-right-mobile: 0px; --ux773w-margin-bottom-mobile: 0px; --ux773w-margin-left-mobile: 0px; }[data-bnode="omnise-ux773w"] { margin-top: var(--ux773w-margin-top, 0px); margin-right: var(--ux773w-margin-right, 0px); margin-bottom: var(--ux773w-margin-bottom, 0px); margin-left: var(--ux773w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ux773w-margin-top-tablet, 0px); margin-right: var(--ux773w-margin-right-tablet, 0px); margin-bottom: var(--ux773w-margin-bottom-tablet, 0px); margin-left: var(--ux773w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ux773w-margin-top-mobile, 0px); margin-right: var(--ux773w-margin-right-mobile, 0px); margin-bottom: var(--ux773w-margin-bottom-mobile, 0px); margin-left: var(--ux773w-margin-left-mobile, 0px); } &.omnise-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--ux773w-gap, 10px); &.time-out[data-action-time-out="hide"] { display: none; } .omnise-separator-hidden { display: none; } .omnise-separator-show { display: flex; } .omnise-countdown-item { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; border-radius: var(--ux773w-borderRadius); border: var(--ux773w-borderWidth) var(--ux773w-borderStyle) var(--ux773w-borderColor, #000000); box-shadow: if(style(--ux773w-enableShadow: true): var(--ux773w-shadowHorizontal, 0) var(--ux773w-shadowVertical, 0) var(--ux773w-shadowBlur, 0) 1px var(--ux773w-shadowColor, #000000); else: none); overflow: hidden; background: var(--ux773w-background-color); padding-inline: var(--ux773w-paddingX); padding-block: var(--ux773w-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(--ux773w-gap-tablet, 10px); .omnise-countdown-item { padding-inline: var(--ux773w-paddingX-tablet); padding-block: var(--ux773w-paddingY-tablet); } } } @media (max-width: 767px) { &.omnise-countdown-wrapper { gap: var(--ux773w-gap-mobile, 10px); .omnise-countdown-item { padding-inline: var(--ux773w-paddingX-mobile); padding-block: var(--ux773w-paddingY-mobile); } } } }