/** Shopify CDN: Minification failed

Line 1357:40352 Unexpected "="

**/

  
  
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-white: #fff;
    --spacing: 4px;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-scheme-bg: #fefefe;
    --color-scheme-text: #62748e;
    --color-scheme-text-100: #eceef2;
    --color-scheme-text-200: #d5dae2;
    --color-scheme-text-400: #8495ac;
    --color-scheme-text-500: #62748e;
    --color-scheme-text-950: #22262f;
    --spacing-0: 0px;
    --spacing-0\.5: 2px;
    --spacing-1: 4px;
    --spacing-1\.5: 6px;
    --spacing-2: 8px;
    --spacing-2\.5: 10px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-7: 28px;
    --spacing-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-11: 44px;
    --spacing-12: 48px;
    --spacing-14: 56px;
    --spacing-16: 64px;
    --spacing-20: 80px;
    --spacing-28: 112px;
    --radius-none: 0px;
    --radius-full: 100%;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .absolute {
    position: absolute;
  }
  .tw-relative {
    position: relative;
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .top-5 {
    top: var(--spacing-5);
  }
  .right-3 {
    right: var(--spacing-3);
  }
  .left-0 {
    left: var(--spacing-0);
  }
  .left-3 {
    left: var(--spacing-3);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .-order-1 {
    order: calc(1 * -1);
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-1 {
    margin-top: var(--spacing-1);
  }
  .mt-4 {
    margin-top: var(--spacing-4);
  }
  .mt-5 {
    margin-top: var(--spacing-5);
  }
  .mt-6 {
    margin-top: var(--spacing-6);
  }
  .mt-8 {
    margin-top: var(--spacing-8);
  }
  .mt-12 {
    margin-top: var(--spacing-12);
  }
  .mt-14 {
    margin-top: var(--spacing-14);
  }
  .mt-\[-1px\] {
    margin-top: -1px;
  }
  .mt-\[-3px\] {
    margin-top: -3px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-2\.5 {
    margin-bottom: var(--spacing-2\.5);
  }
  .mb-3 {
    margin-bottom: var(--spacing-3);
  }
  .mb-4 {
    margin-bottom: var(--spacing-4);
  }
  .mb-5 {
    margin-bottom: var(--spacing-5);
  }
  .mb-7 {
    margin-bottom: var(--spacing-7);
  }
  .mb-8 {
    margin-bottom: var(--spacing-8);
  }
  .mb-\[11px\] {
    margin-bottom: 11px;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .\!block {
    display: block !important;
  }
  .\!inline-block {
    display: inline-block !important;
  }
  .\!tw-hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .tw-flex {
    display: flex;
  }
  .tw-grid {
    display: grid;
  }
  .tw-hidden {
    display: none;
  }
  .\!aspect-7\/5 {
    aspect-ratio: 7/5 !important;
  }
  .aspect-1\/1 {
    aspect-ratio: 1/1;
  }
  .size-5 {
    width: var(--spacing-5);
    height: var(--spacing-5);
  }
  .size-6 {
    width: var(--spacing-6);
    height: var(--spacing-6);
  }
  .size-12 {
    width: var(--spacing-12);
    height: var(--spacing-12);
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-0 {
    height: var(--spacing-0);
  }
  .h-0\.5 {
    height: var(--spacing-0\.5);
  }
  .h-1 {
    height: var(--spacing-1);
  }
  .h-11\.5 {
    height: calc(var(--spacing) * 11.5);
  }
  .h-\[0px\] {
    height: 0px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-auto {
    height: auto;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .min-h-fit {
    min-height: fit-content;
  }
  .w-10 {
    width: var(--spacing-10);
  }
  .w-16 {
    width: var(--spacing-16);
  }
  .w-320\/343 {
    width: calc(320/343 * 100%);
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[135px\] {
    max-width: 135px;
  }
  .max-w-\[592px\] {
    max-width: 592px;
  }
  .max-w-\[768px\] {
    max-width: 768px;
  }
  .max-w-\[1024px\] {
    max-width: 1024px;
  }
  .flex-1 {
    flex: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .tw-items-center {
    align-items: center;
  }
  .tw-items-end {
    align-items: flex-end;
  }
  .tw-items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .tw-justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: var(--spacing-1);
  }
  .gap-1\.5 {
    gap: var(--spacing-1\.5);
  }
  .gap-2 {
    gap: var(--spacing-2);
  }
  .gap-2\.5 {
    gap: var(--spacing-2\.5);
  }
  .gap-3 {
    gap: var(--spacing-3);
  }
  .gap-4 {
    gap: var(--spacing-4);
  }
  .gap-5 {
    gap: var(--spacing-5);
  }
  .gap-6 {
    gap: var(--spacing-6);
  }
  .gap-9 {
    gap: var(--spacing-9);
  }
  .gap-10 {
    gap: var(--spacing-10);
  }
  .gap-12 {
    gap: var(--spacing-12);
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[9999px\] {
    border-radius: 9999px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-none {
    border-radius: var(--radius-none);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-scheme-text-200 {
    border-color: var(--color-scheme-text-200);
  }
  .bg-scheme-bg {
    background-color: var(--color-scheme-bg);
  }
  .bg-scheme-text-100 {
    background-color: var(--color-scheme-text-100);
  }
  .bg-scheme-text-950 {
    background-color: var(--color-scheme-text-950);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-3 {
    padding: var(--spacing-3);
  }
  .p-6 {
    padding: var(--spacing-6);
  }
  .px-6 {
    padding-inline: var(--spacing-6);
  }
  .py-4 {
    padding-block: var(--spacing-4);
  }
  .py-10 {
    padding-block: var(--spacing-10);
  }
  .py-12 {
    padding-block: var(--spacing-12);
  }
  .pt-6 {
    padding-top: var(--spacing-6);
  }
  .pt-9 {
    padding-top: var(--spacing-9);
  }
  .pt-10 {
    padding-top: var(--spacing-10);
  }
  .pr-2 {
    padding-right: var(--spacing-2);
  }
  .pr-5 {
    padding-right: var(--spacing-5);
  }
  .pl-5 {
    padding-left: var(--spacing-5);
  }
  .tw-text-center {
    text-align: center;
  }
  .tw-text-left {
    text-align: left;
  }
  .tw-text-start {
    text-align: start;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\!text-\[22px\] {
    font-size: 22px !important;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .\!tracking-\[2px\] {
    --tw-tracking: 2px !important;
    letter-spacing: 2px !important;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .\!text-scheme-text-400 {
    color: var(--color-scheme-text-400) !important;
  }
  .\!text-scheme-text-500 {
    color: var(--color-scheme-text-500) !important;
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-scheme-text {
    color: var(--color-scheme-text);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-hover\:scale-102 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 102%;
        --tw-scale-y: 102%;
        --tw-scale-z: 102%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:scale-103 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 103%;
        --tw-scale-y: 103%;
        --tw-scale-z: 103%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .max-lg\:max-w-\[375px\] {
    @media (width < 1024px) {
      max-width: 375px;
    }
  }
  .max-sm\:order-2 {
    @media (width < 640px) {
      order: 2;
    }
  }
  .max-sm\:overflow-hidden {
    @media (width < 640px) {
      overflow: hidden;
    }
  }
  .sm\:-order-1 {
    @media (width >= 640px) {
      order: calc(1 * -1);
    }
  }
  .sm\:col-span-5 {
    @media (width >= 640px) {
      grid-column: span 5 / span 5;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 640px) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:mt-0 {
    @media (width >= 640px) {
      margin-top: var(--spacing-0);
    }
  }
  .sm\:mt-6 {
    @media (width >= 640px) {
      margin-top: var(--spacing-6);
    }
  }
  .sm\:mt-9 {
    @media (width >= 640px) {
      margin-top: var(--spacing-9);
    }
  }
  .sm\:mt-10 {
    @media (width >= 640px) {
      margin-top: var(--spacing-10);
    }
  }
  .sm\:mt-16 {
    @media (width >= 640px) {
      margin-top: var(--spacing-16);
    }
  }
  .sm\:mb-6 {
    @media (width >= 640px) {
      margin-bottom: var(--spacing-6);
    }
  }
  .sm\:block {
    @media (width >= 640px) {
      display: block;
    }
  }
  .sm\:h-12 {
    @media (width >= 640px) {
      height: var(--spacing-12);
    }
  }
  .sm\:w-max {
    @media (width >= 640px) {
      width: max-content;
    }
  }
  .sm\:max-w-30 {
    @media (width >= 640px) {
      max-width: calc(var(--spacing) * 30);
    }
  }
  .sm\:grid-cols-12 {
    @media (width >= 640px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 640px) {
      flex-direction: row;
    }
  }
  .sm\:tw-items-start {
    @media (width >= 640px) {
      align-items: flex-start;
    }
  }
  .sm\:gap-4 {
    @media (width >= 640px) {
      gap: var(--spacing-4);
    }
  }
  .sm\:gap-7 {
    @media (width >= 640px) {
      gap: var(--spacing-7);
    }
  }
  .sm\:gap-8 {
    @media (width >= 640px) {
      gap: var(--spacing-8);
    }
  }
  .sm\:gap-10 {
    @media (width >= 640px) {
      gap: var(--spacing-10);
    }
  }
  .sm\:gap-16 {
    @media (width >= 640px) {
      gap: var(--spacing-16);
    }
  }
  .sm\:overflow-hidden {
    @media (width >= 640px) {
      overflow: hidden;
    }
  }
  .sm\:px-12 {
    @media (width >= 640px) {
      padding-inline: var(--spacing-12);
    }
  }
  .sm\:py-16 {
    @media (width >= 640px) {
      padding-block: var(--spacing-16);
    }
  }
  .sm\:pt-10 {
    @media (width >= 640px) {
      padding-top: var(--spacing-10);
    }
  }
  .sm\:pt-11 {
    @media (width >= 640px) {
      padding-top: var(--spacing-11);
    }
  }
  .sm\:tw-text-start {
    @media (width >= 640px) {
      text-align: start;
    }
  }
  .md\:sticky {
    @media (width >= 768px) {
      position: sticky;
    }
  }
  .md\:px-6 {
    @media (width >= 768px) {
      padding-inline: var(--spacing-6);
    }
  }
  .md\:py-4 {
    @media (width >= 768px) {
      padding-block: var(--spacing-4);
    }
  }
  .lg\:-order-1 {
    @media (width >= 1024px) {
      order: calc(1 * -1);
    }
  }
  .lg\:order-0 {
    @media (width >= 1024px) {
      order: 0;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 1024px) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 1024px) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:\!tw-flex {
    @media (width >= 1024px) {
      display: flex !important;
    }
  }
  .lg\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .lg\:tw-flex {
    @media (width >= 1024px) {
      display: flex;
    }
  }
  .lg\:h-12 {
    @media (width >= 1024px) {
      height: var(--spacing-12);
    }
  }
  .lg\:w-20 {
    @media (width >= 1024px) {
      width: var(--spacing-20);
    }
  }
  .lg\:w-\[320px\] {
    @media (width >= 1024px) {
      width: 320px;
    }
  }
  .lg\:max-w-34\.5 {
    @media (width >= 1024px) {
      max-width: calc(var(--spacing) * 34.5);
    }
  }
  .lg\:max-w-\[448px\] {
    @media (width >= 1024px) {
      max-width: 448px;
    }
  }
  .lg\:max-w-\[768px\] {
    @media (width >= 1024px) {
      max-width: 768px;
    }
  }
  .lg\:grid-cols-10 {
    @media (width >= 1024px) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .lg\:justify-between {
    @media (width >= 1024px) {
      justify-content: space-between;
    }
  }
  .lg\:justify-start {
    @media (width >= 1024px) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-2 {
    @media (width >= 1024px) {
      gap: var(--spacing-2);
    }
  }
  .lg\:gap-16 {
    @media (width >= 1024px) {
      gap: var(--spacing-16);
    }
  }
  .lg\:gap-20 {
    @media (width >= 1024px) {
      gap: var(--spacing-20);
    }
  }
  .lg\:self-stretch {
    @media (width >= 1024px) {
      align-self: stretch;
    }
  }
  .lg\:px-0 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-0);
    }
  }
  .lg\:px-6 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-6);
    }
  }
  .lg\:pr-5\.5 {
    @media (width >= 1024px) {
      padding-right: calc(var(--spacing) * 5.5);
    }
  }
  .lg\:pl-6 {
    @media (width >= 1024px) {
      padding-left: var(--spacing-6);
    }
  }
  .xl\:mt-7 {
    @media (width >= 1280px) {
      margin-top: var(--spacing-7);
    }
  }
  .xl\:mt-12 {
    @media (width >= 1280px) {
      margin-top: var(--spacing-12);
    }
  }
  .xl\:py-20 {
    @media (width >= 1280px) {
      padding-block: var(--spacing-20);
    }
  }
  .\32 xl\:py-28 {
    @media (width >= 1536px) {
      padding-block: var(--spacing-28);
    }
  }
}
.lh-hidden {
  display: none;
}
.lh-grid {
  display: grid;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

/* ========== BASE GRID (default, non-slider) ========== */
.lh-slider-container:not([data-desktop-layout="slider"]) .lh-slider-content {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--data-item) - var(--data-gap)), 1fr));
   gap: var(--data-gap, 10px);
 }
 
 /* ========== DESKTOP (≥ 1024px) ========== */
 @media (min-width: 1024px) {
   /* GRID layout */
   .lh-slider-container[data-desktop-layout="grid"] .lh-slider-content {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--data-item) - var(--data-gap)), 1fr));
     gap: var(--data-gap, 10px);
   }
 
   /* SLIDER layout */
   .lh-slider-container[data-desktop-layout="slider"] {
     margin-left: calc(var(--data-gap) * -1);
   }
 
   .lh-slider-container[data-desktop-layout="slider"] .lh-slider-content {
     display: flex;
     touch-action: pan-y pinch-zoom;
   }
 
   .lh-slider-container[data-desktop-layout="slider"] .lh-slide-item {
     flex: 0 0 calc(100% / var(--data-item, 1));
     padding-left: var(--data-gap);
   }
 }
 
 /* ========== TABLET (640px – 1023px) ========== */
 @media (min-width: 640px) and (max-width: 1023px) {
   
   .lh-slider-container[data-tablet-layout="grid"] .lh-slider-content {
     display: grid;
     grid-template-columns: repeat(
       auto-fill,
       minmax(
         calc(100% / var(--data-item-tablet, var(--data-item, 1)) - var(--data-gap-tablet, var(--data-gap, 10px))),
         1fr
       )
     );
     gap: var(--data-gap-tablet, var(--data-gap, 10px));
   }
 
   .lh-slider-container:not([data-tablet-layout])[data-desktop-layout="grid"] .lh-slider-content {
     display: grid;
     grid-template-columns: repeat(
       auto-fill,
       minmax(
         calc(100% / var(--data-item-tablet, 1) - var(--data-gap-tablet, 10px)),
         1fr
       )
     );
     gap: var(--data-gap-tablet, 10px);
   }
 
   .lh-slider-container[data-tablet-layout="slider"] {
     margin-left: calc(var(--data-gap-tablet, var(--data-gap, 10px)) * -1);
   }
   .lh-slider-container[data-tablet-layout="slider"] .lh-slider-content {
     display: flex;
     gap: 0 !important;
     touch-action: pan-y pinch-zoom;
   }
   .lh-slider-container[data-tablet-layout="slider"] .lh-slide-item {
     flex: 0 0 calc(100% / var(--data-item-tablet, var(--data-item, 1)));
     padding-left: var(--data-gap-tablet, var(--data-gap, 10px));
   }
 
   .lh-slider-container:not([data-tablet-layout])[data-desktop-layout="slider"] {
     margin-left: calc(var(--data-gap-tablet, var(--data-gap, 10px)) * -1);
   }
   .lh-slider-container:not([data-tablet-layout])[data-desktop-layout="slider"] .lh-slider-content {
     display: flex;
     gap: 0 !important;
     touch-action: pan-y pinch-zoom;
   }
   .lh-slider-container:not([data-tablet-layout])[data-desktop-layout="slider"] .lh-slide-item {
     flex: 0 0 calc(100% / var(--data-item-tablet, var(--data-item, 1)));
     padding-left: var(--data-gap-tablet, var(--data-gap, 10px));
   }
 }
 
 
 /* ========== MOBILE (≤ 639px) ========== */
 @media (max-width: 639px) {
   /* GRID layout */
   .lh-slider-container[data-mobile-layout="grid"] .lh-slider-content {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--data-item-mobile) - var(--data-gap-mobile)), 1fr));
     gap: var(--data-gap-mobile, 10px);
   }
 
   /* SLIDER layout */
   .lh-slider-container[data-mobile-layout="slider"] {
     margin-left: calc(var(--data-gap-mobile) * -1);
   }
 
   .lh-slider-container[data-mobile-layout="slider"] .lh-slider-content {
     display: flex;
     gap: 0 !important;
   }
 
   .lh-slider-container[data-mobile-layout="slider"] .lh-slide-item {
     flex: 0 0 calc(100% / var(--data-item-mobile, 1));
     padding-left: var(--data-gap-mobile);
   }
 }
 
 /* ========== CONTROLS (Navigation & Pagination) ========== */
 .lh-slider-nav-left,
 .lh-slider-nav-right {
   opacity: 0;
   top: calc(50% - var(--height-controls) / 2);
   transform: translate(0, -50%);
   color: initial;
 }
 
 .lh-carousel:hover .lh-slider-nav-left,
 .lh-carousel:hover .lh-slider-nav-right {
   opacity: 1;
 }
 
 .lh-carousel:hover .lh-slider-nav-left.disabled,
 .lh-carousel:hover .lh-slider-nav-right.disabled {
   opacity: 0.5;
 }
 
 .lh-slider-nav-left.disabled,
 .lh-slider-nav-right.disabled {
   pointer-events: none;
   cursor: not-allowed;
 }
 
 /* ========== PAGINATION ========== */
 .lh-slider-pagination {
   cursor: pointer;
 }
 
 .lh-slider-wrapper[data-pagination="dots"] + .lh-slider-controls .lh-slider-pagination {
   display: flex;
   width: 8px;
   height: 8px;
   background: #ccc;
   border-radius: 50%;
 }
 
 .lh-slider-wrapper[data-pagination="dots"] + .lh-slider-controls .lh-slider-pagination.active {
   background: #000;
 }
 
 /* NUMBERS pagination */
 .lh-slider-wrapper[data-pagination="numbers"] + .lh-slider-controls .lh-slider-pagination {
   padding: 10px;
   opacity: 0.6;
   line-height: 1;
 }
 
 .lh-slider-wrapper[data-pagination="numbers"] + .lh-slider-controls .lh-slider-pagination.active {
   text-decoration: underline;
   opacity: 1;
 }
 
 /* Dynamic pagination visibility */
 .lh-slider-pagination-wrapper,
 .lh-slider-pagination-total,
 .lh-slider-pagination-progress {
   display: none;
 }
 
 .lh-slider-wrapper[data-pagination="dots"] + .lh-slider-controls .lh-slider-pagination-wrapper,
 .lh-slider-wrapper[data-pagination="dynamic-dots"] + .lh-slider-controls .lh-slider-pagination-wrapper,
 .lh-slider-wrapper[data-pagination="numbers"] + .lh-slider-controls .lh-slider-pagination-wrapper,
 .lh-slider-wrapper[data-pagination="counter"] + .lh-slider-controls .lh-slider-pagination-total,
 .lh-slider-wrapper[data-pagination="progress"] + .lh-slider-controls .lh-slider-pagination-progress {
   display: flex;
   position: relative;
   line-height: 1;
 }
 
 /* Controls visibility */
 .lh-slider-controls {
   display: none;
 }
 
 @media (min-width: 1024px) {
   .lh-slider-controls[show-desktop="true"] {
     display: block;
   }
 }
 
 @media (min-width: 640px) and (max-width: 1023px) {
   .lh-slider-controls[show-tablet="true"] {
     display: block;
   }
 }
 
 @media (max-width: 639px) {
   .lh-slider-controls[show-mobile="true"] {
     display: block;
   }
 }
 
 /* ========== FADE EFFECT ========== */
 .lh-slider-container[data-effect="fade"] .lh-slider-content {
   scroll-behavior: auto;
 }
 
 .lh-slider-container[data-effect="fade"] .lh-slide-item {
   flex: 0 0 100%;
 }
 
 .lh-slider-wrapper[data-pagination="dynamic-dots"] + .lh-slider-controls .lh-slider-pagination {
   display: inline-block;
   width: 8px;
   height: 8px;
   background: #ccc;
   border-radius: 50%;
   transition: all 0.3s ease;
   cursor: pointer;
   opacity: 0.5;
   margin: 0 4px;
   transform: scale(1);
   position: relative;
   min-width: 8px;
 }
 
 .lh-slider-wrapper[data-pagination="dynamic-dots"] + .lh-slider-controls .lh-slider-pagination.prev,
 .lh-slider-wrapper[data-pagination="dynamic-dots"] + .lh-slider-controls .lh-slider-pagination.next {
   transform: scale(0.66);
 }
 
 .lh-slider-wrapper[data-pagination="dynamic-dots"] + .lh-slider-controls .lh-slider-pagination.prev-prev,
 .lh-slider-wrapper[data-pagination="dynamic-dots"] + .lh-slider-controls .lh-slider-pagination.next-next {
   transform: scale(0.33);
 }
 
 .lh-slider-wrapper[data-pagination="dynamic-dots"] + .lh-slider-controls .lh-slider-pagination.active {
   background: #000;
   opacity: 1;
 }
 

.lh-5j62qz { .lh-marquee-wrapper { animation: var(--marquee-speed) linear infinite; } .lh-marquee-content { gap: var(--gap); padding: 0 calc(var(--gap)/2) } .lh-marquee-wrapper.paused { animation-play-state: paused; } .item { gap: var(--gap); } @media (min-width: 640px) and (max-width: 1023px) { .lh-marquee-wrapper { animation: var(--marquee-speed-tablet) linear infinite; } .lh-marquee-content { gap: var(--gap-tablet); padding: 0 calc(var(--gap-tablet)/2) } .item { gap: var(--gap-tablet); } } @media (max-width: 639px) { .lh-marquee-wrapper { animation: var(--marquee-speed-mobile) linear infinite; } .lh-marquee-content { gap: var(--gap-mobile); padding: 0 calc(var(--gap-mobile)/2) } .item { gap: var(--gap-mobile); } } .lh-marquee-dot { width: 6px; height: 6px; background-color: var(--lh-heading-color); } .lh-image-picture { width: 100%; } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } @keyframes scroll-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); } }.lh-okb3wk { & { box-sizing: border-box; } .lh-product-title { letter-spacing: 0.1px; } .lh-product-title, .eb-label { color: var(--lh-heading-color); } .lh-image-picture.lh-ratio-auto img { height: auto; } .lh-slide-item .lh-image-picture img { width: 118px; } .lh-image-picture.eb-image-item[data-ratio="default"] .eb-image { height: 100%; } .eb-image-item { height: 100%; } .lh-image-blank { display: block; aspect-ratio: 1/1; width: 118px; height: auto; background-image: url("data:image/svg+xml;utf8,<svg preserveAspectRatio='xMidYMid slice' viewBox='0 0 448 448' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_656_1454)'><path d='M448.1.2H.1v448h448V.2z' fill='%23f2f2f2'></path><path d='m375.1 207.4-62.8-30.9 15.4-31.4c2.9 4.8 10.9 17.1 26.8 24.8 5.1 2.4 18.5 8.3 36.1 6-5.1 10.6-10.2 21.1-15.5 31.5z' fill='%23a84c42'></path><path d='M415.8 188.4 390.7 176c-8.5 17.3-29.5 24.5-46.9 16-17.3-8.5-24.5-29.5-16-46.9l-25.1-12.4c-7-3.4-15.3-.5-18.7 6.4l-68 138.1c-3.4 7-.5 15.3 6.4 18.7l96.8 47.7c15.9 7.8 35.1 1.3 43-14.6l60.1-121.9c3.2-6.8.4-15.3-6.5-18.7z' fill='%23de6a5a'></path><path d='m401.6 177.5-6.3-3.1c-1.7-.9-3.8-.2-4.7 1.6-8.5 17.3-29.5 24.5-46.9 16-17.3-8.5-24.5-29.5-16-46.9.9-1.7.2-3.8-1.6-4.7l-6.3-3.1c-1.7-.9-3.8-.2-4.7 1.6-11.9 24.3-1.9 53.7 22.3 65.6 24.3 11.9 53.7 1.9 65.6-22.3 1.1-1.7.3-3.8-1.4-4.7z' fill='%23cd5747'></path><path d='M344 307.9c-4.3 12.8-18.8 19-31 13.2-8.8-4.3-17.7-8.5-26.5-12.8-5.4-2.7-11.3-4-17.3-4h-30.4l32.5 16 47.9 23.5c15.9 7.8 35.1 1.3 43-14.6l60.1-121.9c3.4-7 .5-15.3-6.4-18.7l-3.1-1.6c-5.9 26.8-16.1 44.9-24.6 56.6-12.4 17.1-22.2 22.4-33 40.4-5.1 8.1-8.7 16.3-11.2 23.9z' fill='%23e87e69'></path><path d='M302.7 132.8c-7-3.4-15.3-.5-18.7 6.4l-68 139c-2.2 4.4-1.8 9.3.5 13.2h77.6c11.9 0 21.7-9.7 21.7-21.7V139.2l-13.1-6.4z' opacity='.5' fill='%23cd5747'></path><path d='M256.5 133.8h-70v-35c4.7 3.1 17.3 10.5 35 10.5 5.6 0 20.2-.8 35-10.5v35z' fill='%2392683e'></path><path d='M284.5 98.8h-28c0 19.3-15.7 35-35 35s-35-15.7-35-35h-28c-7.8 0-14 6.3-14 14v154c0 7.8 6.3 14 14 14h126c7.8 0 14-6.3 14-14v-154c0-7.7-6.3-14-14-14z' fill='%23e8af57'></path><path d='M267 95.4h-7c-1.9 0-3.5 1.6-3.5 3.5 0 19.3-15.7 35-35 35s-35-15.7-35-35c0-1.9-1.6-3.5-3.5-3.5h-7c-1.9 0-3.5 1.6-3.5 3.5 0 27.1 22 49 49 49s49-22 49-49c0-2-1.5-3.5-3.5-3.5z' fill='%23c5955f'></path><path d='M187.6 162.6c-2.5-7.3-10.5-11.2-17.8-8.7l-3.3 1.1 42.8 125.9h18.5l-40.2-118.3z' opacity='.5' fill='%23c5955f'></path><path d='M284.5 98.8H281c-9.6 36-7.3 62.2-3.1 80.1 2.4 9.9 6.3 21.5 7.5 39.7.7 10.9.2 20.8-.9 29.2-1 8.8-8.6 15.4-17.5 15.4h-28.3c-2.9 0-4.8 2.9-3.8 5.5l4.4 12h45.1c7.8 0 14-6.3 14-14v-154c.1-7.6-6.2-13.9-13.9-13.9z' fill='%23efb66a'></path><path d='M138.1 179.4 71.9 202l-11.2-33.1c5.4 1.4 19.7 4.4 36.5-1.3 5.3-1.8 18.9-7.2 29.7-21.2 3.8 10.8 7.5 21.9 11.2 33z' fill='%2302614e'></path><path d='m153.4 137.2-26.5 9.1c6.2 18.3-3.6 38.2-21.9 44.4s-38.2-3.6-44.4-21.9l-16.7 5.7c-12.7 4.4-19.5 18.1-15.2 30.9L75 341.3c2.5 7.3 10.5 11.2 17.8 8.7l119.3-40.6c7.3-2.5 11.2-10.5 8.7-17.8l-49.6-145.8c-2.5-7.2-10.5-11.1-17.8-8.6z' fill='%23279170'></path><path d='m153.4 137.2-3.3 1.1c15.1 43.7 30.2 87.3 45.1 131 4.4 12.8-.9 27.1-12.6 33.8-7.1 3.9-13.3 6.3-18.6 7.8-21.3 6-33.4.3-54.7 6.6-16.3 4.8-28.1 13.7-35.5 20.5.3 1.1.8 2.2 1.1 3.3 2.5 7.3 10.5 11.2 17.8 8.7L212 309.4c7.3-2.5 11.2-10.5 8.7-17.8l-49.6-145.8c-2.4-7.2-10.4-11.1-17.7-8.6z' fill='%2346a585'></path><path d='m135.7 139.5-6.6 2.3c-1.8.6-2.8 2.6-2.2 4.4 6.2 18.3-3.6 38.2-21.9 44.4-18.3 6.2-38.2-3.6-44.4-21.9-.6-1.8-2.6-2.8-4.4-2.2l-6.6 2.3c-1.8.6-2.8 2.6-2.2 4.4 8.7 25.6 36.5 39.3 62.1 30.6 25.6-8.7 39.3-36.5 30.6-62.1-.6-1.8-2.6-2.8-4.4-2.2z' fill='%23108060'></path></g><defs><clipPath id='clip0_656_1454'><path fill='%23fff' d='M0 0h448v448H0z'></path></clipPath></defs></svg>"); background-repeat: no-repeat; background-size: cover; background-position: center; } .lh-button-icon { -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'><path d='M17.1835 4.17188C17.065 4.03883 16.9196 3.93243 16.7569 3.85971C16.5942 3.78699 16.418 3.7496 16.2398 3.75H12.496C12.496 2.75544 12.1009 1.80161 11.3977 1.09835C10.6944 0.395088 9.74058 0 8.74601 0C7.75145 0 6.79762 0.395088 6.09436 1.09835C5.3911 1.80161 4.99601 2.75544 4.99601 3.75H1.25226C1.07512 3.75048 0.900075 3.7883 0.738537 3.86099C0.576998 3.93368 0.432601 4.03961 0.314764 4.17188C0.197911 4.30365 0.110223 4.45862 0.0574455 4.62665C0.00466825 4.79467 -0.0120066 4.97195 0.00851384 5.14687L1.12258 14.5219C1.15871 14.8273 1.3062 15.1087 1.53682 15.3123C1.76744 15.5158 2.065 15.6271 2.37258 15.625H15.1265C15.4341 15.6271 15.7316 15.5158 15.9622 15.3123C16.1929 15.1087 16.3403 14.8273 16.3765 14.5219L17.4905 5.14687C17.511 4.9719 17.4942 4.79458 17.4412 4.62656C17.3883 4.45853 17.3005 4.30358 17.1835 4.17188ZM8.74601 1.25C9.40905 1.25 10.0449 1.51339 10.5138 1.98223C10.9826 2.45107 11.246 3.08696 11.246 3.75H6.24601C6.24601 3.08696 6.50941 2.45107 6.97825 1.98223C7.44709 1.51339 8.08297 1.25 8.74601 1.25ZM15.1335 14.375C15.1312 14.3758 15.1288 14.3758 15.1265 14.375H2.3593L1.25226 5H16.246L15.1335 14.375Z' fill='%23181818'/></svg>") no-repeat center; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'><path d='M17.1835 4.17188C17.065 4.03883 16.9196 3.93243 16.7569 3.85971C16.5942 3.78699 16.418 3.7496 16.2398 3.75H12.496C12.496 2.75544 12.1009 1.80161 11.3977 1.09835C10.6944 0.395088 9.74058 0 8.74601 0C7.75145 0 6.79762 0.395088 6.09436 1.09835C5.3911 1.80161 4.99601 2.75544 4.99601 3.75H1.25226C1.07512 3.75048 0.900075 3.7883 0.738537 3.86099C0.576998 3.93368 0.432601 4.03961 0.314764 4.17188C0.197911 4.30365 0.110223 4.45862 0.0574455 4.62665C0.00466825 4.79467 -0.0120066 4.97195 0.00851384 5.14687L1.12258 14.5219C1.15871 14.8273 1.3062 15.1087 1.53682 15.3123C1.76744 15.5158 2.065 15.6271 2.37258 15.625H15.1265C15.4341 15.6271 15.7316 15.5158 15.9622 15.3123C16.1929 15.1087 16.3403 14.8273 16.3765 14.5219L17.4905 5.14687C17.511 4.9719 17.4942 4.79458 17.4412 4.62656C17.3883 4.45853 17.3005 4.30358 17.1835 4.17188ZM8.74601 1.25C9.40905 1.25 10.0449 1.51339 10.5138 1.98223C10.9826 2.45107 11.246 3.08696 11.246 3.75H6.24601C6.24601 3.08696 6.50941 2.45107 6.97825 1.98223C7.44709 1.51339 8.08297 1.25 8.74601 1.25ZM15.1335 14.375C15.1312 14.3758 15.1288 14.3758 15.1265 14.375H2.3593L1.25226 5H16.246L15.1335 14.375Z' fill='%23181818'/></svg>") no-repeat center; background-color: var(--lh-heading-color); } .lh-product-hover .img-second { opacity: 0; left: 0; top: 0; transition: all ease 0.3s; max-height: 100%; } .lh-product-hover:hover .img-second { opacity: 1; } .lh-old-price .lh-price { color: var(--color-scheme-text-500); text-decoration: line-through; } .lh-btn-sold-out { opacity: 0.7; } .lh-image-picture svg { height: 100%; width: 100%; display: block; } .lh-with-image.active { display: flex; } .lh-product-box:hover .lh-product-action-btn { opacity: 1; transition: all 0.75s ease; } .lh-product-action-btn { opacity: 0; } .lh-swatch-element { margin-left: 1px; margin-bottom: 1px; } .lh-product-bagde { text-align: center; font-size: 10px; font-weight: 500; line-height: 150%; letter-spacing: 1.4px; text-transform: uppercase; } .lh-sale-badge { background-color: var(--lh-other-sale-bg-color); color: var(--lh-other-sale-text-color); } .lh-sold-out-badge { background-color: var(--lh-other-sold-out-bg-color); color: var(--lh-other-sold-out-text-color); } .lh-on-sale .lh-special-price { color: var(--lh-other-sale-price-color); } .lh-special-price { color: var(--lh-heading-color); } .lh-rating-star { --star-percent: calc((var(--rating) + var(--rating-decimal)) / var(--rating-max) * 100%) } .lh-rating-star::before { content: "\2605\2605\2605\2605\2605"; background: linear-gradient(90deg, #ffaa47 var(--star-percent), #e1e1e1 var(--star-percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 1px; } .lh-sale-badge { background-color: var(--lh-other-sale-bg-color); color: var(--lh-other-sale-text-color); } .lh-sold-out-badge { background-color: var(--lh-other-sold-out-bg-color); color: var(--lh-other-sold-out-text-color); } .lh-special-price .lh-on-sale { color: var(--lh-other-sale-price-color); } .lh-product-tag .lh-other-tag:nth-child(1) { background-color: var(--lh-other-tag-1-bg-color); color: var(--lh-other-tag-1-text-color); } .lh-product-tag .lh-other-tag:nth-child(2) { background-color: var(--lh-other-tag-2-bg-color); color: var(--lh-other-tag-2-text-color); } .lh-product-tag .lh-other-tag:nth-child(3) { background-color: var(--lh-other-tag-1-bg-color); color: var(--lh-other-tag-1-text-color); } .lh-product-tag .lh-other-tag:nth-child(4) { background-color: var(--lh-other-tag-2-bg-color); color: var(--lh-other-tag-2-text-color); } @media (min-width: 640px) { .lh-product-content, .lh-header { max-width: 392px; } } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding-top: calc(var(--lh-container-padding-top) * 0.75); padding-bottom: calc(var(--lh-container-padding-bottom) * 0.75); } } @media(max-width: 639px) { .lh-container { padding-top: calc(var(--lh-container-padding-top) * 0.75); padding-bottom: calc(var(--lh-container-padding-bottom) * 0.75); } } .lh-swatch .lh-swatch-element label { background-color: var(--background-color); overflow: hidden; } .lh-swatch .lh-swatch-element input+label { border: 1px solid var(--color-scheme-text-300) } .lh-swatch .lh-swatch-element input:checked+label { border: 1px solid var(--lh-heading-color); color: var(--lh-heading-color); } .lh-swatch .lh-swatch-element.lh-color input:checked+label { box-shadow: inset 0 0 0 3px var(--lh-background-color); } .lh-swatch .lh-swatch-element.lh-sold-out input:checked+label::after { content: ""; position: absolute; top: 50%; left: 50%; width: 200%; height: 1px; background: var(--lh-heading-color); transform: translate(-50%, -50%) rotate(45deg); transform-origin: center; } .lh-swatch .lh-swatch-element.lh-sold-out label::after { content: ""; position: absolute; top: 50%; left: 50%; width: 200%; height: 1px; background: var(--color-scheme-text-300); transform: translate(-50%, -50%) rotate(45deg); transform-origin: center; } .lh-swatch .lh-swatch-element.lh-sold-out { opacity: 0.6; } }.lh-la8l21 { .eb-header-subheading { color: var(--lh-heading-color); } .lh-image-picture .eb-image { aspect-ratio: 1/1; object-fit: cover; height: auto; } .eb-thumb-item { height: auto; margin-top: auto; margin-bottom: auto; } .eb-text { letter-spacing: 0; } @media(min-width: 1024px) { .eb-thumb-item { width: var(--image-width); } } @media(min-width: 640px) and (max-width: 1023px) { .eb-thumb-item { width: var(--image-width-ta); } .lh-container { padding: 30px; padding-top: calc(var(--lh-container-padding-top, 0) * 24 / 28); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 24 / 28); } } @media(max-width: 639px) { .eb-thumb-item { width: var(--image-width-mo); } .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top, 0) * 20 / 28); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 20 / 28); } } }.lh-63p0y6 { .lh-card-media { aspect-ratio: var(--lh-image-ratio-de); } .lh-slider-wrapper[data-pagination="dots"] .lh-slider-pagination.active { background: var(--lh-heading-color); } .lh-image-picture[data-ratio="default"] img { background-color: var(--color-scheme-text-100); } @media(max-width: 1023px) { .lh-card-media { aspect-ratio: var(--lh-image-ratio-ta); } .lh-container { padding: 30px; padding-top: calc(var(--lh-container-padding-top) / 28 * 24); padding-bottom: calc(var(--lh-container-padding-bottom) / 28 * 24); } } @media(max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) / 28 * 20); padding-bottom: calc(var(--lh-container-padding-bottom) / 28 * 20); } .lh-card-media { aspect-ratio: var(--lh-image-ratio-mo); } } .lh-slider-nav-left, .lh-slider-nav-right { position: absolute; cursor: pointer; width: 42px; height: 42px; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; border-radius: 100%; background-color: var(--lh-heading-color); } .lh-slider-nav-left { left: -21px; } .lh-slider-nav-right { right: -21px; } .svg-left { -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 18L9 12L15 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 18L9 12L15 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; background-color: var(--lh-background-color); } .svg-right { -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9 18L15 12L9 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9 18L15 12L9 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; background-color: var(--lh-background-color); } }.lh-dwfgnz { .eb-content-label { color: var(--lh-heading-color); } .eb-card-item:not(:last-of-type) { border-bottom: 1px solid var(--color-scheme-text-100); margin-bottom: -1px; } .eb-card-item { transition: all 0.3s ease; transform: translateX(0); .eb-thumb-item img { height: auto; aspect-ratio: 1/1; } } .eb-thumb { img { transition: all 0.3s ease; } &:hover img { scale: 1.02; } } @media(min-width: 640px) { .eb-card-item:hover { transform: translateX(2%); } .eb-card-item:not(:last-of-type) { padding-bottom: 32px; } } @media (min-width:640px) and (max-width: 1023px) { .lh-container { padding: 30px; padding-top: calc(var(--lh-container-padding-top) * 24 / 28); padding-bottom: calc(var(--lh-container-padding-bottom) * 24 / 28); } } @media (max-width:639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) * 20 / 28); padding-bottom: calc(var(--lh-container-padding-bottom) * 20 / 28); } .eb-card-item:hover { transform: translateX(2%); } .eb-card-item:not(:last-of-type) { padding-bottom: 24px; } } }.lh-93ia4u { .lh-banner--small { height: 448px; } .lh-banner--medium { height: 640px; } .lh-banner--large { height: 736px; } .lh-image-content::after { content: ''; background-color: #000000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: var(--image-overlay); } .lh-image-picture { filter: grayscale(var(--image-color)); } /* Content */ .lh-countdown-subheading { color: var(--lh-heading-color); } /* Countdown */ .lh-countdown-wrapper.time-out[countdown-action-time-out="hide"] { display: none; } .lh-countdown-number { display: flex; justify-content: center; } .digit { display: inline-flex; align-items: center; justify-content: center; } .lh-countdown-item { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.3); border-radius: 8px; } @media(max-width: 639px) { .lh-banner--small { height: 400px; } .lh-banner--medium { height: 570px; } .lh-banner--large { height: 640px; } .lh-countdown-item { flex: 1; height: 90px; } } @media (min-width: 640px) { .lh-countdown-item { width: 90px; height: 105px; } } }.lh-affro4 { .eb-card-item { border: 1px solid var(--color-scheme-text-100); } .eb-author-purchased { color: var(--color-scheme-text-500); font-style: italic; } @media(max-width: 1023px) { .lh-container { padding: 30px; padding-top: calc(var(--lh-container-padding-top) / 28 * 24); padding-bottom: calc(var(--lh-container-padding-bottom) / 28 * 24); } } @media(max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) / 28 * 20); padding-bottom: calc(var(--lh-container-padding-bottom) / 28 * 20); } } .lh-slider-nav-left, .lh-slider-nav-right { opacity: 1; position: absolute; top: -88px; cursor: pointer; width: 48px; height: 48px; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; border-radius: 100%; transform: translate(0, 0); border: 1px solid #e6e6e6; background-color: var(--lh-background-color); } .lh-slider-nav-left { right: 60px; } .lh-slider-nav-right { right: 0; } .lh-slider-nav-left.disabled, .lh-slider-nav-right.disabled { opacity: 0.5; } .svg-left { -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 18L9 12L15 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 18L9 12L15 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; background-color: var(--lh-heading-color); } .svg-right { -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9 18L15 12L9 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9 18L15 12L9 6' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; background-color: var(--lh-heading-color); } .svg-checked { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4L5.99999 11.3333L2.66666 8' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3333 4L5.99999 11.3333L2.66666 8' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-color: var(--lh-heading-color); } }.lh-14b3qa { .lh-desc-content ul{ padding-left: 20px; list-style: disc; margin-bottom: 15px; } .lh-desc-content p, .lh-desc-content h1, .lh-desc-content h2, .lh-desc-content h3, .lh-desc-content h4, .lh-desc-content h5, .lh-desc-content h6{ margin-bottom: 20px; } .store-box span{ width: 28px; } .lh-product-description-wrapper .lh-desc-content { overflow: hidden; max-height: var(--lh-line-view); transition: max-height 0.08s ease; position: relative; } .lh-product-description-wrapper.active .lh-desc-content { max-height: 5000px !important; overflow: visible !important; } .lh-product-description-wrapper.active-main .lh-desc-content { max-height: none !important; overflow: visible !important; } .lh-toggle-desc-btn { margin-bottom: 12px; background: transparent; border: none; text-decoration: underline; cursor: pointer; font-weight: 600; padding: 0; color: inherit; display: none; } .lh-product-description-wrapper:not(.active):not(.active-main) .lh-desc-content::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; } .lh-text-color-heading, .text-color { color: var(--lh-heading-color); } .lh-color-btn-se { color: var(--lh-btn-se-label-color); background-color: var(--lh-btn-se-background-color); } .lh-btn[disabled] { opacity: 0.7; } .lh-progress-inventory { background: color-mix( in srgb, var(--lh-other-sale-bg-color) 10%, transparent ); border-radius: 9999px; } .lh-progress-available { border-radius: 9999px; background-color: var(--lh-other-sale-bg-color); } .lh-inventory-content.is-high { color: #16a34a; & .lh-inventory-text, & .lh-inventory-label, & .lh-inventory-quantity { color: #16a34a; } } .lh-progress-inventory.is-high { background-color: #b0e1c2; } .lh-progress-inventory.is-high .lh-progress-available { background-color: #16a34a; } .lh-inventory-status { width: 100%; } .pick-up { color: var(--lh-heading-color); } .lh-item-question { color: var(--lh-heading-color); } .lh-inventory-title, .lh-inventory-label, .lh-inventory-quantity, .lh-inventory-content, .lh-inventory-text { color: var(--lh-other-sale-bg-color); font-weight: 500; } .lh-inventory-track { width: 100%; height: 4px; background-color: #fcefe1; border-radius: 4px; overflow: hidden; } .lh-inventory-fill { height: 100%; background-color: #e69a40; border-radius: 4px; width: 0%; transition: width 0.3s ease; } .scrollbar-hide::-webkit-scrollbar { display: none; } .specifications-home { max-width: 800px; margin: 0 auto; padding: 20px; } .spec-item { display: flex; justify-content: start; align-items: center; padding: 24px 0; border-bottom: 1px solid #e0e0e0; } .spec-item:last-child { border-bottom: none; } .spec-item strong { color: var(--lh-heading-color); flex: 0 0 40%; min-width: 256px; } .spec-item strong::after { content: none; } .spec-item { color: var(--lh-text-color); flex: 0 0 55%; text-align: left; } /* Responsive cho mobile */ @media (max-width: 768px) { .spec-item { flex-direction: column; align-items: flex-start; padding: 16px 0; } .spec-item strong { margin-bottom: 8px; flex: 1; } } .lh-image-blank { display: block; width: 100%; height: auto; background-image: url("data:image/svg+xml;utf8,<svg preserveAspectRatio='xMidYMid slice' viewBox='0 0 448 448' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_656_1454)'><path d='M448.1.2H.1v448h448V.2z' fill='%23f2f2f2'></path><path d='m375.1 207.4-62.8-30.9 15.4-31.4c2.9 4.8 10.9 17.1 26.8 24.8 5.1 2.4 18.5 8.3 36.1 6-5.1 10.6-10.2 21.1-15.5 31.5z' fill='%23a84c42'></path><path d='M415.8 188.4 390.7 176c-8.5 17.3-29.5 24.5-46.9 16-17.3-8.5-24.5-29.5-16-46.9l-25.1-12.4c-7-3.4-15.3-.5-18.7 6.4l-68 138.1c-3.4 7-.5 15.3 6.4 18.7l96.8 47.7c15.9 7.8 35.1 1.3 43-14.6l60.1-121.9c3.2-6.8.4-15.3-6.5-18.7z' fill='%23de6a5a'></path><path d='m401.6 177.5-6.3-3.1c-1.7-.9-3.8-.2-4.7 1.6-8.5 17.3-29.5 24.5-46.9 16-17.3-8.5-24.5-29.5-16-46.9.9-1.7.2-3.8-1.6-4.7l-6.3-3.1c-1.7-.9-3.8-.2-4.7 1.6-11.9 24.3-1.9 53.7 22.3 65.6 24.3 11.9 53.7 1.9 65.6-22.3 1.1-1.7.3-3.8-1.4-4.7z' fill='%23cd5747'></path><path d='M344 307.9c-4.3 12.8-18.8 19-31 13.2-8.8-4.3-17.7-8.5-26.5-12.8-5.4-2.7-11.3-4-17.3-4h-30.4l32.5 16 47.9 23.5c15.9 7.8 35.1 1.3 43-14.6l60.1-121.9c3.4-7 .5-15.3-6.4-18.7l-3.1-1.6c-5.9 26.8-16.1 44.9-24.6 56.6-12.4 17.1-22.2 22.4-33 40.4-5.1 8.1-8.7 16.3-11.2 23.9z' fill='%23e87e69'></path><path d='M302.7 132.8c-7-3.4-15.3-.5-18.7 6.4l-68 139c-2.2 4.4-1.8 9.3.5 13.2h77.6c11.9 0 21.7-9.7 21.7-21.7V139.2l-13.1-6.4z' opacity='.5' fill='%23cd5747'></path><path d='M256.5 133.8h-70v-35c4.7 3.1 17.3 10.5 35 10.5 5.6 0 20.2-.8 35-10.5v35z' fill='%2392683e'></path><path d='M284.5 98.8h-28c0 19.3-15.7 35-35 35s-35-15.7-35-35h-28c-7.8 0-14 6.3-14 14v154c0 7.8 6.3 14 14 14h126c7.8 0 14-6.3 14-14v-154c0-7.7-6.3-14-14-14z' fill='%23e8af57'></path><path d='M267 95.4h-7c-1.9 0-3.5 1.6-3.5 3.5 0 19.3-15.7 35-35 35s-35-15.7-35-35c0-1.9-1.6-3.5-3.5-3.5h-7c-1.9 0-3.5 1.6-3.5 3.5 0 27.1 22 49 49 49s49-22 49-49c0-2-1.5-3.5-3.5-3.5z' fill='%23c5955f'></path><path d='M187.6 162.6c-2.5-7.3-10.5-11.2-17.8-8.7l-3.3 1.1 42.8 125.9h18.5l-40.2-118.3z' opacity='.5' fill='%23c5955f'></path><path d='M284.5 98.8H281c-9.6 36-7.3 62.2-3.1 80.1 2.4 9.9 6.3 21.5 7.5 39.7.7 10.9.2 20.8-.9 29.2-1 8.8-8.6 15.4-17.5 15.4h-28.3c-2.9 0-4.8 2.9-3.8 5.5l4.4 12h45.1c7.8 0 14-6.3 14-14v-154c.1-7.6-6.2-13.9-13.9-13.9z' fill='%23efb66a'></path><path d='M138.1 179.4 71.9 202l-11.2-33.1c5.4 1.4 19.7 4.4 36.5-1.3 5.3-1.8 18.9-7.2 29.7-21.2 3.8 10.8 7.5 21.9 11.2 33z' fill='%2302614e'></path><path d='m153.4 137.2-26.5 9.1c6.2 18.3-3.6 38.2-21.9 44.4s-38.2-3.6-44.4-21.9l-16.7 5.7c-12.7 4.4-19.5 18.1-15.2 30.9L75 341.3c2.5 7.3 10.5 11.2 17.8 8.7l119.3-40.6c7.3-2.5 11.2-10.5 8.7-17.8l-49.6-145.8c-2.5-7.2-10.5-11.1-17.8-8.6z' fill='%23279170'></path><path d='m153.4 137.2-3.3 1.1c15.1 43.7 30.2 87.3 45.1 131 4.4 12.8-.9 27.1-12.6 33.8-7.1 3.9-13.3 6.3-18.6 7.8-21.3 6-33.4.3-54.7 6.6-16.3 4.8-28.1 13.7-35.5 20.5.3 1.1.8 2.2 1.1 3.3 2.5 7.3 10.5 11.2 17.8 8.7L212 309.4c7.3-2.5 11.2-10.5 8.7-17.8l-49.6-145.8c-2.4-7.2-10.4-11.1-17.7-8.6z' fill='%2346a585'></path><path d='m135.7 139.5-6.6 2.3c-1.8.6-2.8 2.6-2.2 4.4 6.2 18.3-3.6 38.2-21.9 44.4-18.3 6.2-38.2-3.6-44.4-21.9-.6-1.8-2.6-2.8-4.4-2.2l-6.6 2.3c-1.8.6-2.8 2.6-2.2 4.4 8.7 25.6 36.5 39.3 62.1 30.6 25.6-8.7 39.3-36.5 30.6-62.1-.6-1.8-2.6-2.8-4.4-2.2z' fill='%23108060'></path></g><defs><clipPath id='clip0_656_1454'><path fill='%23fff' d='M0 0h448v448H0z'></path></clipPath></defs></svg>"); background-repeat: no-repeat; background-size: cover; background-position: center; } .lh-product-media .lh-slide-item { scroll-margin-bottom: 0; } /* FAQ Styles */ .lh-faq-content { border-top: 1px solid var(--color-scheme-text-200); } .lh-faq-content ul{ padding-left: 20px; list-style: disc; margin-bottom: 15px; } .lh-faq-content p{ margin-bottom: 15px; } .lh-faq-content .lh-item-question { padding-block: 16px; margin-bottom: -1px; } .lh-faq-content:last-child { border-bottom: 1px solid var(--color-scheme-text-200); } .lh-faq-content:last-child .lh-item-question { padding-bottom: 15px; } .lh-faq-content .lh-item-answer { height: 0; transition: all 0.3s ease-in; } .lh-faq-content.active .lh-item-answer { height: auto; padding-bottom: 19px; } /* Responsive */ .lh-image-picture.lh-ratio-auto img { height: auto; } .form-control-label { color: var(--lh-heading-color); font-weight: 500; } .lh-vendor-pr { color: var(--color-scheme-text-400); letter-spacing: 1.2px; font-size: 12px; font-weight: 500; text-overflow: ellipsis; } .lh-product-media--thumbs .lh-slider-content { visibility: hidden; opacity: 0; transition: opacity 0.2s ease; } .metafield-rich_text_field{ color: var(--lh-text-color); } .lh-special-price .lh-price, .lh-on-sale .lh-special-price { font-size: 20px; color: var(--lh-other-sale-price-color); } .lh-on-sale .lh-old-price { color: var(--color-scheme-text-500); font-size: 18px; } .lh-button-zoom:hover { transform: scale(1.1); } .lh-sale-badge { background-color: var(--lh-other-sale-bg-color); color: var(--lh-other-sale-text-color); } .lh-sold-out-badge { background-color: var(--lh-other-sold-out-bg-color); color: var(--lh-other-sold-out-text-color); } .lh-product-tag .lh-other-tag:nth-child(1) { background-color: var(--lh-other-tag-1-bg-color); color: var(--lh-other-tag-1-text-color); } .lh-product-tag .lh-other-tag:nth-child(2) { background-color: var(--lh-other-tag-2-bg-color); color: var(--lh-other-tag-2-text-color); } .lh-product-tag .lh-other-tag:nth-child(3) { background-color: var(--lh-other-tag-1-bg-color); color: var(--lh-other-tag-1-text-color); } .lh-product-tag .lh-other-tag:nth-child(4) { background-color: var(--lh-other-tag-2-bg-color); color: var(--lh-other-tag-2-text-color); } .lh-rating-star { --star-percent: calc((var(--rating) + var(--rating-decimal)) / var(--rating-max) * 100%); position: relative; } .lh-rating-star span { width: 16px; height: 16px; position: relative; display: inline-block; background: #e1e1e1; overflow: hidden; flex: 0 0 auto; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="black" d="M13.4392 10.7401C13.2449 10.9283 13.1557 11.2006 13.1999 11.4676L13.8667 15.1576C13.9229 15.4703 13.7909 15.7868 13.5292 15.9676C13.2727 16.1551 12.9314 16.1776 12.6517 16.0276L9.32991 14.2951C9.21441 14.2336 9.08616 14.2006 8.95491 14.1968H8.75166C8.68116 14.2073 8.61216 14.2298 8.54916 14.2643L5.22666 16.0051C5.06241 16.0876 4.87641 16.1168 4.69416 16.0876C4.25016 16.0036 3.95391 15.5806 4.02666 15.1343L4.69416 11.4443C4.73841 11.1751 4.64916 10.9013 4.45491 10.7101L1.74666 8.08506C1.52016 7.86531 1.44141 7.53531 1.54491 7.23756C1.64541 6.94056 1.90191 6.72381 2.21166 6.67506L5.93916 6.13431C6.22266 6.10506 6.47166 5.93256 6.59916 5.67756L8.24166 2.31006C8.28066 2.23506 8.33091 2.16606 8.39166 2.10756L8.45916 2.05506C8.49441 2.01606 8.53491 1.98381 8.57991 1.95756L8.66166 1.92756L8.78916 1.87506H9.10491C9.38691 1.90431 9.63516 2.07306 9.76491 2.32506L11.4292 5.67756C11.5492 5.92281 11.7824 6.09306 12.0517 6.13431L15.7792 6.67506C16.0942 6.72006 16.3574 6.93756 16.4617 7.23756C16.5599 7.53831 16.4752 7.86831 16.2442 8.08506L13.4392 10.7401Z"/></svg>') center / contain no-repeat; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="black" d="M13.4392 10.7401C13.2449 10.9283 13.1557 11.2006 13.1999 11.4676L13.8667 15.1576C13.9229 15.4703 13.7909 15.7868 13.5292 15.9676C13.2727 16.1551 12.9314 16.1776 12.6517 16.0276L9.32991 14.2951C9.21441 14.2336 9.08616 14.2006 8.95491 14.1968H8.75166C8.68116 14.2073 8.61216 14.2298 8.54916 14.2643L5.22666 16.0051C5.06241 16.0876 4.87641 16.1168 4.69416 16.0876C4.25016 16.0036 3.95391 15.5806 4.02666 15.1343L4.69416 11.4443C4.73841 11.1751 4.64916 10.9013 4.45491 10.7101L1.74666 8.08506C1.52016 7.86531 1.44141 7.53531 1.54491 7.23756C1.64541 6.94056 1.90191 6.72381 2.21166 6.67506L5.93916 6.13431C6.22266 6.10506 6.47166 5.93256 6.59916 5.67756L8.24166 2.31006C8.28066 2.23506 8.33091 2.16606 8.39166 2.10756L8.45916 2.05506C8.49441 2.01606 8.53491 1.98381 8.57991 1.95756L8.66166 1.92756L8.78916 1.87506H9.10491C9.38691 1.90431 9.63516 2.07306 9.76491 2.32506L11.4292 5.67756C11.5492 5.92281 11.7824 6.09306 12.0517 6.13431L15.7792 6.67506C16.0942 6.72006 16.3574 6.93756 16.4617 7.23756C16.5599 7.53831 16.4752 7.86831 16.2442 8.08506L13.4392 10.7401Z"/></svg>') center / contain no-repeat; } .lh-rating-star span::before { content: ''; position: absolute; inset: 0; background: #977D68; left: 0; top: 0; height: 100%; width: calc(clamp(0, var(--rating) - (var(--i) - 1), 1) * 100%); } .lh-product-highlights { list-style: none; padding-left: 0; margin-left: 0; } .lh-product-highlights li { position: relative; padding-left: 10px; } .lh-product-highlights li .lh-dot-list { display: block !important; height: 4px; width: 4px; background-color: currentColor; border-radius: 100%; } .lh-faq-content { border-top: 1px solid var(--color-scheme-text-200); } .lh-faq-content:last-child { border-bottom: 1px solid var(--color-scheme-text-200); } .lh-faq-content .lh-item-answer { height: 0; transition: all 0.3s ease-in; } .lh-faq-content.active .lh-item-answer { height: auto; padding-bottom: 20px; } .lh-badge-tag { font-size: 12px; font-weight: 500; letter-spacing: 0.48px; border-radius: 9999px; } .lh-media-product .lh-slider-nav-left, .lh-media-product .lh-slider-nav-right { background-color: var(--lh-btn-pr-background-color); color: var(--lh-btn-pr-label-color); } .lh-copy-url svg { width: 100%; height: 100%; } @media (min-width: 1024px) { .lh-button-zoom { opacity: 0; } .lh-slide-item:hover .lh-button-zoom { opacity: 1; } } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding: 30px; padding-top: calc(var(--lh-container-padding-top, 0) * 24 / 28); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 24 / 28); } } @media (max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top, 0) * 20 / 28); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 20 / 28); } .lh-detail-box, .lh-faq { max-width: 343px; } .lh-slider-wrapper .lh-slider-nav-left, .lh-slider-wrapper .lh-slider-nav-right { transform: scale(0.8); } } .lh-swatch-element.lh-color+.lh-tooltip { z-index: -1; white-space: nowrap; } .lh-swatch-element:not(.lh-color) { padding-bottom: 20px ; } .lh-swatch-element:not(.lh-color) label { height: 44px; } .lh-swatch .lh-swatch-element:not(.lh-color) input:checked+.lh-swatch-wrp { border: 1px solid var(--lh-heading-color); color: var(--lh-background-color); background-color: var(--lh-heading-color); } .lh-swatch-element.lh-color:hover+.lh-tooltip { opacity: 1; z-index: 100; top: -30px; min-width: 30px; background: #000; color: #fff; padding: 4px 6px; font-size: 10px; border-radius: 4px; } .lh-swatch-element.lh-color:hover+.lh-tooltip:after { content: ''; position: absolute; left: 16px; bottom: -3px; width: 0; height: 0; border-style: solid; border-width: 3px 2.5px 0 2.5px; border-color: #000 transparent transparent transparent; } /* .lh-swatch .lh-sold-out .lh-swatch-wrp::before { content: ""; position: absolute; top: 50%; left: 50%; width: 200%; text-decoration: line-through; height: 1px; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center; z-index: 1; } */ .lh-swatch .lh-sold-out .lh-swatch-wrp label { text-decoration: line-through; } .lh-swatch .lh-swatch-element input:checked+label:after { content: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkCw8RJSHXzNuNAAAAfElEQVQoz7WRsQ2CYBQGLwRCaLRkDwqdwcLCSZjCmj2AgtoJXMbEUquzEAz+8Je89r675sGG59ka0ig+0ZFbJDGbgRwoAXemi/hb1QZw793ebB739cPgTdV2qvzZAFY+VL+VwB4nB59j5RLYhBVXcTBZw7NJDAN49LrFyz67GnkMHStx0wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMS0xNVQxNzozNzozMyswMDowMGfDTJEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMTEtMTVUMTc6Mzc6MzMrMDA6MDAWnvQtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0px; right: 0; width: 6px; height: 6px; } .lh-swatch .lh-color label:before { content: none; } .lh-text-color-heading { color: var(--lh-heading-color); font-weight: 500; } .lh-text-color-heading-ic { color: var(--lh-heading-color); font-weight: 600; } .lh-swatch-color { padding-bottom: 18px; border-top: 1px solid #E6E6E6; padding-top: 19px; } .lh-swatch:nth-child(2) { padding-top: 1px; border-top: 1px solid #E6E6E6; } .lh-swatch:nth-child(2) .lh-swatch-element:not(.lh-color) .lh-swatch-wrp { height: 48px; } .lh-swatch:nth-child(2) .lh-swatch-box { gap: 10px; } .lh-swatch .lh-color span { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 0%; background: #fff; top: 50%; left: 50%; z-index: 0; transform: translate(-50%, -50%); } .lh-swatch .lh-color input:checked~span { opacity: 1; padding: 1px; border: 1px solid gray; } .lh-color .lh-swatch-wrp { height: 24px; width: 24px; } .lh-swatch .lh-swatch-element .lh-swatch-wrp { border: 1px solid var(--color-scheme-text-200); color: var(--lh-heading-color); } .lh-scheme-3 .lh-swatch-element .lh-swatch-wrp { border: 1px solid var(--color-scheme-text-300); } .lh-swatch .lh-swatch-element input:checked+.lh-swatch-wrp { border: 3px solid #fff; outline-offset: -3px; box-shadow: 0 0 0 2px #000; } .lh-swatch:nth-child(2) .lh-swatch-element:not(.lh-color) input:checked+.lh-swatch-wrp { background-color: var(--lh-heading-color); } .lh-swatch .lh-swatch-element.lh-color .lh-swatch-wrp { padding: 0; } .lh-swatch .lh-swatch-element.lh-color .lh-swatch-wrp label { width: 22px; height: 22px; } .lh-swatch .lh-swatch-element.lh-sold-out { opacity: 0.6; } .lh-btn-left{ padding-left: 24px; } .lh-btn-right{ padding-right: 22px; } @media (max-width: 639px) { .lh-swatch:nth-child(2) .lh-swatch-element .lh-swatch-wrp { height: 44px; padding-inline: 19px; } .lh-btn-left{ padding-left: 22px; } } :root { --thumb-height: 560px; } .lh-product-inventory .lh-inventory-dot::before { content: ""; position: absolute; inset: 0; border-radius: 9999px; scale: 0.5; } .lh-product-inventory .lh-inventory-dot::after { content: ""; position: absolute; inset: 0; border-radius: 9999px; animation: pulse 1.8s ease-out infinite 0.3s; } .lh-product-inventory .in-stock .lh-inventory-dot::before { background-color: rgba(62, 214, 96, 1); } .lh-product-inventory .in-stock .lh-inventory-dot::after { background-color: color-mix(in srgb, rgba(62, 214, 96, 1) 15%, transparent); } .lh-product-inventory .low-stock .lh-inventory-dot::before { background-color: rgb(231, 163, 17); } .lh-product-inventory .low-stock .lh-inventory-dot::after { background-color: color-mix(in srgb, rgb(231, 163, 17) 15%, transparent); } .lh-product-inventory .out-of-stock .lh-inventory-dot::before { background-color: rgb(199, 14, 14); } .lh-product-inventory .out-of-stock .lh-inventory-dot::after { background-color: color-mix(in srgb, rgb(199, 14, 14) 15%, transparent); } .lh-media-thumb.is-active .lh-item-img::before { content: ""; position: absolute; inset: 0; border: 1px solid var(--lh-heading-color); border-radius: 8px; z-index: 1; } .lh-media-thumb.is-active .lh-item-img::after { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--lh-background-color) 10%, transparent); z-index: 0; } .lh-media-product { display: flex; flex-direction: column; } @media (min-width: 1024px) { .lh-product-thumb-slide .lh-slider-content .lh-slide-item { flex: unset; } .lh-media-product[data-thumbs-desktop="true"]:not([data-position-thumbs="bottom"]) .lh-product-thumb-slide .lh-slider-content { max-height: var(--thumb-height); } .lh-media-product[data-thumbs-desktop="true"]:not([data-position-thumbs="bottom"]) .lh-product-thumb-slide .lh-slider-content { flex-direction: column; overflow: visible; } .lh-media-product[data-thumbs-desktop="true"]:not([data-position-thumbs="bottom"]) .lh-product-thumb-slide .lh-slider-content { scrollbar-width: none; -ms-overflow-style: none; } .lh-media-product[data-thumbs-desktop="true"]:not([data-position-thumbs="bottom"]) .lh-product-thumb-slide .lh-slider-content::-webkit-scrollbar { display: none; } .lh-media-product[data-thumbs-desktop="true"]:not([data-position-thumbs="bottom"]) .lh-product-thumb-slide .lh-slider-content .lh-slide-item { padding-left: 0; padding-top: var(--data-gap); } .lh-media-product[data-thumbs-desktop="true"]:not([data-position-thumbs="bottom"]) .lh-product-thumb-slide { margin-top: calc(var(--data-gap) * -1); } .lh-media-product[data-thumbs-desktop="true"][data-thumbs-desktop="true"]:not([data-position-thumbs="bottom"]){ display: flex; flex-direction: row; } .lh-media-product[data-thumbs-desktop="true"][data-position-thumbs="left"] .lh-product-media { flex: 1; order: 2; } .lh-media-product[data-thumbs-desktop="true"][data-position-thumbs="right"] .lh-product-media { flex: 1; order: 0; } .lh-media-product[data-thumbs-desktop="true"][data-position-thumbs="right"] .lh-product-thumb-slide { margin-left: 16px; } .lh-media-product[data-thumbs-desktop="true"][data-position-thumbs="left"] .lh-product-thumb-slide { margin-left: 0; margin-right: 16px; } .lh-media-product[data-thumbs-desktop="true"][data-position-thumbs="bottom"] .lh-product-thumb-slide { margin-top: 16px; } .lh-media-product[data-thumbs-desktop="true"][data-position-thumbs="left"][data-thumbs-desktop="true"] .lh-slider-nav-left { left: calc(12px + 118px); } .lh-media-product[data-thumbs-desktop="true"][data-position-thumbs="right"][data-thumbs-desktop="true"] .lh-slider-nav-right { right: calc(12px + 118px); } } @media (min-width: 640px) and (max-width: 1023px) { lh-media-product:not(data-thumbs-tablet="bottom").lh-product-thumb-slide .lh-slide-item { flex: unset; } .lh-media-thumb.is-active .lh-item-img::before { border-radius: 8px; } .lh-media-product[data-thumbs-tablet="true"]:not([data-position-thumbs-tablet="bottom"]) .lh-product-thumb-slide .lh-slider-content { max-height: var(--thumb-height); } .lh-media-product[data-thumbs-tablet="true"]:not([data-position-thumbs-tablet="bottom"]) .lh-product-thumb-slide .lh-slider-content { flex-direction: column; overflow: visible; } .lh-media-product[data-thumbs-tablet="true"]:not([data-position-thumbs-tablet="bottom"]) .lh-product-thumb-slide .lh-slider-content { scrollbar-width: none; -ms-overflow-style: none; } .lh-media-product[data-thumbs-tablet="true"]:not([data-position-thumbs-tablet="bottom"]) .lh-product-thumb-slide .lh-slider-content::-webkit-scrollbar { display: none; } .lh-media-product[data-thumbs-tablet="true"]:not([data-position-thumbs-tablet="bottom"]) .lh-product-thumb-slide .lh-slider-content .lh-slide-item { padding-left: 0; padding-top: var(--data-gap); } .lh-media-product[data-thumbs-tablet="true"]:not([data-position-thumbs-tablet="bottom"]) .lh-product-thumb-slide { margin-top: calc(var(--data-gap) * -1); } .lh-media-product[data-thumbs-tablet="true"]:not([data-position-thumbs-tablet="bottom"]) { display: flex; flex-direction: row; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="left"] .lh-product-media { flex: 1; order: 2; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="right"] .lh-product-media { flex: 1; order: 0; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="right"] .lh-product-thumb-slide { margin-left: 10px; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="left"] .lh-product-thumb-slide { margin-left: 0; margin-right: 10px; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="bottom"] .lh-product-thumb-slide { margin-top: 10px; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="left"][data-thumbs-tablet="true"] .lh-slider-nav-left { left: calc(12px + 68px); } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="right"][data-thumbs-tablet="true"] .lh-slider-nav-right { right: calc(12px + 68px); } } @media (max-width: 639px) { .lh-media-thumb.is-active .lh-item-img::before { border-radius: 8px; } } .lh-lightbox .lh-media-lb img { object-fit: contain; margin: 0 auto; display: block; height: 100%; z-index: 100; border-radius: 24px; } .lh-lightbox, .lh-bg-overlay{ background-color: rgba(0, 0, 0, 0.85) !important; z-index: 99999999999999999999999; } .lh-lightbox-ct { z-index: 999999999; opacity: 0; } .lh-lightbox-ct.active { opacity: 1; } .lh-lightbox-ct .lh-lightbox-toolbar, .lh-lightbox-ct .lh-slider-controls { display: none!important; } .lh-lightbox-ct.show-controls .lh-lightbox-toolbar { display: flex!important; } .lh-lightbox-ct.show-controls .lh-slider-controls { display: block!important; } .lh-lightbox-ct .lh-lightbox { display: none; position: fixed !important; inset: 0; } .lh-lightbox.active { display: flex !important; } .lh-lightbox-ct .lh-lightbox .lh-carousel { position: relative; height: 100vh; padding: 44px 0; width: 100%; overflow: hidden; } .lh-lightbox .lh-carousel .lh-lightbox-toolbar { position: absolute; z-index: 100; top: 0; right: 0; } .lh-lightbox .lh-carousel .lh-slider-wrapper { position: relative; overflow: hidden; display: flex; height: 100%; align-items: center; justify-content: center; } .lh-lightbox .lh-carousel .lh-slider-wrapper .lh-slider-content { height: 100%; user-select: none; overflow: hidden; } .lh-lightbox-ct .lh-lightbox .lh-carousel .lh-slider-controls { display: block; } .lh-lightbox-ct .lh-lightbox .lh-slider-nav-left, .lh-lightbox-ct .lh-lightbox .lh-slider-nav-right { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 48px; height: 48px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; border-radius: 9999px; background-color: #fff; transition: all 0.3s ease-in-out; } .lh-lightbox-ct .lh-lightbox.lh-slide-show:hover .lh-slider-nav-right.disabled, .lh-lightbox-ct .lh-lightbox.lh-slide-show:hover .lh-slider-nav-left.disabled { opacity: 0.5; pointer-events: all; } .lh-slider-nav-left { left: 12px; } .lh-slider-nav-right { right: 12px; } .lh-lightbox-ct .lh-slider-container[data-desktop-layout="slider"][data-mobile-layout="slider"] .lh-slider-content { scroll-behavior: auto; } .lh-lightbox-ct .lh-slider-pagination-wrp { display: flex; align-items: center; justify-content: center; margin-top: 10px; } .lh-lightbox-ct .lh-slider-pagination-wrapper { align-items: center; justify-content: center; gap: 12px; } .lh-lightbox-ct .lh-slider-pagination-total { color: #fff; align-items: center; justify-content: center; } .lh-lightbox-ct .lh-lightbox .lh-bg-overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.85); opacity: 0.1; z-index: -10; display: block; cursor: pointer; } .lh-bg-overlay::after { content: "×"; font-size: 48px; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s; pointer-events: none; } .lh-bg-overlay:hover::after { opacity: 1; } .lh-media-lb { position: relative !important; margin: 0 auto; height: 100%; } .lh-lightbox-button { background: rgba(30, 30, 30, .6); border: 0; cursor: pointer; display: inline-block; height: 44px; width: 44px; padding: 10px; color: white; opacity: 0.5; transition: color .2s; } .lh-lightbox.lh-slide-show:hover .lh-slider-nav-left, .lh-lightbox.lh-slide-show:hover .lh-slider-nav-right { opacity: 1; } .lh-lightbox.lh-slide-show:hover .lh-slider-pagination-wrapper, .lh-lightbox.lh-slide-show:hover .lh-slider-pagination-total, .lh-lightbox.lh-slide-show:hover .lh-slider-pagination-progress { display: block; } .lh-lightbox.lh-zoom-in .lh-slide-item img { cursor: zoom-in; } .lh-lightbox-button--zoom.active, .lh-lightbox-button--thumbs.active { opacity: 1; } .lh-slide-item img { transition: transform 0.3s ease; } .lh-thumb-item { position: relative; } .lh-thumb-item::after { content: ""; position: absolute; inset: 0; border: 4px solid #3498db; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .lh-thumb-item.active::after { opacity: 1; } .lh-carousel.lh-with-thumb { margin-right: 220px; } @media (min-width: 640px) and (max-width: 1023px) { .lh-carousel.lh-with-thumb { margin-right: 150px; } .lh-media-lb img { max-height: 70%; } } @media (max-width: 639px) { .lh-carousel.lh-with-thumb { margin-right: 90px; } } .media-hover-overlay { position: absolute; top: 0; left: 50%; width: 70%; height: 100%; transform: translateX(-50%); background-repeat: no-repeat; background-position: center; cursor: zoom-in; z-index: 500; overflow: hidden; display: flex!important; border-radius: 24px; /* margin: 0 auto; */ } @media (max-width: 640px) { .lh-slider-nav-left, .lh-slider-nav-right { display: none!important; } .media-hover-overlay { width: 100%; } } #lh-lightbox { transition: transform 0.3s ease, opacity 0.3s ease; } #lh-lightbox.lh-lightbox-closing { opacity: 0; } .lh-thumbnails-grid{ position: absolute; top: 0; right: 0; height: 100%; width: 90px; overflow-y: auto; background-color: #fff; z-index: 40; } .lh-thumbnails-grid .lh-thumbnails-content { display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0.25rem; padding: 0.25rem; } @media (min-width: 640px) { .lh-thumbnails-grid .lh-thumbnails-content { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 640px) { .lh-thumbnails-grid { width: 150px; } } @media (min-width: 1024px) { .lh-thumbnails-grid { width: 220px; } } } @keyframes pulse { 0% { transform: scale(0.5); opacity: 1; } 70% { transform: scale(1.5); opacity: 0; } 100% { transform: scale(1.5); opacity: 0; } }.lh-7317w1 { .eb-faq-heading { margin-bottom: 16px; } .lh-content-items > .lh-item:first-child { border-top: 1px solid var(--color-scheme-text-200); margin-top: -1px; } .lh-item { border-bottom: 1px solid var(--color-scheme-text-200); margin-bottom: -1px; } .open-checkbox.lh-item:first-child .lh-item-answer { transform: translateY(0); height: auto; pointer-events: auto; padding-bottom: 20px; } .open-checkbox.lh-item:first-child .lh-icon-down { display: none !important; } .open-checkbox.lh-item:first-child .lh-icon-up { display: block !important; } .lh-icon-up { color: var(--lh-heading-color); display: none; } .lh-icon-down { color: var(--lh-heading-color); display: block; } .lh-item.active .lh-icon-down { display: none !important; } .lh-item.active .lh-icon-up { display: block !important; } .lh-item.active .lh-item-answer { transform: translateY(0); height: auto; pointer-events: auto; padding-bottom: 19px; } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding: 30px; padding-top: calc(var(--lh-container-padding-top) * 24/28); padding-bottom: calc(var(--lh-container-padding-bottom) * 24/28); } } @media (max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top)* 20/28); padding-bottom: calc(var(--lh-container-padding-bottom)* 20/28); } .lh-layout-mobile { order: 2; } } }