/** Shopify CDN: Minification failed

Line 592:0 Unexpected "}"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ========== FADE EFFECT ========== */
.omnise-slider-wrapper[data-effect="fade"] {
  .omnise-slider-items {
    scroll-behavior: auto;
  }
  .omnise-slide-item {
    flex: 0 0 100%;
  }
}
[data-bnode="omnise-7xu8oi"] { & { margin-top :7vmax !important; margin-left: 2vmax !important; margin-right: 2vmax !important; } .omnise-section-container { column-gap: 1vmax !important; row-gap: 1vmax !important; gap: 1vmax !important; } /* Tablet */ @media (max-width: 1024px) { & { margin-left: 1vmax !important; margin-right: 1vmax !important; } } /* Mobile */ @media (max-width: 767px) { & { margin-left: 1vmax !important; margin-right: 1vmax !important; } } }@media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-7xu8oi"].omnise-section { padding-top: 56px; padding-right: 32px; padding-bottom: 56px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-7xu8oi"].omnise-section { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } [data-bnode="omnise-7xu8oi"] > .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-7xu8oi"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }  @media (max-width: 767px) {   [data-bnode="omnise-7xu8oi"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                   }  }[data-bnode="omnise-44wfj8"] { --44wfj8-typography: h1; --44wfj8-typography-tablet: h1; --44wfj8-typography-mobile: h1; --omnise-h1-text-align: start; --omnise-h1-font-size: 70px; --omnise-h1-color: #4a4a4a; --omnise-h1-font-size-tablet: 60px; --omnise-h1-font-size-mobile: 52px; --44wfj8-margin-top-mobile: 0px; --44wfj8-margin-right-mobile: 0px; --44wfj8-margin-bottom-mobile: 0px; --44wfj8-margin-left-mobile: 0px; }[data-bnode="omnise-44wfj8"] { margin-top: var(--44wfj8-margin-top, 0px); margin-right: var(--44wfj8-margin-right, 0px); margin-bottom: var(--44wfj8-margin-bottom, 0px); margin-left: var(--44wfj8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--44wfj8-margin-top-tablet, 0px); margin-right: var(--44wfj8-margin-right-tablet, 0px); margin-bottom: var(--44wfj8-margin-bottom-tablet, 0px); margin-left: var(--44wfj8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--44wfj8-margin-top-mobile, 0px); margin-right: var(--44wfj8-margin-right-mobile, 0px); margin-bottom: var(--44wfj8-margin-bottom-mobile, 0px); margin-left: var(--44wfj8-margin-left-mobile, 0px); } @media (max-width: 767px) { & { letter-spacing: -1.2px !important; margin-left: 0px !important; line-height: 56px !important; } } }[data-bnode="omnise-n26917"] {   max-width: 50%;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-n26917"] {    max-width: 70%;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-n26917"] {    max-width: 100%;   }  } [data-bnode="omnise-n26917"] {        flex-wrap: nowrap;        gap: 14px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-n26917"] {                gap: 14px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-n26917"] {                gap: 10px;     }  }[data-bnode="omnise-ns4ih8"] { --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-p-letter-spacing: -0.4px; --omnise-p-line-height: 1.2; --omnise-p-color: #4a4a4a; --omnise-p-font-size: 16px; --omnise-p-font-size-mobile: 13px; --omnise-p-letter-spacing-mobile: -0.1px; }[data-bnode="omnise-ns4ih8"] { margin-top: var(--ns4ih8-margin-top, 0px); margin-right: var(--ns4ih8-margin-right, 0px); margin-bottom: var(--ns4ih8-margin-bottom, 0px); margin-left: var(--ns4ih8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ns4ih8-margin-top-tablet, 0px); margin-right: var(--ns4ih8-margin-right-tablet, 0px); margin-bottom: var(--ns4ih8-margin-bottom-tablet, 0px); margin-left: var(--ns4ih8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ns4ih8-margin-top-mobile, 0px); margin-right: var(--ns4ih8-margin-right-mobile, 0px); margin-bottom: var(--ns4ih8-margin-bottom-mobile, 0px); margin-left: var(--ns4ih8-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; } font-weight: 500 !important; } &.omnise-rich-text .omnise-p { font-size: 13px !important; } @media (max-width: 767px) { & { line-height: 17px !important; } } }[data-bnode="omnise-ak6vns"] { --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-p-letter-spacing: -0.4px; --omnise-p-line-height: 1.2; --omnise-p-color: #4a4a4a; --omnise-p-font-size: 16px; --omnise-p-letter-spacing-mobile: -0.1px; --omnise-p-font-size-mobile: 13px; }[data-bnode="omnise-ak6vns"] { margin-top: var(--ak6vns-margin-top, 0px); margin-right: var(--ak6vns-margin-right, 0px); margin-bottom: var(--ak6vns-margin-bottom, 0px); margin-left: var(--ak6vns-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ak6vns-margin-top-tablet, 0px); margin-right: var(--ak6vns-margin-right-tablet, 0px); margin-bottom: var(--ak6vns-margin-bottom-tablet, 0px); margin-left: var(--ak6vns-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ak6vns-margin-top-mobile, 0px); margin-right: var(--ak6vns-margin-right-mobile, 0px); margin-bottom: var(--ak6vns-margin-bottom-mobile, 0px); margin-left: var(--ak6vns-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; } font-weight: 500 !important; } &.omnise-rich-text .omnise-p { font-size: 13px !important; } @media (max-width: 767px) { & { line-height: 17px !important; } } }[data-bnode="omnise-wu7csr"] { --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-p-letter-spacing: -0.4px; --omnise-p-line-height: 1.2; --omnise-p-color: #4a4a4a; --omnise-p-font-size: 16px; --omnise-p-letter-spacing-mobile: -0.1px; --omnise-p-font-size-mobile: 13px; }[data-bnode="omnise-wu7csr"] { margin-top: var(--wu7csr-margin-top, 0px); margin-right: var(--wu7csr-margin-right, 0px); margin-bottom: var(--wu7csr-margin-bottom, 0px); margin-left: var(--wu7csr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wu7csr-margin-top-tablet, 0px); margin-right: var(--wu7csr-margin-right-tablet, 0px); margin-bottom: var(--wu7csr-margin-bottom-tablet, 0px); margin-left: var(--wu7csr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wu7csr-margin-top-mobile, 0px); margin-right: var(--wu7csr-margin-right-mobile, 0px); margin-bottom: var(--wu7csr-margin-bottom-mobile, 0px); margin-left: var(--wu7csr-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; } font-weight: 500 !important; } @media (max-width: 767px) { & { line-height: 17px !important; } } }[data-bnode="omnise-8r7gpa"] { --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-p-letter-spacing: -0.4px; --omnise-p-line-height: 1.2; --omnise-p-color: #4a4a4a; --omnise-p-font-size: 16px; --omnise-p-letter-spacing-mobile: -0.1px; --omnise-p-font-size-mobile: 13px; }[data-bnode="omnise-8r7gpa"] { margin-top: var(--8r7gpa-margin-top, 0px); margin-right: var(--8r7gpa-margin-right, 0px); margin-bottom: var(--8r7gpa-margin-bottom, 0px); margin-left: var(--8r7gpa-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8r7gpa-margin-top-tablet, 0px); margin-right: var(--8r7gpa-margin-right-tablet, 0px); margin-bottom: var(--8r7gpa-margin-bottom-tablet, 0px); margin-left: var(--8r7gpa-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8r7gpa-margin-top-mobile, 0px); margin-right: var(--8r7gpa-margin-right-mobile, 0px); margin-bottom: var(--8r7gpa-margin-bottom-mobile, 0px); margin-left: var(--8r7gpa-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; } font-weight: 500 !important; } &.omnise-rich-text .omnise-p { font-size: 13px !important; } @media (max-width: 767px) { & { line-height: 17px !important; } } }[data-bnode="omnise-56jo47"] { --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-p-letter-spacing: -0.4px; --omnise-p-line-height: 1.2; --omnise-p-color: #4a4a4a; --omnise-p-font-size: 16px; --omnise-p-font-size-mobile: 13px; --omnise-p-letter-spacing-mobile: -0.1px; }[data-bnode="omnise-56jo47"] { margin-top: var(--56jo47-margin-top, 0px); margin-right: var(--56jo47-margin-right, 0px); margin-bottom: var(--56jo47-margin-bottom, 0px); margin-left: var(--56jo47-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--56jo47-margin-top-tablet, 0px); margin-right: var(--56jo47-margin-right-tablet, 0px); margin-bottom: var(--56jo47-margin-bottom-tablet, 0px); margin-left: var(--56jo47-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--56jo47-margin-top-mobile, 0px); margin-right: var(--56jo47-margin-right-mobile, 0px); margin-bottom: var(--56jo47-margin-bottom-mobile, 0px); margin-left: var(--56jo47-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; } font-weight: 500 !important; } &.omnise-rich-text .omnise-p { font-size: 13px !important; } @media (max-width: 767px) { & { line-height: 17px !important; } } }@media (max-width: 767px) { [data-bnode="omnise-zs1bq3"] { padding-top: 16px; padding-right: 0px; padding-bottom: 16px; padding-left: 0px; } } [data-bnode="omnise-zs1bq3"] {     flex-direction: row;   flex-wrap: nowrap;        gap: 16px;        &>.omnise-slot[data-bnode-index] {       flex: 1;      }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-zs1bq3"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-zs1bq3"] {           justify-content: center;     gap: 16px;     }  }[data-bnode="omnise-0qgp5q"] { --0qgp5q-button: pr; --0qgp5q-button-tablet: pr; --0qgp5q-button-mobile: pr; --0qgp5q-iconColor: #FFFFFF; --0qgp5q-iconColor-tablet: #FFFFFF; --0qgp5q-iconColor-mobile: #FFFFFF; --0qgp5q-iconBackgroundColor: #C0FB0A; --0qgp5q-iconBackgroundColor-tablet: #C0FB0A; --0qgp5q-iconBackgroundColor-mobile: #C0FB0A; --0qgp5q-iconPadding: 6px; --0qgp5q-iconPadding-tablet: 6px; --0qgp5q-iconPadding-mobile: 26px; --0qgp5q-iconRadius: 100px; --0qgp5q-iconRadius-tablet: 100px; --0qgp5q-iconRadius-mobile: 100px; --0qgp5q-iconGap: 8px; --0qgp5q-iconGap-tablet: 8px; --0qgp5q-iconGap-mobile: 7px; --omnise-btn-font-weight: 800; --omnise-btn-text-transform: uppercase; --omnise-btn-padding: 16px; --omnise-btn-border-radius: 50px; --omnise-btn-pr-background-color: #ffffff; --omnise-btn-pr-label-color: #4A4A4A; --omnise-btn-font-size: 15px; --0qgp5q-bgBtnHover: 0; --0qgp5q-bgBtnHover-tablet: 0; --0qgp5q-bgBtnHover-mobile: 0; --0qgp5q-borderBtnHover: 0; --0qgp5q-borderBtnHover-tablet: 0; --0qgp5q-borderBtnHover-mobile: 0; --0qgp5q-labelBtnHover: 0; --0qgp5q-labelBtnHover-tablet: 0; --0qgp5q-labelBtnHover-mobile: 0; --omnise-btn-height-mobile: 42px; --omnise-btn-padding-mobile: 20px; --omnise-btn-font-size-mobile: 12px; }[data-bnode="omnise-0qgp5q"] { margin-top: var(--0qgp5q-margin-top, 0px); margin-right: var(--0qgp5q-margin-right, 0px); margin-bottom: var(--0qgp5q-margin-bottom, 0px); margin-left: var(--0qgp5q-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0qgp5q-margin-top-tablet, 0px); margin-right: var(--0qgp5q-margin-right-tablet, 0px); margin-bottom: var(--0qgp5q-margin-bottom-tablet, 0px); margin-left: var(--0qgp5q-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0qgp5q-margin-top-mobile, 0px); margin-right: var(--0qgp5q-margin-right-mobile, 0px); margin-bottom: var(--0qgp5q-margin-bottom-mobile, 0px); margin-left: var(--0qgp5q-margin-left-mobile, 0px); } &{ gap:var(--0qgp5q-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--0qgp5q-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--0qgp5q-bgBtnHover)) * 1%)); style(--0qgp5q-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--0qgp5q-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--0qgp5q-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--0qgp5q-labelBtnHover)) * 1%)); style(--0qgp5q-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--0qgp5q-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--0qgp5q-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--0qgp5q-borderBtnHover)) * 1%)); style(--0qgp5q-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--0qgp5q-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--0qgp5q-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--0qgp5q-bgBtnHover)) * 1%)); style(--0qgp5q-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--0qgp5q-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--0qgp5q-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--0qgp5q-labelBtnHover)) * 1%)); style(--0qgp5q-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--0qgp5q-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--0qgp5q-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--0qgp5q-borderBtnHover)) * 1%)); style(--0qgp5q-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--0qgp5q-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--0qgp5q-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--0qgp5q-labelBtnHover)) * 1%)); style(--0qgp5q-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--0qgp5q-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span, .omnise-icon-wrapper { display: flex; align-items: center; justify-content: center; font-size: var(--0qgp5q-iconWidth); padding: var(--0qgp5q-iconPadding, var(--0qgp5q-padding, 0px)); border-radius: var(--0qgp5q-iconBorderRadius, var(--0qgp5q-iconRadius, var(--0qgp5q-borderRadius, 0px))); background-color: var(--0qgp5q-iconBackgroundColor, var(--0qgp5q-iconBg, var(--0qgp5q-backgroundColor, transparent))); color: var(--0qgp5q-iconColor, currentColor); } svg { width: var(--0qgp5q-iconWidth,20px); min-width: var(--0qgp5q-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--0qgp5q-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span, .omnise-icon-wrapper { font-size: var(--0qgp5q-iconWidth-tablet, var(--0qgp5q-iconWidth)); padding: var(--0qgp5q-iconPadding-tablet, var(--0qgp5q-iconPadding, var(--0qgp5q-padding-tablet, var(--0qgp5q-padding, 0px)))); border-radius: var(--0qgp5q-iconBorderRadius-tablet, var(--0qgp5q-iconBorderRadius, var(--0qgp5q-iconRadius-tablet, var(--0qgp5q-iconRadius, var(--0qgp5q-borderRadius-tablet, var(--0qgp5q-borderRadius, 0px)))))); } svg { width: var(--0qgp5q-iconWidth-tablet, var(--0qgp5q-iconWidth, 20px)); min-width: var(--0qgp5q-iconWidth-tablet, var(--0qgp5q-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--0qgp5q-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span, .omnise-icon-wrapper { font-size: var(--0qgp5q-iconWidth-mobile, var(--0qgp5q-iconWidth)); padding: var(--0qgp5q-iconPadding-mobile, var(--0qgp5q-iconPadding, var(--0qgp5q-padding-mobile, var(--0qgp5q-padding, 0px)))); border-radius: var(--0qgp5q-iconBorderRadius-mobile, var(--0qgp5q-iconBorderRadius, var(--0qgp5q-iconRadius-mobile, var(--0qgp5q-iconRadius, var(--0qgp5q-borderRadius-mobile, var(--0qgp5q-borderRadius, 0px)))))); } svg { width: var(--0qgp5q-iconWidth-mobile, var(--0qgp5q-iconWidth, 20px)); min-width: var(--0qgp5q-iconWidth-mobile, var(--0qgp5q-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-3ousih"] { --3ousih-button: pr; --3ousih-button-tablet: pr; --3ousih-button-mobile: pr; --3ousih-iconColor: #FFFFFF; --3ousih-iconColor-tablet: #FFFFFF; --3ousih-iconColor-mobile: #FFFFFF; --3ousih-iconBackgroundColor: #C0FB0A; --3ousih-iconBackgroundColor-tablet: #C0FB0A; --3ousih-iconBackgroundColor-mobile: #C0FB0A; --3ousih-iconPadding: 6px; --3ousih-iconPadding-tablet: 6px; --3ousih-iconPadding-mobile: 6px; --3ousih-iconRadius: 100px; --3ousih-iconRadius-tablet: 100px; --3ousih-iconRadius-mobile: 100px; --3ousih-iconGap: 8px; --3ousih-iconGap-tablet: 8px; --3ousih-iconGap-mobile: 8px; --omnise-btn-font-weight: 800; --omnise-btn-text-transform: uppercase; --omnise-btn-padding: 16px; --omnise-btn-border-radius: 50px; --omnise-btn-pr-background-color: #ffffff; --omnise-btn-pr-label-color: #4A4A4A; --omnise-btn-font-size: 15px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-height-mobile: 42px; --omnise-btn-padding-mobile: 20px; }[data-bnode="omnise-3ousih"] { margin-top: var(--3ousih-margin-top, 0px); margin-right: var(--3ousih-margin-right, 0px); margin-bottom: var(--3ousih-margin-bottom, 0px); margin-left: var(--3ousih-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3ousih-margin-top-tablet, 0px); margin-right: var(--3ousih-margin-right-tablet, 0px); margin-bottom: var(--3ousih-margin-bottom-tablet, 0px); margin-left: var(--3ousih-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3ousih-margin-top-mobile, 0px); margin-right: var(--3ousih-margin-right-mobile, 0px); margin-bottom: var(--3ousih-margin-bottom-mobile, 0px); margin-left: var(--3ousih-margin-left-mobile, 0px); } &{ gap:var(--3ousih-iconGap,5px); &.omnise-btn-pr:hover{ background-color: if( style(--3ousih-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), white calc(abs(var(--3ousih-bgBtnHover)) * 1%)); style(--3ousih-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-background-color), black calc(abs(var(--3ousih-bgBtnHover)) * 1%)); else: var(--omnise-btn-pr-background-hover) ); color: if( style(--3ousih-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), white calc(abs(var(--3ousih-labelBtnHover)) * 1%)); style(--3ousih-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-label-color), black calc(abs(var(--3ousih-labelBtnHover)) * 1%)); else: var(--omnise-btn-pr-label-hover) ); outline-color: if( style(--3ousih-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-pr-borde-color), white calc(abs(var(--3ousih-borderBtnHover)) * 1%)); style(--3ousih-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-pr-border-color), black calc(abs(var(--3ousih-borderBtnHover)) * 1%)); else: var(--omnise-btn-pr-border-hover) ); } &.omnise-btn-se:hover{ background-color: if( style(--3ousih-bgBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-background-color), white calc(abs(var(--3ousih-bgBtnHover)) * 1%)); style(--3ousih-bgBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-background-color), black calc(abs(var(--3ousih-bgBtnHover)) * 1%)); else: var(--omnise-btn-se-background-hover) ); color: if( style(--3ousih-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-label-color), white calc(abs(var(--3ousih-labelBtnHover)) * 1%)); style(--3ousih-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-label-color), black calc(abs(var(--3ousih-labelBtnHover)) * 1%)); else: var(--omnise-btn-se-label-hover) ); outline-color: if( style(--3ousih-borderBtnHover < 0): color-mix(in srgb, var(--omnise-btn-se-borde-color), white calc(abs(var(--3ousih-borderBtnHover)) * 1%)); style(--3ousih-borderBtnHover > 0): color-mix(in srgb, var(--omnise-btn-se-border-color), black calc(abs(var(--3ousih-borderBtnHover)) * 1%)); else: var(--omnise-btn-se-border-hover) ); } &.omnise-btn-te:hover{ color: if( style(--3ousih-labelBtnHover < 0): color-mix(in srgb, var(--omnise-btn-te-label-color), white calc(abs(var(--3ousih-labelBtnHover)) * 1%)); style(--3ousih-labelBtnHover > 0): color-mix(in srgb, var(--omnise-btn-te-label-color), black calc(abs(var(--3ousih-labelBtnHover)) * 1%)); else: var(--omnise-btn-te-label-hover) ); } span, .omnise-icon-wrapper { display: flex; align-items: center; justify-content: center; font-size: var(--3ousih-iconWidth); padding: var(--3ousih-iconPadding, var(--3ousih-padding, 0px)); border-radius: var(--3ousih-iconBorderRadius, var(--3ousih-iconRadius, var(--3ousih-borderRadius, 0px))); background-color: var(--3ousih-iconBackgroundColor, var(--3ousih-iconBg, var(--3ousih-backgroundColor, transparent))); color: var(--3ousih-iconColor, currentColor); } svg { width: var(--3ousih-iconWidth,20px); min-width: var(--3ousih-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--3ousih-iconGap-tablet); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-tablet, var(--omnise-btn-height)); } span, .omnise-icon-wrapper { font-size: var(--3ousih-iconWidth-tablet, var(--3ousih-iconWidth)); padding: var(--3ousih-iconPadding-tablet, var(--3ousih-iconPadding, var(--3ousih-padding-tablet, var(--3ousih-padding, 0px)))); border-radius: var(--3ousih-iconBorderRadius-tablet, var(--3ousih-iconBorderRadius, var(--3ousih-iconRadius-tablet, var(--3ousih-iconRadius, var(--3ousih-borderRadius-tablet, var(--3ousih-borderRadius, 0px)))))); } svg { width: var(--3ousih-iconWidth-tablet, var(--3ousih-iconWidth, 20px)); min-width: var(--3ousih-iconWidth-tablet, var(--3ousih-iconWidth, 20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--3ousih-iconGap-mobile); &:not(.omnise-btn-te){ height: var(--omnise-btn-height-mobile, var(--omnise-btn-height)); } span, .omnise-icon-wrapper { font-size: var(--3ousih-iconWidth-mobile, var(--3ousih-iconWidth)); padding: var(--3ousih-iconPadding-mobile, var(--3ousih-iconPadding, var(--3ousih-padding-mobile, var(--3ousih-padding, 0px)))); border-radius: var(--3ousih-iconBorderRadius-mobile, var(--3ousih-iconBorderRadius, var(--3ousih-iconRadius-mobile, var(--3ousih-iconRadius, var(--3ousih-borderRadius-mobile, var(--3ousih-borderRadius, 0px)))))); } svg { width: var(--3ousih-iconWidth-mobile, var(--3ousih-iconWidth, 20px)); min-width: var(--3ousih-iconWidth-mobile, var(--3ousih-iconWidth, 20px)); height: 100%; } } } &[omnise-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="omnise-srse11"] { & { padding-top: 3vmax !important; padding-right: 1vmax !important; padding-bottom: 7vmax !important; padding-left: 1vmax !important; overflow: hidden !important; } }[data-bnode="omnise-srse11"].omnise-section { padding-top: 49.3875px; padding-right: 16.4625px; padding-bottom: 115.238px; padding-left: 16.4625px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-srse11"].omnise-section { padding-top: 49.3875px; padding-right: 16.4625px; padding-bottom: 115.238px; padding-left: 16.4625px; } } @media (max-width: 767px) { [data-bnode="omnise-srse11"].omnise-section { padding-top: 36px; padding-right: 5.752px; padding-bottom: 36px; padding-left: 5.752px; } } [data-bnode="omnise-srse11"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;       flex-wrap: nowrap;   justify-content: center;   align-items: center;   gap: 48px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-srse11"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;              gap: 48px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-srse11"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;              gap: 48px;     }  }[data-bnode="omnise-u7dlu5"] { --u7dlu5-listType: slider; --u7dlu5-listType-tablet: slider; --u7dlu5-listType-mobile: slider; --u7dlu5-columns: 5; --u7dlu5-columns-tablet: 3; --u7dlu5-columns-mobile: 3; --u7dlu5-navType: true; --u7dlu5-navType-tablet: true; --u7dlu5-navType-mobile: true; --u7dlu5-navColor: #333333; --u7dlu5-navColor-tablet: #333333; --u7dlu5-navColor-mobile: #333333; --u7dlu5-pagiType: true; --u7dlu5-pagiType-tablet: true; --u7dlu5-pagiType-mobile: true; --u7dlu5-statePagination: normal; --u7dlu5-statePagination-tablet: normal; --u7dlu5-statePagination-mobile: normal; --u7dlu5-gap: 8px; --u7dlu5-gap-tablet: 8px; --u7dlu5-gap-mobile: 8px; --u7dlu5-columnsMobile-mobile: 2; }[data-bnode="omnise-u7dlu5"] { margin-top: var(--u7dlu5-margin-top, 0px); margin-right: var(--u7dlu5-margin-right, 0px); margin-bottom: var(--u7dlu5-margin-bottom, 0px); margin-left: var(--u7dlu5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u7dlu5-margin-top-tablet, 0px); margin-right: var(--u7dlu5-margin-right-tablet, 0px); margin-bottom: var(--u7dlu5-margin-bottom-tablet, 0px); margin-left: var(--u7dlu5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u7dlu5-margin-top-mobile, 0px); margin-right: var(--u7dlu5-margin-right-mobile, 0px); margin-bottom: var(--u7dlu5-margin-bottom-mobile, 0px); margin-left: var(--u7dlu5-margin-left-mobile, 0px); } &.omnise-collection-product-grid { width: 100%; height: fit-content; overflow: visible; .omnise-collection-product-grid-items { display: grid; grid-template-columns: repeat(var(--u7dlu5-columns, 3), minmax(0, 1fr)); gap: var(--u7dlu5-gap, var(--omnise-grid-gap, 20px)); max-width: 100%; } .omnise-collection-product-grid-item { min-width: 0; } .omnise-collection-product-grid-banner-item { grid-column: if(style(--u7dlu5-columns: 1): 1; else: span var(--u7dlu5-bannerColumns, 1)); } .omnise-collection-product-grid-card { height: 100%; > .omnise-slot[data-bnode-index="1"] { height: 100%; } } .omnise-collection-product-grid-item > .omnise-slot[data-bnode="be-ctl-item"], .omnise-collection-product-grid-item > .omnise-slot[data-bnode="be-collection-grid-banner"] { height: 100%; } @media (min-width: 767.79px) and (max-width: 1180px) { .omnise-collection-product-grid-items { grid-template-columns: repeat(var(--u7dlu5-columns-tablet, 3), minmax(0, 1fr)); gap: var(--u7dlu5-gap-tablet, var(--omnise-grid-gap-tablet, 16px)); } .omnise-collection-product-grid-banner-item { grid-column: if(style(--u7dlu5-columns-tablet: 1): 1; else: span var(--u7dlu5-bannerColumns-tablet, var(--u7dlu5-bannerColumns, 1))); } } @media (max-width: 767px) { .omnise-collection-product-grid-items { grid-template-columns: repeat( var(--u7dlu5-columnsMobile-mobile, 1), minmax(0, 1fr) ); gap: var(--u7dlu5-gap-mobile, var(--omnise-grid-gap-mobile, 10px)); } .omnise-collection-product-grid-banner-item { grid-column: if(style(--u7dlu5-columnsMobile-mobile: 1): 1; else: span var(--u7dlu5-bannerColumnsMobile-mobile, 1)); } } } &:has(.omnise-content-list-empty) { .omnise-collection-product-grid-items { grid-template-columns: minmax(0, 1fr); } .omnise-content-list-empty { width: 100%; } } .omnise-collection-product-grid-empty { display: flex; min-height: 360px; flex-direction: column; align-items: center; justify-content: center; padding: 72px 20px; color: #171717; text-align: center; } .omnise-collection-product-grid-empty-icon { position: relative; width: 52px; height: 52px; margin-bottom: 16px; border: 1.5px solid currentColor; border-radius: 999px; } .omnise-collection-product-grid-empty-icon::before, .omnise-collection-product-grid-empty-icon::after { content: ""; position: absolute; top: 17px; width: 3px; height: 3px; border-radius: 999px; background: currentColor; } .omnise-collection-product-grid-empty-icon::before { left: 16px; } .omnise-collection-product-grid-empty-icon::after { right: 16px; } .omnise-collection-product-grid-empty-icon span { position: absolute; left: 15px; right: 15px; bottom: 14px; height: 10px; border-top: 1.5px solid currentColor; border-radius: 50% 50% 0 0; } .omnise-collection-product-grid-empty h2 { margin: 0; font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: 0; } .omnise-collection-product-grid-empty p { margin: 10px 0 28px; font-size: 16px; line-height: 1.45; } .omnise-collection-product-grid-empty-clear { display: inline-flex; min-height: 60px; align-items: center; justify-content: center; gap: 12px; padding: 0 28px; border-radius: 999px; color: #ffffff; background: #171717; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; } .omnise-collection-product-grid-empty-clear span { font-size: 28px; font-weight: 300; line-height: 1; transform: translateY(-1px); } @media (max-width: 767px) { .omnise-collection-product-grid-empty { min-height: 300px; padding: 56px 16px; } .omnise-collection-product-grid-empty h2 { font-size: 24px; } } }[data-bnode="omnise-3ms5tl"] { & { margin-bottom: 3vmax !important; } }[data-bnode="omnise-3ms5tl"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3ms5tl"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-3ms5tl"] {                gap: 8px;     }  }[data-bnode="omnise-b7bxpf"] { --b7bxpf-borderStyle: none; --b7bxpf-borderStyle-tablet: none; --b7bxpf-borderStyle-mobile: none; --b7bxpf-borderColor: #000000; --b7bxpf-borderColor-tablet: #000000; --b7bxpf-borderColor-mobile: #000000; --b7bxpf-borderWidth: 1px; --b7bxpf-borderWidth-tablet: 1px; --b7bxpf-borderWidth-mobile: 1px; --b7bxpf-shadowHorizontal: 0; --b7bxpf-shadowHorizontal-tablet: 0; --b7bxpf-shadowHorizontal-mobile: 0; --b7bxpf-shadowVertical: 0; --b7bxpf-shadowVertical-tablet: 0; --b7bxpf-shadowVertical-mobile: 0; --b7bxpf-shadowBlur: 0; --b7bxpf-shadowBlur-tablet: 0; --b7bxpf-shadowBlur-mobile: 0; --b7bxpf-shadowColor: #000000; --b7bxpf-shadowColor-tablet: #000000; --b7bxpf-shadowColor-mobile: #000000; --b7bxpf-padding-top: 0px; --b7bxpf-padding-top-tablet: 0px; --b7bxpf-padding-top-mobile: 0px; --b7bxpf-padding-right: 0px; --b7bxpf-padding-right-tablet: 0px; --b7bxpf-padding-right-mobile: 0px; --b7bxpf-padding-bottom: 0px; --b7bxpf-padding-bottom-tablet: 0px; --b7bxpf-padding-bottom-mobile: 0px; --b7bxpf-padding-left: 0px; --b7bxpf-padding-left-tablet: 0px; --b7bxpf-padding-left-mobile: 0px; --b7bxpf-enableShadow: false; --b7bxpf-enableShadow-tablet: false; --b7bxpf-enableShadow-mobile: false; --b7bxpf-imageRatio: 4/5; --b7bxpf-imageRatio-tablet: auto; --b7bxpf-imageRatio-mobile: 4/5; --b7bxpf-borderRadius-tl: 0px; --b7bxpf-borderRadius-tl-tablet: 0px; --b7bxpf-borderRadius-tl-mobile: 0px; --b7bxpf-borderRadius-tr: 0px; --b7bxpf-borderRadius-tr-tablet: 0px; --b7bxpf-borderRadius-tr-mobile: 0px; --b7bxpf-borderRadius-bl: 0px; --b7bxpf-borderRadius-bl-tablet: 0px; --b7bxpf-borderRadius-bl-mobile: 0px; --b7bxpf-borderRadius-br: 0px; --b7bxpf-borderRadius-br-tablet: 0px; --b7bxpf-borderRadius-br-mobile: 0px; --b7bxpf-margin-top: 0px; --b7bxpf-margin-top-tablet: 0px; --b7bxpf-margin-top-mobile: 0px; --b7bxpf-margin-right: 0px; --b7bxpf-margin-right-tablet: 0px; --b7bxpf-margin-right-mobile: 0px; --b7bxpf-margin-bottom: 0px; --b7bxpf-margin-bottom-tablet: 0px; --b7bxpf-margin-bottom-mobile: 0px; --b7bxpf-margin-left: 0px; --b7bxpf-margin-left-tablet: 0px; --b7bxpf-margin-left-mobile: 0px; }[data-bnode="omnise-b7bxpf"] { margin-top: var(--b7bxpf-margin-top, 0px); margin-right: var(--b7bxpf-margin-right, 0px); margin-bottom: var(--b7bxpf-margin-bottom, 0px); margin-left: var(--b7bxpf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b7bxpf-margin-top-tablet, 0px); margin-right: var(--b7bxpf-margin-right-tablet, 0px); margin-bottom: var(--b7bxpf-margin-bottom-tablet, 0px); margin-left: var(--b7bxpf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b7bxpf-margin-top-mobile, 0px); margin-right: var(--b7bxpf-margin-right-mobile, 0px); margin-bottom: var(--b7bxpf-margin-bottom-mobile, 0px); margin-left: var(--b7bxpf-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--b7bxpf-imageRatio, auto); overflow: hidden; border-style: var(--b7bxpf-borderStyle, solid); border-color: var(--b7bxpf-borderColor, var(--omnise-card-media-border-color)); border-width: var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--b7bxpf-shadowHorizontal, var(--omnise-card-shadow-x)) var(--b7bxpf-shadowVertical, var(--omnise-card-shadow-y)) var(--b7bxpf-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--b7bxpf-shadowColor, var(--omnise-card-media-shadow-color)) var(--b7bxpf-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--b7bxpf-imageRatio-tablet, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-tablet, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-tablet, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-tablet, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-tablet, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-tablet, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-tablet, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-tablet, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-tablet, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-tablet, var(--b7bxpf-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--b7bxpf-imageRatio-mobile, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-mobile, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-mobile, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-mobile, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-mobile, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-mobile, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-mobile, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-mobile, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-mobile, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-mobile, var(--b7bxpf-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-ftmihi"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }[data-bnode="omnise-weeb34"] { --weeb34-typography: h4; --weeb34-typography-tablet: h4; --weeb34-typography-mobile: h4; --omnise-h4-text-align: start; --omnise-h4-font-size-mobile: 16px; --omnise-h4-text-transform: uppercase; --omnise-h4-line-height-mobile: 1.5; --omnise-h4-color: #4A4A4A; --omnise-h4-font-weight: 500; --omnise-h4-font-size: 20px; --omnise-h4-letter-spacing: 0.7px; }[data-bnode="omnise-weeb34"] { margin-top: var(--weeb34-margin-top, 0px); margin-right: var(--weeb34-margin-right, 0px); margin-bottom: var(--weeb34-margin-bottom, 0px); margin-left: var(--weeb34-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--weeb34-margin-top-tablet, 0px); margin-right: var(--weeb34-margin-right-tablet, 0px); margin-bottom: var(--weeb34-margin-bottom-tablet, 0px); margin-left: var(--weeb34-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--weeb34-margin-top-mobile, 0px); margin-right: var(--weeb34-margin-right-mobile, 0px); margin-bottom: var(--weeb34-margin-bottom-mobile, 0px); margin-left: var(--weeb34-margin-left-mobile, 0px); } &.omnise-product-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } }[data-bnode="omnise-p7bz0n"] { --p7bz0n-priceType: comparePrice; --p7bz0n-priceType-tablet: comparePrice; --p7bz0n-priceType-mobile: comparePrice; --p7bz0n-decoration: line-through; --p7bz0n-decoration-tablet: line-through; --p7bz0n-decoration-mobile: line-through; --omnise-p-font-size: 16px; --omnise-p-color: #4A4A4A; --omnise-p-font-size-mobile: 15px; --omnise-p-font-weight: 400; }[data-bnode="omnise-p7bz0n"] { margin-top: var(--p7bz0n-margin-top, 0px); margin-right: var(--p7bz0n-margin-right, 0px); margin-bottom: var(--p7bz0n-margin-bottom, 0px); margin-left: var(--p7bz0n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p7bz0n-margin-top-tablet, 0px); margin-right: var(--p7bz0n-margin-right-tablet, 0px); margin-bottom: var(--p7bz0n-margin-bottom-tablet, 0px); margin-left: var(--p7bz0n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p7bz0n-margin-top-mobile, 0px); margin-right: var(--p7bz0n-margin-right-mobile, 0px); margin-bottom: var(--p7bz0n-margin-bottom-mobile, 0px); margin-left: var(--p7bz0n-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--p7bz0n-comparePriceColor); text-decoration: var(--p7bz0n-decoration,none); font-size: calc(var(--p7bz0n-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--p7bz0n-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nm887e"] { --nm887e-variantType: options; --nm887e-variantType-tablet: options; --nm887e-variantType-mobile: options; --nm887e-headerState: normal; --nm887e-headerState-tablet: normal; --nm887e-headerState-mobile: normal; --nm887e-borderStyle: none; --nm887e-borderStyle-tablet: none; --nm887e-borderStyle-mobile: none; --nm887e-borderWidth: 1px; --nm887e-borderWidth-tablet: 1px; --nm887e-borderWidth-mobile: 1px; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-h4-text-align: start; --omnise-h4-text-align-tablet: start; --omnise-h4-font-size-mobile: 22px; --omnise-h4-line-height-mobile: 1.4; --omnise-h4-letter-spacing-mobile: 0px; --omnise-h4-text-align-mobile: start; --nm887e-styleColor: true; --nm887e-styleColor-tablet: true; --nm887e-styleColor-mobile: true; --nm887e-sizeColor: 20px; --nm887e-sizeColor-tablet: 20px; --nm887e-sizeColor-mobile: 17px; }[data-bnode="omnise-nm887e"] { margin-top: var(--nm887e-margin-top, 0px); margin-right: var(--nm887e-margin-right, 0px); margin-bottom: var(--nm887e-margin-bottom, 0px); margin-left: var(--nm887e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nm887e-margin-top-tablet, 0px); margin-right: var(--nm887e-margin-right-tablet, 0px); margin-bottom: var(--nm887e-margin-bottom-tablet, 0px); margin-left: var(--nm887e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nm887e-margin-top-mobile, 0px); margin-right: var(--nm887e-margin-right-mobile, 0px); margin-bottom: var(--nm887e-margin-bottom-mobile, 0px); margin-left: var(--nm887e-margin-left-mobile, 0px); } &.omnise-variant-box .omnise-swatch-color { border: none !important } &.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(--nm887e-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(--nm887e-iconWidth, 20px); min-width: var(--nm887e-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; align-items: center; 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)); } } } .omnise-swatch-more { display: inline-flex; align-items: center; justify-content: center; font-size: var(--omnise-labelTypo-font-size, var(--omnise-p-font-size, 14px)); font-weight: var(--omnise-labelTypo-font-weight, var(--omnise-p-font-weight, 500)); line-height: 1; color: var(--omnise-labelTypo-color, var(--omnise-text-color, #111827)); user-select: none; margin-left: 2px; } /* ===== 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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .omnise-radio-wrap:hover .omnise-radio-lb { background-color: var(--nm887e-tabBgHover,#cccccc); color: var(--nm887e-colorHover,#333333); border-color: var(--nm887e-borderColorHover, var(--nm887e-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .omnise-radio:checked + .omnise-radio-lb { background-color: var(--nm887e-tabBgActive, #000); color: var(--nm887e-colorActive, #fff); border-color: var(--nm887e-borderColorActive, var(--nm887e-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(--nm887e-sizeColor,40px); height: var(--nm887e-sizeColor,40px); padding: 0; overflow: hidden; transition: all .2s; border-radius: if(style(--nm887e-styleColor : true ): 50%; else: var(--nm887e-borderRadius,0px)); border: var(--nm887e-borderWidth,0) solid color-mix( in srgb, var(--nm887e-borderColor,#D1D1D1) 30%, transparent ); box-shadow: var(--nm887e-shadowHorizontal,0px) var(--nm887e-shadowVertical,0px) var(--nm887e-shadowBlur,0px) 1px color-mix( in srgb, var(--nm887e-shadowColor,#000) var(--nm887e-shadowTransparent,0%), transparent ); .omnise-radio-lb { display: none; } &:hover { border-color: var(--nm887e-borderColorHover,#000); } &:has(.omnise-radio:checked) { border-color: var(--nm887e-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(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); } @media (max-width:767px) { width: var(--nm887e-sizeColor-mobile,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-mobile,var(--nm887e-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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .omnise-swatch-sel:hover { color: var(--nm887e-colorHover, #333333); background-color: var(--nm887e-tabBgHover, #cccccc); border-color: var(--nm887e-borderColorHover, #000000); } .omnise-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="omnise-3ms5tl"] { & { margin-bottom: 3vmax !important; } }[data-bnode="omnise-3ms5tl"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3ms5tl"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-3ms5tl"] {                gap: 8px;     }  }[data-bnode="omnise-b7bxpf"] { --b7bxpf-borderStyle: none; --b7bxpf-borderStyle-tablet: none; --b7bxpf-borderStyle-mobile: none; --b7bxpf-borderColor: #000000; --b7bxpf-borderColor-tablet: #000000; --b7bxpf-borderColor-mobile: #000000; --b7bxpf-borderWidth: 1px; --b7bxpf-borderWidth-tablet: 1px; --b7bxpf-borderWidth-mobile: 1px; --b7bxpf-shadowHorizontal: 0; --b7bxpf-shadowHorizontal-tablet: 0; --b7bxpf-shadowHorizontal-mobile: 0; --b7bxpf-shadowVertical: 0; --b7bxpf-shadowVertical-tablet: 0; --b7bxpf-shadowVertical-mobile: 0; --b7bxpf-shadowBlur: 0; --b7bxpf-shadowBlur-tablet: 0; --b7bxpf-shadowBlur-mobile: 0; --b7bxpf-shadowColor: #000000; --b7bxpf-shadowColor-tablet: #000000; --b7bxpf-shadowColor-mobile: #000000; --b7bxpf-padding-top: 0px; --b7bxpf-padding-top-tablet: 0px; --b7bxpf-padding-top-mobile: 0px; --b7bxpf-padding-right: 0px; --b7bxpf-padding-right-tablet: 0px; --b7bxpf-padding-right-mobile: 0px; --b7bxpf-padding-bottom: 0px; --b7bxpf-padding-bottom-tablet: 0px; --b7bxpf-padding-bottom-mobile: 0px; --b7bxpf-padding-left: 0px; --b7bxpf-padding-left-tablet: 0px; --b7bxpf-padding-left-mobile: 0px; --b7bxpf-enableShadow: false; --b7bxpf-enableShadow-tablet: false; --b7bxpf-enableShadow-mobile: false; --b7bxpf-imageRatio: 4/5; --b7bxpf-imageRatio-tablet: auto; --b7bxpf-imageRatio-mobile: 4/5; --b7bxpf-borderRadius-tl: 0px; --b7bxpf-borderRadius-tl-tablet: 0px; --b7bxpf-borderRadius-tl-mobile: 0px; --b7bxpf-borderRadius-tr: 0px; --b7bxpf-borderRadius-tr-tablet: 0px; --b7bxpf-borderRadius-tr-mobile: 0px; --b7bxpf-borderRadius-bl: 0px; --b7bxpf-borderRadius-bl-tablet: 0px; --b7bxpf-borderRadius-bl-mobile: 0px; --b7bxpf-borderRadius-br: 0px; --b7bxpf-borderRadius-br-tablet: 0px; --b7bxpf-borderRadius-br-mobile: 0px; --b7bxpf-margin-top: 0px; --b7bxpf-margin-top-tablet: 0px; --b7bxpf-margin-top-mobile: 0px; --b7bxpf-margin-right: 0px; --b7bxpf-margin-right-tablet: 0px; --b7bxpf-margin-right-mobile: 0px; --b7bxpf-margin-bottom: 0px; --b7bxpf-margin-bottom-tablet: 0px; --b7bxpf-margin-bottom-mobile: 0px; --b7bxpf-margin-left: 0px; --b7bxpf-margin-left-tablet: 0px; --b7bxpf-margin-left-mobile: 0px; }[data-bnode="omnise-b7bxpf"] { margin-top: var(--b7bxpf-margin-top, 0px); margin-right: var(--b7bxpf-margin-right, 0px); margin-bottom: var(--b7bxpf-margin-bottom, 0px); margin-left: var(--b7bxpf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b7bxpf-margin-top-tablet, 0px); margin-right: var(--b7bxpf-margin-right-tablet, 0px); margin-bottom: var(--b7bxpf-margin-bottom-tablet, 0px); margin-left: var(--b7bxpf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b7bxpf-margin-top-mobile, 0px); margin-right: var(--b7bxpf-margin-right-mobile, 0px); margin-bottom: var(--b7bxpf-margin-bottom-mobile, 0px); margin-left: var(--b7bxpf-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--b7bxpf-imageRatio, auto); overflow: hidden; border-style: var(--b7bxpf-borderStyle, solid); border-color: var(--b7bxpf-borderColor, var(--omnise-card-media-border-color)); border-width: var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--b7bxpf-shadowHorizontal, var(--omnise-card-shadow-x)) var(--b7bxpf-shadowVertical, var(--omnise-card-shadow-y)) var(--b7bxpf-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--b7bxpf-shadowColor, var(--omnise-card-media-shadow-color)) var(--b7bxpf-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--b7bxpf-imageRatio-tablet, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-tablet, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-tablet, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-tablet, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-tablet, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-tablet, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-tablet, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-tablet, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-tablet, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-tablet, var(--b7bxpf-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--b7bxpf-imageRatio-mobile, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-mobile, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-mobile, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-mobile, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-mobile, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-mobile, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-mobile, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-mobile, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-mobile, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-mobile, var(--b7bxpf-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-ftmihi"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }[data-bnode="omnise-weeb34"] { --weeb34-typography: h4; --weeb34-typography-tablet: h4; --weeb34-typography-mobile: h4; --omnise-h4-text-align: start; --omnise-h4-font-size-mobile: 16px; --omnise-h4-text-transform: uppercase; --omnise-h4-line-height-mobile: 1.5; --omnise-h4-color: #4A4A4A; --omnise-h4-font-weight: 500; --omnise-h4-font-size: 20px; --omnise-h4-letter-spacing: 0.7px; }[data-bnode="omnise-weeb34"] { margin-top: var(--weeb34-margin-top, 0px); margin-right: var(--weeb34-margin-right, 0px); margin-bottom: var(--weeb34-margin-bottom, 0px); margin-left: var(--weeb34-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--weeb34-margin-top-tablet, 0px); margin-right: var(--weeb34-margin-right-tablet, 0px); margin-bottom: var(--weeb34-margin-bottom-tablet, 0px); margin-left: var(--weeb34-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--weeb34-margin-top-mobile, 0px); margin-right: var(--weeb34-margin-right-mobile, 0px); margin-bottom: var(--weeb34-margin-bottom-mobile, 0px); margin-left: var(--weeb34-margin-left-mobile, 0px); } &.omnise-product-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } }[data-bnode="omnise-p7bz0n"] { --p7bz0n-priceType: comparePrice; --p7bz0n-priceType-tablet: comparePrice; --p7bz0n-priceType-mobile: comparePrice; --p7bz0n-decoration: line-through; --p7bz0n-decoration-tablet: line-through; --p7bz0n-decoration-mobile: line-through; --omnise-p-font-size: 16px; --omnise-p-color: #4A4A4A; --omnise-p-font-size-mobile: 15px; --omnise-p-font-weight: 400; }[data-bnode="omnise-p7bz0n"] { margin-top: var(--p7bz0n-margin-top, 0px); margin-right: var(--p7bz0n-margin-right, 0px); margin-bottom: var(--p7bz0n-margin-bottom, 0px); margin-left: var(--p7bz0n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p7bz0n-margin-top-tablet, 0px); margin-right: var(--p7bz0n-margin-right-tablet, 0px); margin-bottom: var(--p7bz0n-margin-bottom-tablet, 0px); margin-left: var(--p7bz0n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p7bz0n-margin-top-mobile, 0px); margin-right: var(--p7bz0n-margin-right-mobile, 0px); margin-bottom: var(--p7bz0n-margin-bottom-mobile, 0px); margin-left: var(--p7bz0n-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--p7bz0n-comparePriceColor); text-decoration: var(--p7bz0n-decoration,none); font-size: calc(var(--p7bz0n-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--p7bz0n-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nm887e"] { --nm887e-variantType: options; --nm887e-variantType-tablet: options; --nm887e-variantType-mobile: options; --nm887e-headerState: normal; --nm887e-headerState-tablet: normal; --nm887e-headerState-mobile: normal; --nm887e-borderStyle: none; --nm887e-borderStyle-tablet: none; --nm887e-borderStyle-mobile: none; --nm887e-borderWidth: 1px; --nm887e-borderWidth-tablet: 1px; --nm887e-borderWidth-mobile: 1px; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-h4-text-align: start; --omnise-h4-text-align-tablet: start; --omnise-h4-font-size-mobile: 22px; --omnise-h4-line-height-mobile: 1.4; --omnise-h4-letter-spacing-mobile: 0px; --omnise-h4-text-align-mobile: start; --nm887e-styleColor: true; --nm887e-styleColor-tablet: true; --nm887e-styleColor-mobile: true; --nm887e-sizeColor: 20px; --nm887e-sizeColor-tablet: 20px; --nm887e-sizeColor-mobile: 17px; }[data-bnode="omnise-nm887e"] { margin-top: var(--nm887e-margin-top, 0px); margin-right: var(--nm887e-margin-right, 0px); margin-bottom: var(--nm887e-margin-bottom, 0px); margin-left: var(--nm887e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nm887e-margin-top-tablet, 0px); margin-right: var(--nm887e-margin-right-tablet, 0px); margin-bottom: var(--nm887e-margin-bottom-tablet, 0px); margin-left: var(--nm887e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nm887e-margin-top-mobile, 0px); margin-right: var(--nm887e-margin-right-mobile, 0px); margin-bottom: var(--nm887e-margin-bottom-mobile, 0px); margin-left: var(--nm887e-margin-left-mobile, 0px); } &.omnise-variant-box .omnise-swatch-color { border: none !important } &.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(--nm887e-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(--nm887e-iconWidth, 20px); min-width: var(--nm887e-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; align-items: center; 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)); } } } .omnise-swatch-more { display: inline-flex; align-items: center; justify-content: center; font-size: var(--omnise-labelTypo-font-size, var(--omnise-p-font-size, 14px)); font-weight: var(--omnise-labelTypo-font-weight, var(--omnise-p-font-weight, 500)); line-height: 1; color: var(--omnise-labelTypo-color, var(--omnise-text-color, #111827)); user-select: none; margin-left: 2px; } /* ===== 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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .omnise-radio-wrap:hover .omnise-radio-lb { background-color: var(--nm887e-tabBgHover,#cccccc); color: var(--nm887e-colorHover,#333333); border-color: var(--nm887e-borderColorHover, var(--nm887e-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .omnise-radio:checked + .omnise-radio-lb { background-color: var(--nm887e-tabBgActive, #000); color: var(--nm887e-colorActive, #fff); border-color: var(--nm887e-borderColorActive, var(--nm887e-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(--nm887e-sizeColor,40px); height: var(--nm887e-sizeColor,40px); padding: 0; overflow: hidden; transition: all .2s; border-radius: if(style(--nm887e-styleColor : true ): 50%; else: var(--nm887e-borderRadius,0px)); border: var(--nm887e-borderWidth,0) solid color-mix( in srgb, var(--nm887e-borderColor,#D1D1D1) 30%, transparent ); box-shadow: var(--nm887e-shadowHorizontal,0px) var(--nm887e-shadowVertical,0px) var(--nm887e-shadowBlur,0px) 1px color-mix( in srgb, var(--nm887e-shadowColor,#000) var(--nm887e-shadowTransparent,0%), transparent ); .omnise-radio-lb { display: none; } &:hover { border-color: var(--nm887e-borderColorHover,#000); } &:has(.omnise-radio:checked) { border-color: var(--nm887e-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(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); } @media (max-width:767px) { width: var(--nm887e-sizeColor-mobile,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-mobile,var(--nm887e-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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .omnise-swatch-sel:hover { color: var(--nm887e-colorHover, #333333); background-color: var(--nm887e-tabBgHover, #cccccc); border-color: var(--nm887e-borderColorHover, #000000); } .omnise-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="omnise-3ms5tl"] { & { margin-bottom: 3vmax !important; } }[data-bnode="omnise-3ms5tl"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3ms5tl"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-3ms5tl"] {                gap: 8px;     }  }[data-bnode="omnise-b7bxpf"] { --b7bxpf-borderStyle: none; --b7bxpf-borderStyle-tablet: none; --b7bxpf-borderStyle-mobile: none; --b7bxpf-borderColor: #000000; --b7bxpf-borderColor-tablet: #000000; --b7bxpf-borderColor-mobile: #000000; --b7bxpf-borderWidth: 1px; --b7bxpf-borderWidth-tablet: 1px; --b7bxpf-borderWidth-mobile: 1px; --b7bxpf-shadowHorizontal: 0; --b7bxpf-shadowHorizontal-tablet: 0; --b7bxpf-shadowHorizontal-mobile: 0; --b7bxpf-shadowVertical: 0; --b7bxpf-shadowVertical-tablet: 0; --b7bxpf-shadowVertical-mobile: 0; --b7bxpf-shadowBlur: 0; --b7bxpf-shadowBlur-tablet: 0; --b7bxpf-shadowBlur-mobile: 0; --b7bxpf-shadowColor: #000000; --b7bxpf-shadowColor-tablet: #000000; --b7bxpf-shadowColor-mobile: #000000; --b7bxpf-padding-top: 0px; --b7bxpf-padding-top-tablet: 0px; --b7bxpf-padding-top-mobile: 0px; --b7bxpf-padding-right: 0px; --b7bxpf-padding-right-tablet: 0px; --b7bxpf-padding-right-mobile: 0px; --b7bxpf-padding-bottom: 0px; --b7bxpf-padding-bottom-tablet: 0px; --b7bxpf-padding-bottom-mobile: 0px; --b7bxpf-padding-left: 0px; --b7bxpf-padding-left-tablet: 0px; --b7bxpf-padding-left-mobile: 0px; --b7bxpf-enableShadow: false; --b7bxpf-enableShadow-tablet: false; --b7bxpf-enableShadow-mobile: false; --b7bxpf-imageRatio: 4/5; --b7bxpf-imageRatio-tablet: auto; --b7bxpf-imageRatio-mobile: 4/5; --b7bxpf-borderRadius-tl: 0px; --b7bxpf-borderRadius-tl-tablet: 0px; --b7bxpf-borderRadius-tl-mobile: 0px; --b7bxpf-borderRadius-tr: 0px; --b7bxpf-borderRadius-tr-tablet: 0px; --b7bxpf-borderRadius-tr-mobile: 0px; --b7bxpf-borderRadius-bl: 0px; --b7bxpf-borderRadius-bl-tablet: 0px; --b7bxpf-borderRadius-bl-mobile: 0px; --b7bxpf-borderRadius-br: 0px; --b7bxpf-borderRadius-br-tablet: 0px; --b7bxpf-borderRadius-br-mobile: 0px; --b7bxpf-margin-top: 0px; --b7bxpf-margin-top-tablet: 0px; --b7bxpf-margin-top-mobile: 0px; --b7bxpf-margin-right: 0px; --b7bxpf-margin-right-tablet: 0px; --b7bxpf-margin-right-mobile: 0px; --b7bxpf-margin-bottom: 0px; --b7bxpf-margin-bottom-tablet: 0px; --b7bxpf-margin-bottom-mobile: 0px; --b7bxpf-margin-left: 0px; --b7bxpf-margin-left-tablet: 0px; --b7bxpf-margin-left-mobile: 0px; }[data-bnode="omnise-b7bxpf"] { margin-top: var(--b7bxpf-margin-top, 0px); margin-right: var(--b7bxpf-margin-right, 0px); margin-bottom: var(--b7bxpf-margin-bottom, 0px); margin-left: var(--b7bxpf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b7bxpf-margin-top-tablet, 0px); margin-right: var(--b7bxpf-margin-right-tablet, 0px); margin-bottom: var(--b7bxpf-margin-bottom-tablet, 0px); margin-left: var(--b7bxpf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b7bxpf-margin-top-mobile, 0px); margin-right: var(--b7bxpf-margin-right-mobile, 0px); margin-bottom: var(--b7bxpf-margin-bottom-mobile, 0px); margin-left: var(--b7bxpf-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--b7bxpf-imageRatio, auto); overflow: hidden; border-style: var(--b7bxpf-borderStyle, solid); border-color: var(--b7bxpf-borderColor, var(--omnise-card-media-border-color)); border-width: var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--b7bxpf-shadowHorizontal, var(--omnise-card-shadow-x)) var(--b7bxpf-shadowVertical, var(--omnise-card-shadow-y)) var(--b7bxpf-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--b7bxpf-shadowColor, var(--omnise-card-media-shadow-color)) var(--b7bxpf-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--b7bxpf-imageRatio-tablet, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-tablet, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-tablet, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-tablet, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-tablet, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-tablet, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-tablet, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-tablet, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-tablet, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-tablet, var(--b7bxpf-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--b7bxpf-imageRatio-mobile, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-mobile, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-mobile, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-mobile, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-mobile, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-mobile, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-mobile, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-mobile, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-mobile, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-mobile, var(--b7bxpf-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-ftmihi"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }[data-bnode="omnise-weeb34"] { --weeb34-typography: h4; --weeb34-typography-tablet: h4; --weeb34-typography-mobile: h4; --omnise-h4-text-align: start; --omnise-h4-font-size-mobile: 16px; --omnise-h4-text-transform: uppercase; --omnise-h4-line-height-mobile: 1.5; --omnise-h4-color: #4A4A4A; --omnise-h4-font-weight: 500; --omnise-h4-font-size: 20px; --omnise-h4-letter-spacing: 0.7px; }[data-bnode="omnise-weeb34"] { margin-top: var(--weeb34-margin-top, 0px); margin-right: var(--weeb34-margin-right, 0px); margin-bottom: var(--weeb34-margin-bottom, 0px); margin-left: var(--weeb34-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--weeb34-margin-top-tablet, 0px); margin-right: var(--weeb34-margin-right-tablet, 0px); margin-bottom: var(--weeb34-margin-bottom-tablet, 0px); margin-left: var(--weeb34-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--weeb34-margin-top-mobile, 0px); margin-right: var(--weeb34-margin-right-mobile, 0px); margin-bottom: var(--weeb34-margin-bottom-mobile, 0px); margin-left: var(--weeb34-margin-left-mobile, 0px); } &.omnise-product-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } }[data-bnode="omnise-p7bz0n"] { --p7bz0n-priceType: comparePrice; --p7bz0n-priceType-tablet: comparePrice; --p7bz0n-priceType-mobile: comparePrice; --p7bz0n-decoration: line-through; --p7bz0n-decoration-tablet: line-through; --p7bz0n-decoration-mobile: line-through; --omnise-p-font-size: 16px; --omnise-p-color: #4A4A4A; --omnise-p-font-size-mobile: 15px; --omnise-p-font-weight: 400; }[data-bnode="omnise-p7bz0n"] { margin-top: var(--p7bz0n-margin-top, 0px); margin-right: var(--p7bz0n-margin-right, 0px); margin-bottom: var(--p7bz0n-margin-bottom, 0px); margin-left: var(--p7bz0n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p7bz0n-margin-top-tablet, 0px); margin-right: var(--p7bz0n-margin-right-tablet, 0px); margin-bottom: var(--p7bz0n-margin-bottom-tablet, 0px); margin-left: var(--p7bz0n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p7bz0n-margin-top-mobile, 0px); margin-right: var(--p7bz0n-margin-right-mobile, 0px); margin-bottom: var(--p7bz0n-margin-bottom-mobile, 0px); margin-left: var(--p7bz0n-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--p7bz0n-comparePriceColor); text-decoration: var(--p7bz0n-decoration,none); font-size: calc(var(--p7bz0n-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--p7bz0n-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nm887e"] { --nm887e-variantType: options; --nm887e-variantType-tablet: options; --nm887e-variantType-mobile: options; --nm887e-headerState: normal; --nm887e-headerState-tablet: normal; --nm887e-headerState-mobile: normal; --nm887e-borderStyle: none; --nm887e-borderStyle-tablet: none; --nm887e-borderStyle-mobile: none; --nm887e-borderWidth: 1px; --nm887e-borderWidth-tablet: 1px; --nm887e-borderWidth-mobile: 1px; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-h4-text-align: start; --omnise-h4-text-align-tablet: start; --omnise-h4-font-size-mobile: 22px; --omnise-h4-line-height-mobile: 1.4; --omnise-h4-letter-spacing-mobile: 0px; --omnise-h4-text-align-mobile: start; --nm887e-styleColor: true; --nm887e-styleColor-tablet: true; --nm887e-styleColor-mobile: true; --nm887e-sizeColor: 20px; --nm887e-sizeColor-tablet: 20px; --nm887e-sizeColor-mobile: 17px; }[data-bnode="omnise-nm887e"] { margin-top: var(--nm887e-margin-top, 0px); margin-right: var(--nm887e-margin-right, 0px); margin-bottom: var(--nm887e-margin-bottom, 0px); margin-left: var(--nm887e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nm887e-margin-top-tablet, 0px); margin-right: var(--nm887e-margin-right-tablet, 0px); margin-bottom: var(--nm887e-margin-bottom-tablet, 0px); margin-left: var(--nm887e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nm887e-margin-top-mobile, 0px); margin-right: var(--nm887e-margin-right-mobile, 0px); margin-bottom: var(--nm887e-margin-bottom-mobile, 0px); margin-left: var(--nm887e-margin-left-mobile, 0px); } &.omnise-variant-box .omnise-swatch-color { border: none !important } &.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(--nm887e-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(--nm887e-iconWidth, 20px); min-width: var(--nm887e-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; align-items: center; 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)); } } } .omnise-swatch-more { display: inline-flex; align-items: center; justify-content: center; font-size: var(--omnise-labelTypo-font-size, var(--omnise-p-font-size, 14px)); font-weight: var(--omnise-labelTypo-font-weight, var(--omnise-p-font-weight, 500)); line-height: 1; color: var(--omnise-labelTypo-color, var(--omnise-text-color, #111827)); user-select: none; margin-left: 2px; } /* ===== 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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .omnise-radio-wrap:hover .omnise-radio-lb { background-color: var(--nm887e-tabBgHover,#cccccc); color: var(--nm887e-colorHover,#333333); border-color: var(--nm887e-borderColorHover, var(--nm887e-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .omnise-radio:checked + .omnise-radio-lb { background-color: var(--nm887e-tabBgActive, #000); color: var(--nm887e-colorActive, #fff); border-color: var(--nm887e-borderColorActive, var(--nm887e-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(--nm887e-sizeColor,40px); height: var(--nm887e-sizeColor,40px); padding: 0; overflow: hidden; transition: all .2s; border-radius: if(style(--nm887e-styleColor : true ): 50%; else: var(--nm887e-borderRadius,0px)); border: var(--nm887e-borderWidth,0) solid color-mix( in srgb, var(--nm887e-borderColor,#D1D1D1) 30%, transparent ); box-shadow: var(--nm887e-shadowHorizontal,0px) var(--nm887e-shadowVertical,0px) var(--nm887e-shadowBlur,0px) 1px color-mix( in srgb, var(--nm887e-shadowColor,#000) var(--nm887e-shadowTransparent,0%), transparent ); .omnise-radio-lb { display: none; } &:hover { border-color: var(--nm887e-borderColorHover,#000); } &:has(.omnise-radio:checked) { border-color: var(--nm887e-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(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); } @media (max-width:767px) { width: var(--nm887e-sizeColor-mobile,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-mobile,var(--nm887e-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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .omnise-swatch-sel:hover { color: var(--nm887e-colorHover, #333333); background-color: var(--nm887e-tabBgHover, #cccccc); border-color: var(--nm887e-borderColorHover, #000000); } .omnise-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="omnise-3ms5tl"] { & { margin-bottom: 3vmax !important; } }[data-bnode="omnise-3ms5tl"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3ms5tl"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-3ms5tl"] {                gap: 8px;     }  }[data-bnode="omnise-b7bxpf"] { --b7bxpf-borderStyle: none; --b7bxpf-borderStyle-tablet: none; --b7bxpf-borderStyle-mobile: none; --b7bxpf-borderColor: #000000; --b7bxpf-borderColor-tablet: #000000; --b7bxpf-borderColor-mobile: #000000; --b7bxpf-borderWidth: 1px; --b7bxpf-borderWidth-tablet: 1px; --b7bxpf-borderWidth-mobile: 1px; --b7bxpf-shadowHorizontal: 0; --b7bxpf-shadowHorizontal-tablet: 0; --b7bxpf-shadowHorizontal-mobile: 0; --b7bxpf-shadowVertical: 0; --b7bxpf-shadowVertical-tablet: 0; --b7bxpf-shadowVertical-mobile: 0; --b7bxpf-shadowBlur: 0; --b7bxpf-shadowBlur-tablet: 0; --b7bxpf-shadowBlur-mobile: 0; --b7bxpf-shadowColor: #000000; --b7bxpf-shadowColor-tablet: #000000; --b7bxpf-shadowColor-mobile: #000000; --b7bxpf-padding-top: 0px; --b7bxpf-padding-top-tablet: 0px; --b7bxpf-padding-top-mobile: 0px; --b7bxpf-padding-right: 0px; --b7bxpf-padding-right-tablet: 0px; --b7bxpf-padding-right-mobile: 0px; --b7bxpf-padding-bottom: 0px; --b7bxpf-padding-bottom-tablet: 0px; --b7bxpf-padding-bottom-mobile: 0px; --b7bxpf-padding-left: 0px; --b7bxpf-padding-left-tablet: 0px; --b7bxpf-padding-left-mobile: 0px; --b7bxpf-enableShadow: false; --b7bxpf-enableShadow-tablet: false; --b7bxpf-enableShadow-mobile: false; --b7bxpf-imageRatio: 4/5; --b7bxpf-imageRatio-tablet: auto; --b7bxpf-imageRatio-mobile: 4/5; --b7bxpf-borderRadius-tl: 0px; --b7bxpf-borderRadius-tl-tablet: 0px; --b7bxpf-borderRadius-tl-mobile: 0px; --b7bxpf-borderRadius-tr: 0px; --b7bxpf-borderRadius-tr-tablet: 0px; --b7bxpf-borderRadius-tr-mobile: 0px; --b7bxpf-borderRadius-bl: 0px; --b7bxpf-borderRadius-bl-tablet: 0px; --b7bxpf-borderRadius-bl-mobile: 0px; --b7bxpf-borderRadius-br: 0px; --b7bxpf-borderRadius-br-tablet: 0px; --b7bxpf-borderRadius-br-mobile: 0px; --b7bxpf-margin-top: 0px; --b7bxpf-margin-top-tablet: 0px; --b7bxpf-margin-top-mobile: 0px; --b7bxpf-margin-right: 0px; --b7bxpf-margin-right-tablet: 0px; --b7bxpf-margin-right-mobile: 0px; --b7bxpf-margin-bottom: 0px; --b7bxpf-margin-bottom-tablet: 0px; --b7bxpf-margin-bottom-mobile: 0px; --b7bxpf-margin-left: 0px; --b7bxpf-margin-left-tablet: 0px; --b7bxpf-margin-left-mobile: 0px; }[data-bnode="omnise-b7bxpf"] { margin-top: var(--b7bxpf-margin-top, 0px); margin-right: var(--b7bxpf-margin-right, 0px); margin-bottom: var(--b7bxpf-margin-bottom, 0px); margin-left: var(--b7bxpf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b7bxpf-margin-top-tablet, 0px); margin-right: var(--b7bxpf-margin-right-tablet, 0px); margin-bottom: var(--b7bxpf-margin-bottom-tablet, 0px); margin-left: var(--b7bxpf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b7bxpf-margin-top-mobile, 0px); margin-right: var(--b7bxpf-margin-right-mobile, 0px); margin-bottom: var(--b7bxpf-margin-bottom-mobile, 0px); margin-left: var(--b7bxpf-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--b7bxpf-imageRatio, auto); overflow: hidden; border-style: var(--b7bxpf-borderStyle, solid); border-color: var(--b7bxpf-borderColor, var(--omnise-card-media-border-color)); border-width: var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--b7bxpf-shadowHorizontal, var(--omnise-card-shadow-x)) var(--b7bxpf-shadowVertical, var(--omnise-card-shadow-y)) var(--b7bxpf-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--b7bxpf-shadowColor, var(--omnise-card-media-shadow-color)) var(--b7bxpf-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--b7bxpf-imageRatio-tablet, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-tablet, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-tablet, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-tablet, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-tablet, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-tablet, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-tablet, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-tablet, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-tablet, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-tablet, var(--b7bxpf-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--b7bxpf-imageRatio-mobile, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-mobile, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-mobile, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-mobile, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-mobile, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-mobile, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-mobile, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-mobile, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-mobile, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-mobile, var(--b7bxpf-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-ftmihi"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }[data-bnode="omnise-weeb34"] { --weeb34-typography: h4; --weeb34-typography-tablet: h4; --weeb34-typography-mobile: h4; --omnise-h4-text-align: start; --omnise-h4-font-size-mobile: 16px; --omnise-h4-text-transform: uppercase; --omnise-h4-line-height-mobile: 1.5; --omnise-h4-color: #4A4A4A; --omnise-h4-font-weight: 500; --omnise-h4-font-size: 20px; --omnise-h4-letter-spacing: 0.7px; }[data-bnode="omnise-weeb34"] { margin-top: var(--weeb34-margin-top, 0px); margin-right: var(--weeb34-margin-right, 0px); margin-bottom: var(--weeb34-margin-bottom, 0px); margin-left: var(--weeb34-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--weeb34-margin-top-tablet, 0px); margin-right: var(--weeb34-margin-right-tablet, 0px); margin-bottom: var(--weeb34-margin-bottom-tablet, 0px); margin-left: var(--weeb34-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--weeb34-margin-top-mobile, 0px); margin-right: var(--weeb34-margin-right-mobile, 0px); margin-bottom: var(--weeb34-margin-bottom-mobile, 0px); margin-left: var(--weeb34-margin-left-mobile, 0px); } &.omnise-product-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } }[data-bnode="omnise-p7bz0n"] { --p7bz0n-priceType: comparePrice; --p7bz0n-priceType-tablet: comparePrice; --p7bz0n-priceType-mobile: comparePrice; --p7bz0n-decoration: line-through; --p7bz0n-decoration-tablet: line-through; --p7bz0n-decoration-mobile: line-through; --omnise-p-font-size: 16px; --omnise-p-color: #4A4A4A; --omnise-p-font-size-mobile: 15px; --omnise-p-font-weight: 400; }[data-bnode="omnise-p7bz0n"] { margin-top: var(--p7bz0n-margin-top, 0px); margin-right: var(--p7bz0n-margin-right, 0px); margin-bottom: var(--p7bz0n-margin-bottom, 0px); margin-left: var(--p7bz0n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p7bz0n-margin-top-tablet, 0px); margin-right: var(--p7bz0n-margin-right-tablet, 0px); margin-bottom: var(--p7bz0n-margin-bottom-tablet, 0px); margin-left: var(--p7bz0n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p7bz0n-margin-top-mobile, 0px); margin-right: var(--p7bz0n-margin-right-mobile, 0px); margin-bottom: var(--p7bz0n-margin-bottom-mobile, 0px); margin-left: var(--p7bz0n-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--p7bz0n-comparePriceColor); text-decoration: var(--p7bz0n-decoration,none); font-size: calc(var(--p7bz0n-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--p7bz0n-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nm887e"] { --nm887e-variantType: options; --nm887e-variantType-tablet: options; --nm887e-variantType-mobile: options; --nm887e-headerState: normal; --nm887e-headerState-tablet: normal; --nm887e-headerState-mobile: normal; --nm887e-borderStyle: none; --nm887e-borderStyle-tablet: none; --nm887e-borderStyle-mobile: none; --nm887e-borderWidth: 1px; --nm887e-borderWidth-tablet: 1px; --nm887e-borderWidth-mobile: 1px; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-h4-text-align: start; --omnise-h4-text-align-tablet: start; --omnise-h4-font-size-mobile: 22px; --omnise-h4-line-height-mobile: 1.4; --omnise-h4-letter-spacing-mobile: 0px; --omnise-h4-text-align-mobile: start; --nm887e-styleColor: true; --nm887e-styleColor-tablet: true; --nm887e-styleColor-mobile: true; --nm887e-sizeColor: 20px; --nm887e-sizeColor-tablet: 20px; --nm887e-sizeColor-mobile: 17px; }[data-bnode="omnise-nm887e"] { margin-top: var(--nm887e-margin-top, 0px); margin-right: var(--nm887e-margin-right, 0px); margin-bottom: var(--nm887e-margin-bottom, 0px); margin-left: var(--nm887e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nm887e-margin-top-tablet, 0px); margin-right: var(--nm887e-margin-right-tablet, 0px); margin-bottom: var(--nm887e-margin-bottom-tablet, 0px); margin-left: var(--nm887e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nm887e-margin-top-mobile, 0px); margin-right: var(--nm887e-margin-right-mobile, 0px); margin-bottom: var(--nm887e-margin-bottom-mobile, 0px); margin-left: var(--nm887e-margin-left-mobile, 0px); } &.omnise-variant-box .omnise-swatch-color { border: none !important } &.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(--nm887e-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(--nm887e-iconWidth, 20px); min-width: var(--nm887e-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; align-items: center; 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)); } } } .omnise-swatch-more { display: inline-flex; align-items: center; justify-content: center; font-size: var(--omnise-labelTypo-font-size, var(--omnise-p-font-size, 14px)); font-weight: var(--omnise-labelTypo-font-weight, var(--omnise-p-font-weight, 500)); line-height: 1; color: var(--omnise-labelTypo-color, var(--omnise-text-color, #111827)); user-select: none; margin-left: 2px; } /* ===== 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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .omnise-radio-wrap:hover .omnise-radio-lb { background-color: var(--nm887e-tabBgHover,#cccccc); color: var(--nm887e-colorHover,#333333); border-color: var(--nm887e-borderColorHover, var(--nm887e-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .omnise-radio:checked + .omnise-radio-lb { background-color: var(--nm887e-tabBgActive, #000); color: var(--nm887e-colorActive, #fff); border-color: var(--nm887e-borderColorActive, var(--nm887e-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(--nm887e-sizeColor,40px); height: var(--nm887e-sizeColor,40px); padding: 0; overflow: hidden; transition: all .2s; border-radius: if(style(--nm887e-styleColor : true ): 50%; else: var(--nm887e-borderRadius,0px)); border: var(--nm887e-borderWidth,0) solid color-mix( in srgb, var(--nm887e-borderColor,#D1D1D1) 30%, transparent ); box-shadow: var(--nm887e-shadowHorizontal,0px) var(--nm887e-shadowVertical,0px) var(--nm887e-shadowBlur,0px) 1px color-mix( in srgb, var(--nm887e-shadowColor,#000) var(--nm887e-shadowTransparent,0%), transparent ); .omnise-radio-lb { display: none; } &:hover { border-color: var(--nm887e-borderColorHover,#000); } &:has(.omnise-radio:checked) { border-color: var(--nm887e-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(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); } @media (max-width:767px) { width: var(--nm887e-sizeColor-mobile,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-mobile,var(--nm887e-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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .omnise-swatch-sel:hover { color: var(--nm887e-colorHover, #333333); background-color: var(--nm887e-tabBgHover, #cccccc); border-color: var(--nm887e-borderColorHover, #000000); } .omnise-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="omnise-3ms5tl"] { & { margin-bottom: 3vmax !important; } }[data-bnode="omnise-3ms5tl"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3ms5tl"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-3ms5tl"] {                gap: 8px;     }  }[data-bnode="omnise-b7bxpf"] { --b7bxpf-borderStyle: none; --b7bxpf-borderStyle-tablet: none; --b7bxpf-borderStyle-mobile: none; --b7bxpf-borderColor: #000000; --b7bxpf-borderColor-tablet: #000000; --b7bxpf-borderColor-mobile: #000000; --b7bxpf-borderWidth: 1px; --b7bxpf-borderWidth-tablet: 1px; --b7bxpf-borderWidth-mobile: 1px; --b7bxpf-shadowHorizontal: 0; --b7bxpf-shadowHorizontal-tablet: 0; --b7bxpf-shadowHorizontal-mobile: 0; --b7bxpf-shadowVertical: 0; --b7bxpf-shadowVertical-tablet: 0; --b7bxpf-shadowVertical-mobile: 0; --b7bxpf-shadowBlur: 0; --b7bxpf-shadowBlur-tablet: 0; --b7bxpf-shadowBlur-mobile: 0; --b7bxpf-shadowColor: #000000; --b7bxpf-shadowColor-tablet: #000000; --b7bxpf-shadowColor-mobile: #000000; --b7bxpf-padding-top: 0px; --b7bxpf-padding-top-tablet: 0px; --b7bxpf-padding-top-mobile: 0px; --b7bxpf-padding-right: 0px; --b7bxpf-padding-right-tablet: 0px; --b7bxpf-padding-right-mobile: 0px; --b7bxpf-padding-bottom: 0px; --b7bxpf-padding-bottom-tablet: 0px; --b7bxpf-padding-bottom-mobile: 0px; --b7bxpf-padding-left: 0px; --b7bxpf-padding-left-tablet: 0px; --b7bxpf-padding-left-mobile: 0px; --b7bxpf-enableShadow: false; --b7bxpf-enableShadow-tablet: false; --b7bxpf-enableShadow-mobile: false; --b7bxpf-imageRatio: 4/5; --b7bxpf-imageRatio-tablet: auto; --b7bxpf-imageRatio-mobile: 4/5; --b7bxpf-borderRadius-tl: 0px; --b7bxpf-borderRadius-tl-tablet: 0px; --b7bxpf-borderRadius-tl-mobile: 0px; --b7bxpf-borderRadius-tr: 0px; --b7bxpf-borderRadius-tr-tablet: 0px; --b7bxpf-borderRadius-tr-mobile: 0px; --b7bxpf-borderRadius-bl: 0px; --b7bxpf-borderRadius-bl-tablet: 0px; --b7bxpf-borderRadius-bl-mobile: 0px; --b7bxpf-borderRadius-br: 0px; --b7bxpf-borderRadius-br-tablet: 0px; --b7bxpf-borderRadius-br-mobile: 0px; --b7bxpf-margin-top: 0px; --b7bxpf-margin-top-tablet: 0px; --b7bxpf-margin-top-mobile: 0px; --b7bxpf-margin-right: 0px; --b7bxpf-margin-right-tablet: 0px; --b7bxpf-margin-right-mobile: 0px; --b7bxpf-margin-bottom: 0px; --b7bxpf-margin-bottom-tablet: 0px; --b7bxpf-margin-bottom-mobile: 0px; --b7bxpf-margin-left: 0px; --b7bxpf-margin-left-tablet: 0px; --b7bxpf-margin-left-mobile: 0px; }[data-bnode="omnise-b7bxpf"] { margin-top: var(--b7bxpf-margin-top, 0px); margin-right: var(--b7bxpf-margin-right, 0px); margin-bottom: var(--b7bxpf-margin-bottom, 0px); margin-left: var(--b7bxpf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b7bxpf-margin-top-tablet, 0px); margin-right: var(--b7bxpf-margin-right-tablet, 0px); margin-bottom: var(--b7bxpf-margin-bottom-tablet, 0px); margin-left: var(--b7bxpf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b7bxpf-margin-top-mobile, 0px); margin-right: var(--b7bxpf-margin-right-mobile, 0px); margin-bottom: var(--b7bxpf-margin-bottom-mobile, 0px); margin-left: var(--b7bxpf-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--b7bxpf-imageRatio, auto); overflow: hidden; border-style: var(--b7bxpf-borderStyle, solid); border-color: var(--b7bxpf-borderColor, var(--omnise-card-media-border-color)); border-width: var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--b7bxpf-shadowHorizontal, var(--omnise-card-shadow-x)) var(--b7bxpf-shadowVertical, var(--omnise-card-shadow-y)) var(--b7bxpf-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--b7bxpf-shadowColor, var(--omnise-card-media-shadow-color)) var(--b7bxpf-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--b7bxpf-imageRatio-tablet, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-tablet, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-tablet, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-tablet, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-tablet, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-tablet, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-tablet, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-tablet, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-tablet, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-tablet, var(--b7bxpf-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--b7bxpf-imageRatio-mobile, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-mobile, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-mobile, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-mobile, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-mobile, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-mobile, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-mobile, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-mobile, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-mobile, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-mobile, var(--b7bxpf-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-ftmihi"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }[data-bnode="omnise-weeb34"] { --weeb34-typography: h4; --weeb34-typography-tablet: h4; --weeb34-typography-mobile: h4; --omnise-h4-text-align: start; --omnise-h4-font-size-mobile: 16px; --omnise-h4-text-transform: uppercase; --omnise-h4-line-height-mobile: 1.5; --omnise-h4-color: #4A4A4A; --omnise-h4-font-weight: 500; --omnise-h4-font-size: 20px; --omnise-h4-letter-spacing: 0.7px; }[data-bnode="omnise-weeb34"] { margin-top: var(--weeb34-margin-top, 0px); margin-right: var(--weeb34-margin-right, 0px); margin-bottom: var(--weeb34-margin-bottom, 0px); margin-left: var(--weeb34-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--weeb34-margin-top-tablet, 0px); margin-right: var(--weeb34-margin-right-tablet, 0px); margin-bottom: var(--weeb34-margin-bottom-tablet, 0px); margin-left: var(--weeb34-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--weeb34-margin-top-mobile, 0px); margin-right: var(--weeb34-margin-right-mobile, 0px); margin-bottom: var(--weeb34-margin-bottom-mobile, 0px); margin-left: var(--weeb34-margin-left-mobile, 0px); } &.omnise-product-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } }[data-bnode="omnise-p7bz0n"] { --p7bz0n-priceType: comparePrice; --p7bz0n-priceType-tablet: comparePrice; --p7bz0n-priceType-mobile: comparePrice; --p7bz0n-decoration: line-through; --p7bz0n-decoration-tablet: line-through; --p7bz0n-decoration-mobile: line-through; --omnise-p-font-size: 16px; --omnise-p-color: #4A4A4A; --omnise-p-font-size-mobile: 15px; --omnise-p-font-weight: 400; }[data-bnode="omnise-p7bz0n"] { margin-top: var(--p7bz0n-margin-top, 0px); margin-right: var(--p7bz0n-margin-right, 0px); margin-bottom: var(--p7bz0n-margin-bottom, 0px); margin-left: var(--p7bz0n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p7bz0n-margin-top-tablet, 0px); margin-right: var(--p7bz0n-margin-right-tablet, 0px); margin-bottom: var(--p7bz0n-margin-bottom-tablet, 0px); margin-left: var(--p7bz0n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p7bz0n-margin-top-mobile, 0px); margin-right: var(--p7bz0n-margin-right-mobile, 0px); margin-bottom: var(--p7bz0n-margin-bottom-mobile, 0px); margin-left: var(--p7bz0n-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--p7bz0n-comparePriceColor); text-decoration: var(--p7bz0n-decoration,none); font-size: calc(var(--p7bz0n-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--p7bz0n-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nm887e"] { --nm887e-variantType: options; --nm887e-variantType-tablet: options; --nm887e-variantType-mobile: options; --nm887e-headerState: normal; --nm887e-headerState-tablet: normal; --nm887e-headerState-mobile: normal; --nm887e-borderStyle: none; --nm887e-borderStyle-tablet: none; --nm887e-borderStyle-mobile: none; --nm887e-borderWidth: 1px; --nm887e-borderWidth-tablet: 1px; --nm887e-borderWidth-mobile: 1px; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-h4-text-align: start; --omnise-h4-text-align-tablet: start; --omnise-h4-font-size-mobile: 22px; --omnise-h4-line-height-mobile: 1.4; --omnise-h4-letter-spacing-mobile: 0px; --omnise-h4-text-align-mobile: start; --nm887e-styleColor: true; --nm887e-styleColor-tablet: true; --nm887e-styleColor-mobile: true; --nm887e-sizeColor: 20px; --nm887e-sizeColor-tablet: 20px; --nm887e-sizeColor-mobile: 17px; }[data-bnode="omnise-nm887e"] { margin-top: var(--nm887e-margin-top, 0px); margin-right: var(--nm887e-margin-right, 0px); margin-bottom: var(--nm887e-margin-bottom, 0px); margin-left: var(--nm887e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nm887e-margin-top-tablet, 0px); margin-right: var(--nm887e-margin-right-tablet, 0px); margin-bottom: var(--nm887e-margin-bottom-tablet, 0px); margin-left: var(--nm887e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nm887e-margin-top-mobile, 0px); margin-right: var(--nm887e-margin-right-mobile, 0px); margin-bottom: var(--nm887e-margin-bottom-mobile, 0px); margin-left: var(--nm887e-margin-left-mobile, 0px); } &.omnise-variant-box .omnise-swatch-color { border: none !important } &.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(--nm887e-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(--nm887e-iconWidth, 20px); min-width: var(--nm887e-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; align-items: center; 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)); } } } .omnise-swatch-more { display: inline-flex; align-items: center; justify-content: center; font-size: var(--omnise-labelTypo-font-size, var(--omnise-p-font-size, 14px)); font-weight: var(--omnise-labelTypo-font-weight, var(--omnise-p-font-weight, 500)); line-height: 1; color: var(--omnise-labelTypo-color, var(--omnise-text-color, #111827)); user-select: none; margin-left: 2px; } /* ===== 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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .omnise-radio-wrap:hover .omnise-radio-lb { background-color: var(--nm887e-tabBgHover,#cccccc); color: var(--nm887e-colorHover,#333333); border-color: var(--nm887e-borderColorHover, var(--nm887e-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .omnise-radio:checked + .omnise-radio-lb { background-color: var(--nm887e-tabBgActive, #000); color: var(--nm887e-colorActive, #fff); border-color: var(--nm887e-borderColorActive, var(--nm887e-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(--nm887e-sizeColor,40px); height: var(--nm887e-sizeColor,40px); padding: 0; overflow: hidden; transition: all .2s; border-radius: if(style(--nm887e-styleColor : true ): 50%; else: var(--nm887e-borderRadius,0px)); border: var(--nm887e-borderWidth,0) solid color-mix( in srgb, var(--nm887e-borderColor,#D1D1D1) 30%, transparent ); box-shadow: var(--nm887e-shadowHorizontal,0px) var(--nm887e-shadowVertical,0px) var(--nm887e-shadowBlur,0px) 1px color-mix( in srgb, var(--nm887e-shadowColor,#000) var(--nm887e-shadowTransparent,0%), transparent ); .omnise-radio-lb { display: none; } &:hover { border-color: var(--nm887e-borderColorHover,#000); } &:has(.omnise-radio:checked) { border-color: var(--nm887e-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(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); } @media (max-width:767px) { width: var(--nm887e-sizeColor-mobile,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-mobile,var(--nm887e-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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .omnise-swatch-sel:hover { color: var(--nm887e-colorHover, #333333); background-color: var(--nm887e-tabBgHover, #cccccc); border-color: var(--nm887e-borderColorHover, #000000); } .omnise-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="omnise-3ms5tl"] { & { margin-bottom: 3vmax !important; } }[data-bnode="omnise-3ms5tl"] {        flex-wrap: nowrap;        gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-3ms5tl"] {                gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-3ms5tl"] {                gap: 8px;     }  }[data-bnode="omnise-b7bxpf"] { --b7bxpf-borderStyle: none; --b7bxpf-borderStyle-tablet: none; --b7bxpf-borderStyle-mobile: none; --b7bxpf-borderColor: #000000; --b7bxpf-borderColor-tablet: #000000; --b7bxpf-borderColor-mobile: #000000; --b7bxpf-borderWidth: 1px; --b7bxpf-borderWidth-tablet: 1px; --b7bxpf-borderWidth-mobile: 1px; --b7bxpf-shadowHorizontal: 0; --b7bxpf-shadowHorizontal-tablet: 0; --b7bxpf-shadowHorizontal-mobile: 0; --b7bxpf-shadowVertical: 0; --b7bxpf-shadowVertical-tablet: 0; --b7bxpf-shadowVertical-mobile: 0; --b7bxpf-shadowBlur: 0; --b7bxpf-shadowBlur-tablet: 0; --b7bxpf-shadowBlur-mobile: 0; --b7bxpf-shadowColor: #000000; --b7bxpf-shadowColor-tablet: #000000; --b7bxpf-shadowColor-mobile: #000000; --b7bxpf-padding-top: 0px; --b7bxpf-padding-top-tablet: 0px; --b7bxpf-padding-top-mobile: 0px; --b7bxpf-padding-right: 0px; --b7bxpf-padding-right-tablet: 0px; --b7bxpf-padding-right-mobile: 0px; --b7bxpf-padding-bottom: 0px; --b7bxpf-padding-bottom-tablet: 0px; --b7bxpf-padding-bottom-mobile: 0px; --b7bxpf-padding-left: 0px; --b7bxpf-padding-left-tablet: 0px; --b7bxpf-padding-left-mobile: 0px; --b7bxpf-enableShadow: false; --b7bxpf-enableShadow-tablet: false; --b7bxpf-enableShadow-mobile: false; --b7bxpf-imageRatio: 4/5; --b7bxpf-imageRatio-tablet: auto; --b7bxpf-imageRatio-mobile: 4/5; --b7bxpf-borderRadius-tl: 0px; --b7bxpf-borderRadius-tl-tablet: 0px; --b7bxpf-borderRadius-tl-mobile: 0px; --b7bxpf-borderRadius-tr: 0px; --b7bxpf-borderRadius-tr-tablet: 0px; --b7bxpf-borderRadius-tr-mobile: 0px; --b7bxpf-borderRadius-bl: 0px; --b7bxpf-borderRadius-bl-tablet: 0px; --b7bxpf-borderRadius-bl-mobile: 0px; --b7bxpf-borderRadius-br: 0px; --b7bxpf-borderRadius-br-tablet: 0px; --b7bxpf-borderRadius-br-mobile: 0px; --b7bxpf-margin-top: 0px; --b7bxpf-margin-top-tablet: 0px; --b7bxpf-margin-top-mobile: 0px; --b7bxpf-margin-right: 0px; --b7bxpf-margin-right-tablet: 0px; --b7bxpf-margin-right-mobile: 0px; --b7bxpf-margin-bottom: 0px; --b7bxpf-margin-bottom-tablet: 0px; --b7bxpf-margin-bottom-mobile: 0px; --b7bxpf-margin-left: 0px; --b7bxpf-margin-left-tablet: 0px; --b7bxpf-margin-left-mobile: 0px; }[data-bnode="omnise-b7bxpf"] { margin-top: var(--b7bxpf-margin-top, 0px); margin-right: var(--b7bxpf-margin-right, 0px); margin-bottom: var(--b7bxpf-margin-bottom, 0px); margin-left: var(--b7bxpf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b7bxpf-margin-top-tablet, 0px); margin-right: var(--b7bxpf-margin-right-tablet, 0px); margin-bottom: var(--b7bxpf-margin-bottom-tablet, 0px); margin-left: var(--b7bxpf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b7bxpf-margin-top-mobile, 0px); margin-right: var(--b7bxpf-margin-right-mobile, 0px); margin-bottom: var(--b7bxpf-margin-bottom-mobile, 0px); margin-left: var(--b7bxpf-margin-left-mobile, 0px); } &.omnise-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--b7bxpf-imageRatio, auto); overflow: hidden; border-style: var(--b7bxpf-borderStyle, solid); border-color: var(--b7bxpf-borderColor, var(--omnise-card-media-border-color)); border-width: var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width)) var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width)); border-radius: var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius)) var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius)); box-shadow: var(--b7bxpf-shadowHorizontal, var(--omnise-card-shadow-x)) var(--b7bxpf-shadowVertical, var(--omnise-card-shadow-y)) var(--b7bxpf-shadowBlur, var(--omnise-card-shadow-blur)) 1px color-mix( in srgb, var(--b7bxpf-shadowColor, var(--omnise-card-media-shadow-color)) var(--b7bxpf-shadowTransparent, var(--omnise-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--b7bxpf-imageRatio-tablet, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-tablet, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-tablet, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-tablet, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-tablet, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-tablet, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-tablet, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-tablet, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-tablet, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-tablet, var(--b7bxpf-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--b7bxpf-imageRatio-mobile, var(--b7bxpf-imageRatio, auto)); border-width: var(--b7bxpf-borderWidth-tl-mobile, var(--b7bxpf-borderWidth-tl, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-tr-mobile, var(--b7bxpf-borderWidth-tr, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-br-mobile, var(--b7bxpf-borderWidth-br, var(--omnise-card-border-width))) var(--b7bxpf-borderWidth-bl-mobile, var(--b7bxpf-borderWidth-bl, var(--omnise-card-border-width))); border-radius: var(--b7bxpf-borderRadius-tl-mobile, var(--b7bxpf-borderRadius-tl, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-tr-mobile, var(--b7bxpf-borderRadius-tr, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-br-mobile, var(--b7bxpf-borderRadius-br, var(--omnise-card-border-radius))) var(--b7bxpf-borderRadius-bl-mobile, var(--b7bxpf-borderRadius-bl, var(--omnise-card-border-radius))); max-width: var(--b7bxpf-max-width-mobile, var(--b7bxpf-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-ftmihi"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-ftmihi"] {                gap: 12px;     }  }[data-bnode="omnise-weeb34"] { --weeb34-typography: h4; --weeb34-typography-tablet: h4; --weeb34-typography-mobile: h4; --omnise-h4-text-align: start; --omnise-h4-font-size-mobile: 16px; --omnise-h4-text-transform: uppercase; --omnise-h4-line-height-mobile: 1.5; --omnise-h4-color: #4A4A4A; --omnise-h4-font-weight: 500; --omnise-h4-font-size: 20px; --omnise-h4-letter-spacing: 0.7px; }[data-bnode="omnise-weeb34"] { margin-top: var(--weeb34-margin-top, 0px); margin-right: var(--weeb34-margin-right, 0px); margin-bottom: var(--weeb34-margin-bottom, 0px); margin-left: var(--weeb34-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--weeb34-margin-top-tablet, 0px); margin-right: var(--weeb34-margin-right-tablet, 0px); margin-bottom: var(--weeb34-margin-bottom-tablet, 0px); margin-left: var(--weeb34-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--weeb34-margin-top-mobile, 0px); margin-right: var(--weeb34-margin-right-mobile, 0px); margin-bottom: var(--weeb34-margin-bottom-mobile, 0px); margin-left: var(--weeb34-margin-left-mobile, 0px); } &.omnise-product-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } }[data-bnode="omnise-p7bz0n"] { --p7bz0n-priceType: comparePrice; --p7bz0n-priceType-tablet: comparePrice; --p7bz0n-priceType-mobile: comparePrice; --p7bz0n-decoration: line-through; --p7bz0n-decoration-tablet: line-through; --p7bz0n-decoration-mobile: line-through; --omnise-p-font-size: 16px; --omnise-p-color: #4A4A4A; --omnise-p-font-size-mobile: 15px; --omnise-p-font-weight: 400; }[data-bnode="omnise-p7bz0n"] { margin-top: var(--p7bz0n-margin-top, 0px); margin-right: var(--p7bz0n-margin-right, 0px); margin-bottom: var(--p7bz0n-margin-bottom, 0px); margin-left: var(--p7bz0n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p7bz0n-margin-top-tablet, 0px); margin-right: var(--p7bz0n-margin-right-tablet, 0px); margin-bottom: var(--p7bz0n-margin-bottom-tablet, 0px); margin-left: var(--p7bz0n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p7bz0n-margin-top-mobile, 0px); margin-right: var(--p7bz0n-margin-right-mobile, 0px); margin-bottom: var(--p7bz0n-margin-bottom-mobile, 0px); margin-left: var(--p7bz0n-margin-left-mobile, 0px); } &.omnise-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .omnise-product-price-compare{ color: var(--p7bz0n-comparePriceColor); text-decoration: var(--p7bz0n-decoration,none); font-size: calc(var(--p7bz0n-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.omnise-on-sale .omnise-price-sale{ color: var(--p7bz0n-salePriceColor,var(--omnise-other-sale-price-color)); } }[data-bnode="omnise-nm887e"] { --nm887e-variantType: options; --nm887e-variantType-tablet: options; --nm887e-variantType-mobile: options; --nm887e-headerState: normal; --nm887e-headerState-tablet: normal; --nm887e-headerState-mobile: normal; --nm887e-borderStyle: none; --nm887e-borderStyle-tablet: none; --nm887e-borderStyle-mobile: none; --nm887e-borderWidth: 1px; --nm887e-borderWidth-tablet: 1px; --nm887e-borderWidth-mobile: 1px; --omnise-p-text-align: start; --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --omnise-h4-text-align: start; --omnise-h4-text-align-tablet: start; --omnise-h4-font-size-mobile: 22px; --omnise-h4-line-height-mobile: 1.4; --omnise-h4-letter-spacing-mobile: 0px; --omnise-h4-text-align-mobile: start; --nm887e-styleColor: true; --nm887e-styleColor-tablet: true; --nm887e-styleColor-mobile: true; --nm887e-sizeColor: 20px; --nm887e-sizeColor-tablet: 20px; --nm887e-sizeColor-mobile: 17px; }[data-bnode="omnise-nm887e"] { margin-top: var(--nm887e-margin-top, 0px); margin-right: var(--nm887e-margin-right, 0px); margin-bottom: var(--nm887e-margin-bottom, 0px); margin-left: var(--nm887e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nm887e-margin-top-tablet, 0px); margin-right: var(--nm887e-margin-right-tablet, 0px); margin-bottom: var(--nm887e-margin-bottom-tablet, 0px); margin-left: var(--nm887e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nm887e-margin-top-mobile, 0px); margin-right: var(--nm887e-margin-right-mobile, 0px); margin-bottom: var(--nm887e-margin-bottom-mobile, 0px); margin-left: var(--nm887e-margin-left-mobile, 0px); } &.omnise-variant-box .omnise-swatch-color { border: none !important } &.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(--nm887e-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(--nm887e-iconWidth, 20px); min-width: var(--nm887e-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; align-items: center; 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)); } } } .omnise-swatch-more { display: inline-flex; align-items: center; justify-content: center; font-size: var(--omnise-labelTypo-font-size, var(--omnise-p-font-size, 14px)); font-weight: var(--omnise-labelTypo-font-weight, var(--omnise-p-font-weight, 500)); line-height: 1; color: var(--omnise-labelTypo-color, var(--omnise-text-color, #111827)); user-select: none; margin-left: 2px; } /* ===== 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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .omnise-radio-wrap:hover .omnise-radio-lb { background-color: var(--nm887e-tabBgHover,#cccccc); color: var(--nm887e-colorHover,#333333); border-color: var(--nm887e-borderColorHover, var(--nm887e-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .omnise-radio:checked + .omnise-radio-lb { background-color: var(--nm887e-tabBgActive, #000); color: var(--nm887e-colorActive, #fff); border-color: var(--nm887e-borderColorActive, var(--nm887e-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(--nm887e-sizeColor,40px); height: var(--nm887e-sizeColor,40px); padding: 0; overflow: hidden; transition: all .2s; border-radius: if(style(--nm887e-styleColor : true ): 50%; else: var(--nm887e-borderRadius,0px)); border: var(--nm887e-borderWidth,0) solid color-mix( in srgb, var(--nm887e-borderColor,#D1D1D1) 30%, transparent ); box-shadow: var(--nm887e-shadowHorizontal,0px) var(--nm887e-shadowVertical,0px) var(--nm887e-shadowBlur,0px) 1px color-mix( in srgb, var(--nm887e-shadowColor,#000) var(--nm887e-shadowTransparent,0%), transparent ); .omnise-radio-lb { display: none; } &:hover { border-color: var(--nm887e-borderColorHover,#000); } &:has(.omnise-radio:checked) { border-color: var(--nm887e-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(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-tablet,var(--nm887e-sizeColor,40px)); } @media (max-width:767px) { width: var(--nm887e-sizeColor-mobile,var(--nm887e-sizeColor,40px)); height: var(--nm887e-sizeColor-mobile,var(--nm887e-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(--nm887e-paddingX, 20px); padding-block: var(--nm887e-paddingY, 12px); background-color: var(--nm887e-tabBg, #F5F5F5); cursor: pointer; border-style: var(--nm887e-borderStyle, none); border-color: var(--nm887e-borderColor, #D1D1D1); border-width: var(--nm887e-borderWidth,0px); border-radius: var(--nm887e-borderRadius, 0px); box-shadow: var(--nm887e-shadowHorizontal, 0px) var(--nm887e-shadowVertical, 0px) var(--nm887e-shadowBlur, 0px) 1px color-mix( in srgb, var(--nm887e-shadowColor, #000000) var(--nm887e-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .omnise-swatch-sel:hover { color: var(--nm887e-colorHover, #333333); background-color: var(--nm887e-tabBgHover, #cccccc); border-color: var(--nm887e-borderColorHover, #000000); } .omnise-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="omnise-o7nhol"] { --o7nhol-button: pr; --o7nhol-button-tablet: pr; --o7nhol-button-mobile: pr; --omnise-btn-se-background-color: #c0ff00; --omnise-btn-font-weight: 600; --omnise-btn-pr-background-color: #c0ff00; --omnise-btn-text-transform: uppercase; --omnise-btn-pr-label-color: #ffffff; --omnise-btn-height-mobile: 38px; --omnise-btn-padding-mobile: 22px; --omnise-btn-border-radius: 42px; --omnise-btn-font-size-mobile: 12px; --omnise-btn-font-size: 16px; --omnise-btn-padding: 42px; }[data-bnode="omnise-o7nhol"] { margin-top: var(--o7nhol-margin-top, 0px); margin-right: var(--o7nhol-margin-right, 0px); margin-bottom: var(--o7nhol-margin-bottom, 0px); margin-left: var(--o7nhol-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--o7nhol-margin-top-tablet, 0px); margin-right: var(--o7nhol-margin-right-tablet, 0px); margin-bottom: var(--o7nhol-margin-bottom-tablet, 0px); margin-left: var(--o7nhol-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--o7nhol-margin-top-mobile, 0px); margin-right: var(--o7nhol-margin-right-mobile, 0px); margin-bottom: var(--o7nhol-margin-bottom-mobile, 0px); margin-left: var(--o7nhol-margin-left-mobile, 0px); } & { outline: none !important; } &.omnise-collection-load-more-wrap { display: flex; justify-content: center; --omnise-btn-pr-border-color: #c0fb0a; } &.omnise-collection-load-more-wrap.is-hidden { display: none; } .omnise-collection-load-more { cursor: pointer; gap: var(--o7nhol-iconGap, 5px); position: relative; text-decoration: none; } .omnise-collection-load-more[omnise-btn-po="right"] { flex-direction: row-reverse; } .omnise-collection-load-more-icon { display: flex; font-size: var(--o7nhol-iconWidth, 20px); line-height: 1; } .omnise-collection-load-more-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 1em; height: 1em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; flex: 0 0 auto; animation: omnise-collection-load-more-spin 0.7s linear infinite; transform: translate(-50%, -50%); } .omnise-collection-load-more[aria-busy="true"] .omnise-collection-load-more-spinner { display: inline-flex; } .omnise-collection-load-more[aria-busy="true"] .omnise-collection-load-more-icon, .omnise-collection-load-more[aria-busy="true"] .omnise-collection-load-more-label { opacity: 0; } .omnise-collection-load-more svg { width: var(--o7nhol-iconWidth, 20px); min-width: var(--o7nhol-iconWidth, 20px); height: 100%; } .omnise-collection-load-more:disabled { opacity: 0.45; pointer-events: none; } .omnise-collection-load-more[aria-busy="true"] { opacity: 0.7; pointer-events: none; } @media (min-width: 767.79px) and (max-width: 1180px) { .omnise-collection-load-more { gap: var(--o7nhol-iconGap-tablet, var(--o7nhol-iconGap, 5px)); } .omnise-collection-load-more-icon { font-size: var(--o7nhol-iconWidth-tablet, var(--o7nhol-iconWidth, 20px)); } .omnise-collection-load-more svg { width: var(--o7nhol-iconWidth-tablet, var(--o7nhol-iconWidth, 20px)); min-width: var(--o7nhol-iconWidth-tablet, var(--o7nhol-iconWidth, 20px)); } } @media (max-width: 767px) { .omnise-collection-load-more { gap: var(--o7nhol-iconGap-mobile, var(--o7nhol-iconGap-tablet, var(--o7nhol-iconGap, 5px))); } .omnise-collection-load-more-icon { font-size: var(--o7nhol-iconWidth-mobile, var(--o7nhol-iconWidth-tablet, var(--o7nhol-iconWidth, 20px))); } .omnise-collection-load-more svg { width: var(--o7nhol-iconWidth-mobile, var(--o7nhol-iconWidth-tablet, var(--o7nhol-iconWidth, 20px))); min-width: var(--o7nhol-iconWidth-mobile, var(--o7nhol-iconWidth-tablet, var(--o7nhol-iconWidth, 20px))); } } } @keyframes omnise-collection-load-more-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }[data-bnode="omnise-10fx6x"] { & { position: relative; overflow: hidden; } &::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( to right, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.58) 30%, rgba(0, 0, 0, 0.38) 55%, rgba(0, 0, 0, 0.22) 75%, rgba(0, 0, 0, 0.15) 100% ); } }[data-bnode="omnise-10fx6x"].omnise-section { padding-top: 32px; padding-right: 56px; padding-bottom: 32px; padding-left: 56px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-10fx6x"].omnise-section { padding-top: 48px; padding-right: 40px; padding-bottom: 48px; padding-left: 40px; } } @media (max-width: 767px) { [data-bnode="omnise-10fx6x"].omnise-section { padding-top: 20px; padding-right: 12px; padding-bottom: 20px; padding-left: 12px; } } [data-bnode="omnise-10fx6x"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: 500px;   margin: 0 auto;       flex-wrap: nowrap;   justify-content: flex-end;     gap: 16px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-10fx6x"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: 500px;   margin: 0 auto;              gap: 16px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-10fx6x"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: 250px;   margin: 0 auto;              gap: 6px;     }  }[data-bnode="omnise-j9em0q"] { --j9em0q-typography: h1; --j9em0q-typography-tablet: h1; --j9em0q-typography-mobile: h1; --omnise-h3-text-align-tablet: start; --omnise-h3-text-align-mobile: start; --omnise-h1-text-align: start; --omnise-h1-font-size: 62px; --omnise-h1-font-size-tablet: 40px; --omnise-h1-font-size-mobile: 18px; --omnise-h1-line-height-mobile: 1.3; --omnise-h1-letter-spacing-mobile: 0px; }[data-bnode="omnise-j9em0q"] { margin-top: var(--j9em0q-margin-top, 0px); margin-right: var(--j9em0q-margin-right, 0px); margin-bottom: var(--j9em0q-margin-bottom, 0px); margin-left: var(--j9em0q-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--j9em0q-margin-top-tablet, 0px); margin-right: var(--j9em0q-margin-right-tablet, 0px); margin-bottom: var(--j9em0q-margin-bottom-tablet, 0px); margin-left: var(--j9em0q-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--j9em0q-margin-top-mobile, 0px); margin-right: var(--j9em0q-margin-right-mobile, 0px); margin-bottom: var(--j9em0q-margin-bottom-mobile, 0px); margin-left: var(--j9em0q-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--j9em0q-highlightColor,var(--omnise-p-color)); top: var(--j9em0q-highlightTop, 100%); } }[data-bnode="omnise-ve4nkx"] { --omnise-p-text-align-tablet: start; --omnise-p-text-align-mobile: start; --ve4nkx-typography: p; --ve4nkx-typography-tablet: p; --ve4nkx-typography-mobile: p; --omnise-p-text-align: start; --omnise-p-color: #ffffff; --omnise-p-font-size: 14px; --omnise-p-letter-spacing: 0.4px; --omnise-p-line-height: 1.2; --omnise-p-font-size-tablet: 14px; --omnise-p-font-size-mobile: 11px; --omnise-p-line-height-mobile: 1.3; }[data-bnode="omnise-ve4nkx"] { margin-top: var(--ve4nkx-margin-top, 0px); margin-right: var(--ve4nkx-margin-right, 0px); margin-bottom: var(--ve4nkx-margin-bottom, 0px); margin-left: var(--ve4nkx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ve4nkx-margin-top-tablet, 0px); margin-right: var(--ve4nkx-margin-right-tablet, 0px); margin-bottom: var(--ve4nkx-margin-bottom-tablet, 0px); margin-left: var(--ve4nkx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ve4nkx-margin-top-mobile, 0px); margin-right: var(--ve4nkx-margin-right-mobile, 0px); margin-bottom: var(--ve4nkx-margin-bottom-mobile, 0px); margin-left: var(--ve4nkx-margin-left-mobile, 0px); } }[data-bnode="omnise-2xm74s"] { & { padding-top: 7vmax !important; padding-right: 2vmax !important; padding-left: 2vmax !important; } }[data-bnode="omnise-2xm74s"].omnise-section { padding-top: 0px; padding-right: 28.4604px; padding-bottom: 0px; padding-left: 28.4604px; } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="omnise-2xm74s"].omnise-section { padding-top: 56px; padding-right: 32px; padding-bottom: 56px; padding-left: 32px; } } @media (max-width: 767px) { [data-bnode="omnise-2xm74s"].omnise-section { padding-top: 57.3854px; padding-right: 16.3958px; padding-bottom: 48px; padding-left: 16.3958px; } } [data-bnode="omnise-2xm74s"] > .omnise-section-container{     width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;    flex-direction: row;   flex-wrap: nowrap;              &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 28.4604px - 28.4604px);    }  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-2xm74s"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 32px - 32px);    }   }  }  @media (max-width: 767px) {   [data-bnode="omnise-2xm74s"] > .omnise-section-container{      width: 100%;   max-width: var(--omnise-section-width);   height: fit-content;   margin: 0 auto;                    &>.omnise-slot {     flex: 1 1 0;     min-width: 0;    }    &>.omnise-slot[data-bnode-index] {     flex-basis: calc(100.00% - 16.3958px - 16.3958px);    }   }  }[data-bnode="omnise-a4cxz3"] { --a4cxz3-columns: 4; --a4cxz3-columns-tablet: 2; --a4cxz3-columns-mobile: 1; --a4cxz3-navType: true; --a4cxz3-navType-tablet: true; --a4cxz3-navType-mobile: true; --a4cxz3-pagiType: false; --a4cxz3-pagiType-tablet: false; --a4cxz3-pagiType-mobile: false; --a4cxz3-listType: grid; --a4cxz3-listType-tablet: grid; --a4cxz3-listType-mobile: grid; --a4cxz3-stateNavigation: normal; --a4cxz3-stateNavigation-tablet: normal; --a4cxz3-stateNavigation-mobile: normal; --a4cxz3-statePagination: normal; --a4cxz3-statePagination-tablet: normal; --a4cxz3-statePagination-mobile: normal; --a4cxz3-stateNavigtion: normal; --a4cxz3-stateNavigtion-tablet: normal; --a4cxz3-stateNavigtion-mobile: normal; --a4cxz3-columnsMobile-mobile: 1; --a4cxz3-gap-mobile: 16px; } [data-bnode="omnise-a4cxz3"] [data-bnode="omnise-contlp"] { --omnise-p-text-align: justify; } [data-bnode="omnise-a4cxz3"] [data-bnode="omnise-item2a"] { --item2a-direction: row; } [data-bnode="omnise-a4cxz3"] [data-bnode="omnise-hdelw1"] { --hdelw1-typography: h4; --omnise-h4-text-align: start; --omnise-h4-font-size-mobile: 16px; --omnise-h4-font-size: 20px; --omnise-h4-color: #5C5C5C; --omnise-h4-line-height-mobile: 1.4; --omnise-h4-letter-spacing-mobile: 0px; --hdelw1-margin-top: 0px; --hdelw1-margin-right: 0px; --hdelw1-margin-bottom: 2px; --hdelw1-margin-left: 0px; } [data-bnode="omnise-a4cxz3"] [data-bnode="omnise-zpk9b6"] { --zpk9b6-typography: p; --omnise-p-text-align-mobile: center; --omnise-p-color: #4A4A4A; --omnise-p-font-size-mobile: 12px; } [data-bnode="omnise-a4cxz3"] [data-bnode="omnise-57esgo"] { --57esgo-size: 40px; --57esgo-size-mobile: 27px; } [data-bnode="omnise-a4cxz3"] [data-bnode="omnise-rf32sf"] { --rf32sf-direction: column; --rf32sf-structure: columns; --rf32sf-gap: 1px; --rf32sf-direction-mobile: column; --rf32sf-align-items-mobile: center; }[data-bnode="omnise-a4cxz3"] { margin-top: var(--a4cxz3-margin-top, 0px); margin-right: var(--a4cxz3-margin-right, 0px); margin-bottom: var(--a4cxz3-margin-bottom, 0px); margin-left: var(--a4cxz3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--a4cxz3-margin-top-tablet, 0px); margin-right: var(--a4cxz3-margin-right-tablet, 0px); margin-bottom: var(--a4cxz3-margin-bottom-tablet, 0px); margin-left: var(--a4cxz3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--a4cxz3-margin-top-mobile, 0px); margin-right: var(--a4cxz3-margin-right-mobile, 0px); margin-bottom: var(--a4cxz3-margin-bottom-mobile, 0px); margin-left: var(--a4cxz3-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(--a4cxz3-gap,var(--omnise-grid-gap, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--a4cxz3-gap,var(--omnise-grid-gap, 20px)) * (var(--a4cxz3-columns, 3) - 1)) / var(--a4cxz3-columns, 3)); &:last-child{ margin-right: var(--a4cxz3-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(--a4cxz3-columns, 3), minmax(0, 1fr)); gap: var(--a4cxz3-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(--a4cxz3-gap-tablet,var(--omnise-grid-gap-tablet, 20px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--a4cxz3-gap-tablet,var(--omnise-grid-gap-tablet, 16px)) * (var(--a4cxz3-columns-tablet, 3) - 1)) / var(--a4cxz3-columns-tablet, 3)); &:last-child{ margin-right: var(--a4cxz3-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(--a4cxz3-columns-tablet, 3), minmax(0, 1fr)); gap: var(--a4cxz3-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(--a4cxz3-gap-mobile,var(--omnise-grid-gap-mobile, 10px)); .omnise-slider-item{ flex: 0 0 calc((100% - var(--a4cxz3-gap-mobile,var(--omnise-grid-gap-mobile, 10px)) * (var(--a4cxz3-columnsMobile-mobile, 1) - 1)) / var(--a4cxz3-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--a4cxz3-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(--a4cxz3-columnsMobile-mobile, 1), minmax(0, 1fr)); gap: var(--a4cxz3-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(--a4cxz3-navPadding,12px); background:var(--a4cxz3-navBg,#F5F5F5); color: var(--a4cxz3-navColor,var(--omnise-text-color)); cursor: pointer; border-radius: var(--a4cxz3-navRadius,50%); &:hover { background:var(--a4cxz3-navBgHover,#CCCCCC); color: var(--a4cxz3-navColorHover,var(--omnise-text-color)); } svg { width: var(--a4cxz3-navIconSize,20px); height: var(--a4cxz3-navIconSize,20px); } } & .omnise-slider-wrapper[data-pagination="dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--a4cxz3-pagiBg,#E6E6E6); &.active { background:var(--a4cxz3-pagiBgActive,#181818); } &:not(.active):hover { background:var(--a4cxz3-pagiBgHover,#CCCCCC); } } & .omnise-slider-wrapper[data-pagination="numbers"] + .omnise-slider-controls .omnise-slider-pagination { color: var(--a4cxz3-pagiColor,#e6e6e6); &.active { color:var(--a4cxz3-pagiColorActive,#181818); } &:not(.active):hover { color: var(--a4cxz3-pagiColorHover,#181818); } } & .omnise-slider-wrapper[data-pagination="counter"] + .omnise-slider-controls .omnise-slider-pagination-total { color: var(--a4cxz3-pagiColor,#e6e6e6); } & .omnise-slider-wrapper[data-pagination="dynamic-dots"] + .omnise-slider-controls .omnise-slider-pagination { background: var(--a4cxz3-pagiBg,#E6E6E6); &.active { background: var(--a4cxz3-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--a4cxz3-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-a4cxz3"] [data-bnode="omnise-57esgo"] { margin-top: var(--57esgo-margin-top, 0px); margin-right: var(--57esgo-margin-right, 0px); margin-bottom: var(--57esgo-margin-bottom, 0px); margin-left: var(--57esgo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--57esgo-margin-top-tablet, 0px); margin-right: var(--57esgo-margin-right-tablet, 0px); margin-bottom: var(--57esgo-margin-bottom-tablet, 0px); margin-left: var(--57esgo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--57esgo-margin-top-mobile, 0px); margin-right: var(--57esgo-margin-right-mobile, 0px); margin-bottom: var(--57esgo-margin-bottom-mobile, 0px); margin-left: var(--57esgo-margin-left-mobile, 0px); } & { display: flex; align-items:center; justify-content: center; padding: var(--57esgo-padding, 4px); border-style: var(--57esgo-borderStyle,solid); border-color: var(--57esgo-borderColor,#000000); border-width: var(--57esgo-borderWidth-tl,0px) var(--57esgo-borderWidth-tr,0px) var(--57esgo-borderWidth-br,0px) var(--57esgo-borderWidth-bl,0px); border-radius: var(--57esgo-borderRadius-tl,0px) var(--57esgo-borderRadius-tr,0px) var(--57esgo-borderRadius-br,0px) var(--57esgo-borderRadius-bl,0px); box-shadow: if( style(--57esgo-enableShadow: true): var(--57esgo-shadowHorizontal, 0) var(--57esgo-shadowVertical, 0) var(--57esgo-shadowBlur, 0) 1px var(--57esgo-shadowColor, #000000); else: none ); color: var(--57esgo-iconColor,var(--omnise-text-color)); background-color: var(--57esgo-backgroundColor); overflow: hidden; width: var(--57esgo-size, 28px); min-width: var(--57esgo-size, 28px); height: fit-content; max-width: var(--57esgo-size, 28px); width: var(--57esgo-size-tablet, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--57esgo-borderWidth-tl-tablet,0px) var(--57esgo-borderWidth-tr-tablet,0px) var(--57esgo-borderWidth-br-tablet,0px) var(--57esgo-borderWidth-bl-tablet,0px); border-radius: var(--57esgo-borderRadius-tl-tablet,0px) var(--57esgo-borderRadius-tr-tablet,0px) var(--57esgo-borderRadius-br-tablet,0px) var(--57esgo-borderRadius-bl-tablet,0px); min-width: var(--57esgo-size-tablet, var(--57esgo-size, 28px)); max-width: var(--57esgo-size-tablet, var(--57esgo-size, 28px)); } @media(max-width: 767px){ width: var(--57esgo-size-mobile, var(--57esgo-size-tablet, var(--57esgo-size, 28px))); min-width: var(--57esgo-size-mobile, var(--57esgo-size-tablet, var(--57esgo-size, 28px))); max-width: var(--57esgo-size-mobile, var(--57esgo-size-tablet, var(--57esgo-size, 28px))); border-width: var(--57esgo-borderWidth-tl-mobile,0px) var(--57esgo-borderWidth-tr-mobile,0px) var(--57esgo-borderWidth-br-mobile,0px) var(--57esgo-borderWidth-bl-mobile,0px); border-radius: var(--57esgo-borderRadius-tl-mobile,0px) var(--57esgo-borderRadius-tr-mobile,0px) var(--57esgo-borderRadius-br-mobile,0px) var(--57esgo-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="omnise-a4cxz3"] [data-bnode="omnise-hdelw1"] { margin-top: var(--hdelw1-margin-top, 0px); margin-right: var(--hdelw1-margin-right, 0px); margin-bottom: var(--hdelw1-margin-bottom, 0px); margin-left: var(--hdelw1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hdelw1-margin-top-tablet, 0px); margin-right: var(--hdelw1-margin-right-tablet, 0px); margin-bottom: var(--hdelw1-margin-bottom-tablet, 0px); margin-left: var(--hdelw1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hdelw1-margin-top-mobile, 0px); margin-right: var(--hdelw1-margin-right-mobile, 0px); margin-bottom: var(--hdelw1-margin-bottom-mobile, 0px); margin-left: var(--hdelw1-margin-left-mobile, 0px); } & .omnise-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--hdelw1-highlightColor,var(--omnise-p-color)); top: var(--hdelw1-highlightTop, 100%); } & { color: #4A4A4A !important; } @media (max-width: 767px) { & { color: #5C5C5C !important; } } } [data-bnode="omnise-a4cxz3"] [data-bnode="omnise-zpk9b6"] { margin-top: var(--zpk9b6-margin-top, 0px); margin-right: var(--zpk9b6-margin-right, 0px); margin-bottom: var(--zpk9b6-margin-bottom, 0px); margin-left: var(--zpk9b6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zpk9b6-margin-top-tablet, 0px); margin-right: var(--zpk9b6-margin-right-tablet, 0px); margin-bottom: var(--zpk9b6-margin-bottom-tablet, 0px); margin-left: var(--zpk9b6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zpk9b6-margin-top-mobile, 0px); margin-right: var(--zpk9b6-margin-right-mobile, 0px); margin-bottom: var(--zpk9b6-margin-bottom-mobile, 0px); margin-left: var(--zpk9b6-margin-left-mobile, 0px); } }[data-bnode="omnise-a4cxz3"] [data-bnode="be-ctl-item"] {   gap: 12px;  }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-a4cxz3"] [data-bnode="be-ctl-item"] {    gap: 12px;   }  }  @media (max-width: 767px) {   [data-bnode="omnise-a4cxz3"] [data-bnode="be-ctl-item"] {    gap: 0;   }  }[data-bnode="omnise-a4cxz3"] [data-bnode="be-ctl-item"] {        flex-wrap: nowrap;        gap: 12px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-a4cxz3"] [data-bnode="be-ctl-item"] {                gap: 12px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-a4cxz3"] [data-bnode="be-ctl-item"] {           justify-content: space-around;   align-items: center;   gap: 0;     }  }[data-bnode="omnise-rf32sf"] {        flex-wrap: nowrap;        gap: 1px;    }  @media (min-width: 767.79px) and (max-width: 1180px) {   [data-bnode="omnise-rf32sf"] {                gap: 1px;     }  }  @media (max-width: 767px) {   [data-bnode="omnise-rf32sf"] {              align-items: center;   gap: 1px;     }  }

.omnise-collection-filter-swatch{
display: none !important;
}a:hover {
    background: white! important;
    color: #4A4A4A !important;
    border-color: inherit;
    box-shadow: none;
    transform: none;
    opacity: 1;
    filter: none;
    text-decoration: none;
}
:is([data-bnode=omnise-nm887e].omnise-variant-box .omnise-swatch-color,[data-bnode=omnise-nm887e].omnise-variant-box .omnise-swatch-image):has(.omnise-radio:checked) {
        border: 1px solid #b5a8a8 !important;
    }
}