/** Shopify CDN: Minification failed

Line 1410:55549 The "+" operator only works if there is whitespace on both sides

**/

  
  
/*! 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-300: oklch(87.2% 0.01 258.338);
    --color-white: #fff;
    --spacing: 4px;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --tracking-normal: 0em;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 24px;
    --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;
    --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-20: 80px;
    --spacing-24: 96px;
    --spacing-28: 112px;
    --spacing-36: 144px;
    --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 {
  .absolute {
    position: absolute;
  }
  .tw-relative {
    position: relative;
  }
  .\!top-1\/2 {
    top: calc(1/2 * 100%) !important;
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-4 {
    top: var(--spacing-4);
  }
  .right-3 {
    right: var(--spacing-3);
  }
  .right-\[14px\] {
    right: 14px;
  }
  .left-0 {
    left: var(--spacing-0);
  }
  .left-3 {
    left: var(--spacing-3);
  }
  .left-4 {
    left: var(--spacing-4);
  }
  .left-\[14px\] {
    left: 14px;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[1070\] {
    z-index: 1070;
  }
  .order-0 {
    order: 0;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-span-16 {
    grid-column: span 16 / span 16;
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-1\.5 {
    margin-top: var(--spacing-1\.5);
  }
  .mt-2 {
    margin-top: var(--spacing-2);
  }
  .mt-3 {
    margin-top: var(--spacing-3);
  }
  .mt-5 {
    margin-top: var(--spacing-5);
  }
  .mt-6 {
    margin-top: var(--spacing-6);
  }
  .mb-1 {
    margin-bottom: var(--spacing-1);
  }
  .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-6 {
    margin-bottom: var(--spacing-6);
  }
  .mb-6\.5 {
    margin-bottom: calc(var(--spacing) * 6.5);
  }
  .mb-8 {
    margin-bottom: var(--spacing-8);
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .tw-flex {
    display: flex;
  }
  .tw-grid {
    display: grid;
  }
  .tw-hidden {
    display: none;
  }
  .aspect-1\/1 {
    aspect-ratio: 1/1;
  }
  .size-28 {
    width: var(--spacing-28);
    height: var(--spacing-28);
  }
  .size-36 {
    width: var(--spacing-36);
    height: var(--spacing-36);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-9 {
    height: var(--spacing-9);
  }
  .h-10 {
    height: var(--spacing-10);
  }
  .h-11 {
    height: var(--spacing-11);
  }
  .h-12 {
    height: var(--spacing-12);
  }
  .h-\[0px\] {
    height: 0px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[343px\] {
    max-height: 343px;
  }
  .w-5 {
    width: var(--spacing-5);
  }
  .w-9 {
    width: var(--spacing-9);
  }
  .w-12 {
    width: var(--spacing-12);
  }
  .w-14 {
    width: var(--spacing-14);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[768px\] {
    max-width: 768px;
  }
  .max-w-\[1024px\] {
    max-width: 1024px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .min-w-20 {
    min-width: var(--spacing-20);
  }
  .flex-1 {
    flex: 1;
  }
  .\!-translate-y-\[50\%\] {
    --tw-translate-y: calc(50% * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-16 {
    grid-template-columns: repeat(16, 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-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .tw-justify-center {
    justify-content: center;
  }
  .gap-0 {
    gap: var(--spacing-0);
  }
  .gap-1 {
    gap: var(--spacing-1);
  }
  .gap-1\.5 {
    gap: var(--spacing-1\.5);
  }
  .gap-2 {
    gap: var(--spacing-2);
  }
  .gap-3 {
    gap: var(--spacing-3);
  }
  .gap-4 {
    gap: var(--spacing-4);
  }
  .gap-5 {
    gap: var(--spacing-5);
  }
  .gap-8 {
    gap: var(--spacing-8);
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .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-none {
    border-radius: 0;
  }
  .rounded-none {
    border-radius: var(--radius-none);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .bg-scheme-bg {
    background-color: var(--color-scheme-bg);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: var(--spacing-0) !important;
  }
  .px-0 {
    padding-inline: var(--spacing-0);
  }
  .px-2 {
    padding-inline: var(--spacing-2);
  }
  .px-6 {
    padding-inline: var(--spacing-6);
  }
  .px-7 {
    padding-inline: var(--spacing-7);
  }
  .py-6 {
    padding-block: var(--spacing-6);
  }
  .pt-11 {
    padding-top: var(--spacing-11);
  }
  .\!pr-3 {
    padding-right: var(--spacing-3) !important;
  }
  .pb-0\.5 {
    padding-bottom: var(--spacing-0\.5);
  }
  .\!pl-3 {
    padding-left: var(--spacing-3) !important;
  }
  .tw-text-center {
    text-align: center;
  }
  .\!text-\[20px\]\/\[1\.4\] {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .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);
    font-weight: var(--font-weight-normal);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-\[var\(--lh-heading-color\)\] {
    color: var(--lh-heading-color) !important;
  }
  .text-scheme-text {
    color: var(--color-scheme-text);
  }
  .normal-case {
    text-transform: none;
  }
  .not-italic {
    font-style: normal;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .shadow-\[0_0_10px_2px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 0 10px 2px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[text-orientation\:mixed\] {
    text-orientation: mixed;
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .max-lg\:flex-col {
    @media (width < 1024px) {
      flex-direction: column;
    }
  }
  .max-lg\:text-center {
    @media (width < 1024px) {
      text-align: center;
    }
  }
  .max-sm\:mb-14 {
    @media (width < 640px) {
      margin-bottom: var(--spacing-14);
    }
  }
  .max-sm\:\!gap-y-8 {
    @media (width < 640px) {
      row-gap: var(--spacing-8) !important;
    }
  }
  .sm\:top-10 {
    @media (width >= 640px) {
      top: var(--spacing-10);
    }
  }
  .sm\:left-\[-56px\] {
    @media (width >= 640px) {
      left: -56px;
    }
  }
  .sm\:-order-1 {
    @media (width >= 640px) {
      order: calc(1 * -1);
    }
  }
  .sm\:col-span-8 {
    @media (width >= 640px) {
      grid-column: span 8 / span 8;
    }
  }
  .sm\:mt-0\.5 {
    @media (width >= 640px) {
      margin-top: var(--spacing-0\.5);
    }
  }
  .sm\:mt-2\.5 {
    @media (width >= 640px) {
      margin-top: var(--spacing-2\.5);
    }
  }
  .sm\:mt-5 {
    @media (width >= 640px) {
      margin-top: var(--spacing-5);
    }
  }
  .sm\:mt-10 {
    @media (width >= 640px) {
      margin-top: var(--spacing-10);
    }
  }
  .sm\:mb-3 {
    @media (width >= 640px) {
      margin-bottom: var(--spacing-3);
    }
  }
  .sm\:mb-6 {
    @media (width >= 640px) {
      margin-bottom: var(--spacing-6);
    }
  }
  .sm\:mb-10 {
    @media (width >= 640px) {
      margin-bottom: var(--spacing-10);
    }
  }
  .sm\:h-5\.5 {
    @media (width >= 640px) {
      height: calc(var(--spacing) * 5.5);
    }
  }
  .sm\:h-12 {
    @media (width >= 640px) {
      height: var(--spacing-12);
    }
  }
  .sm\:h-\[45px\] {
    @media (width >= 640px) {
      height: 45px;
    }
  }
  .sm\:max-h-\[784px\] {
    @media (width >= 640px) {
      max-height: 784px;
    }
  }
  .sm\:w-6 {
    @media (width >= 640px) {
      width: var(--spacing-6);
    }
  }
  .sm\:tw-items-center {
    @media (width >= 640px) {
      align-items: center;
    }
  }
  .sm\:tw-justify-center {
    @media (width >= 640px) {
      justify-content: center;
    }
  }
  .sm\:gap-0\.5 {
    @media (width >= 640px) {
      gap: var(--spacing-0\.5);
    }
  }
  .sm\:gap-2\.5 {
    @media (width >= 640px) {
      gap: var(--spacing-2\.5);
    }
  }
  .sm\:gap-5 {
    @media (width >= 640px) {
      gap: var(--spacing-5);
    }
  }
  .sm\:gap-6 {
    @media (width >= 640px) {
      gap: var(--spacing-6);
    }
  }
  .sm\:gap-12 {
    @media (width >= 640px) {
      gap: var(--spacing-12);
    }
  }
  .sm\:gap-\[24\.5px\] {
    @media (width >= 640px) {
      gap: 24.5px;
    }
  }
  .sm\:px-3 {
    @media (width >= 640px) {
      padding-inline: var(--spacing-3);
    }
  }
  .sm\:px-4 {
    @media (width >= 640px) {
      padding-inline: var(--spacing-4);
    }
  }
  .sm\:px-6 {
    @media (width >= 640px) {
      padding-inline: var(--spacing-6);
    }
  }
  .sm\:py-7 {
    @media (width >= 640px) {
      padding-block: var(--spacing-7);
    }
  }
  .sm\:tw-text-center {
    @media (width >= 640px) {
      text-align: center;
    }
  }
  .md\:right-\[24px\] {
    @media (width >= 768px) {
      right: 24px;
    }
  }
  .md\:left-\[24px\] {
    @media (width >= 768px) {
      left: 24px;
    }
  }
  .md\:h-12 {
    @media (width >= 768px) {
      height: var(--spacing-12);
    }
  }
  .md\:w-12 {
    @media (width >= 768px) {
      width: var(--spacing-12);
    }
  }
  .md\:min-w-24 {
    @media (width >= 768px) {
      min-width: var(--spacing-24);
    }
  }
  .lg\:col-span-5 {
    @media (width >= 1024px) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-11 {
    @media (width >= 1024px) {
      grid-column: span 11 / span 11;
    }
  }
  .lg\:mt-10 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-10);
    }
  }
  .lg\:\!tw-flex {
    @media (width >= 1024px) {
      display: flex !important;
    }
  }
  .lg\:block {
    @media (width >= 1024px) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .lg\:tw-flex {
    @media (width >= 1024px) {
      display: flex;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 1024px) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-35 {
    @media (width >= 1024px) {
      width: calc(var(--spacing) * 35);
    }
  }
  .lg\:w-\[620px\] {
    @media (width >= 1024px) {
      width: 620px;
    }
  }
  .lg\:flex-row {
    @media (width >= 1024px) {
      flex-direction: row;
    }
  }
  .lg\:tw-items-center {
    @media (width >= 1024px) {
      align-items: center;
    }
  }
  .lg\:tw-items-end {
    @media (width >= 1024px) {
      align-items: flex-end;
    }
  }
  .lg\:justify-between {
    @media (width >= 1024px) {
      justify-content: space-between;
    }
  }
  .lg\:tw-justify-center {
    @media (width >= 1024px) {
      justify-content: center;
    }
  }
  .lg\:gap-1 {
    @media (width >= 1024px) {
      gap: var(--spacing-1);
    }
  }
  .lg\:px-6 {
    @media (width >= 1024px) {
      padding-inline: var(--spacing-6);
    }
  }
  .lg\:py-8 {
    @media (width >= 1024px) {
      padding-block: var(--spacing-8);
    }
  }
  .lg\:tw-text-center {
    @media (width >= 1024px) {
      text-align: center;
    }
  }
  .xl\:w-\[788px\] {
    @media (width >= 1280px) {
      width: 788px;
    }
  }
}
.lh-hidden {
  display: none;
}
.lh-grid {
  display: grid;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --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-v2nr9c { .lh-lable{ } }
.lh-v2nr9c { .lh-scheme-1 { --color-tag: #769DBF; } .lh-scheme-2 { --color-tag: #B59B7D; } .lh-scheme-3 { --color-tag: #FFDC83; } .eb-image-with-text-box.eb-container-box { border: 1px solid var(--color-scheme-text-200); } .eb-subheading { margin-bottom: 6px; color: var(--lh-heading-color); } .eb-collection-title { margin-bottom: 56px; } .eb-hero-heading { letter-spacing: -1px; } .\sm\:col-span-5 .eb-content-box { max-width: 524px; padding: 28px; padding-top: 30px; } .\sm\:col-span-5 .eb-content-box .eb-description { max-width: 418px; } .eb-description { margin-bottom: 22px; } @media(min-width: 1200px) { .eb-content-box { padding: 80px; padding-top: 82px; padding-left: 52px; } .order-1 .eb-content-box { padding: 60px; padding-top: 80px; padding-right: 10px; } .eb-image-box { margin-left: -3px; } } @media(min-width: 900px) and (max-width: 1199px) { .eb-content-box { padding: 50px; padding-top: 42px; padding-left: 12px; } .order-1 .eb-content-box { padding: 60px; padding-top: 80px; padding-right: 10px; } .eb-image-box { margin-left: -3px; } } .lh-image-picture img { height: 100%; } .eb-hero-tag.lh-p3 { font-size: 18px; font-style: italic; } .eb-hero-tag { margin-bottom: 12px; color: var(--lh-heading-color); } .eb-collection-text { margin-top: 12px; } .eb-media-image .lh-image-picture { border-radius: 16px; } .eb-scroll-rotate { will-change: transform; transform-origin: center center; pointer-events: none; /* Tránh cản trở click chuột vào các phần tử bên dưới */ } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding-top: calc(var(--lh-container-padding-top) * 20 / 28); padding-bottom: calc(var(--lh-container-padding-bottom) * 20 / 28); } .eb-content-box { padding-left: 8px; padding-right: 60px; padding-block: 16px; } .order-1 .eb-content-box { padding-left: 60px; padding-right: 12px; padding-block: 16px; } } @media(max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) * 14 / 28); padding-bottom: calc(var(--lh-container-padding-bottom) * 20 / 28); } .order-1 { margin-top: 16px; } .order-0 { padding-bottom: 32px !important; padding: 8px; } .eb-collection-title { margin-bottom: 32px; } .eb-description { margin-bottom: 12px; } } }.lh-4i91wv { .lh-image-picture { width: 100%; } .eb-marquee-wrapper { animation: var(--marquee-speed) linear infinite; } .eb-marquee-content { gap: var(--gap); padding: 0 calc(var(--gap)/2) } .eb-marquee-wrapper.paused { animation-play-state: paused; } .eb-text-scrolling{ border-top: 1px solid var(--color-scheme-text-200); } .item { gap: var(--gap); } .eb-marquee-text{ font-weight: 400; } .eb-marquee-dot { width: var(--image-width-desktop); } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding-top: calc(var(--lh-container-padding-top) * 14 / 16); padding-bottom: calc(var(--lh-container-padding-bottom) * 14 / 16); } .eb-marquee-wrapper { animation: var(--marquee-speed-tablet) linear infinite; } .eb-marquee-content { gap: var(--gap-tablet); padding: 0 calc(var(--gap-tablet)/2) } .item { gap: var(--gap-tablet); } .eb-marquee-dot { width: var(--image-width-tablet); } } @media (max-width: 639px) { .lh-container { padding-top: calc(var(--lh-container-padding-top) * 75 / 80); padding-bottom: calc(var(--lh-container-padding-bottom) * 80 / 80); padding-left: 16px; padding-right: 16px; } .eb-marquee-wrapper { animation: var(--marquee-speed-mobile) linear infinite; } .eb-marquee-content { gap: var(--gap-mobile); padding: 0 calc(var(--gap-mobile)/2) } .item { gap: var(--gap-mobile); } .eb-marquee-dot { width: var(--image-width-mobile); } } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } @keyframes scroll-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); } }.lh-6u5ts4 { * { font-optical-sizing: none; } .eb-header-subheading { color: var(--lh-heading-color); } .lh-image-picture .eb-image { aspect-ratio: 2/1; object-fit: cover; height: auto; } .eb-image-with-text { border-top: 1px solid var(--color-scheme-text-200); } .eb-thumb-item { height: auto; margin-top: auto; margin-bottom: auto; } .eb-text { display: flex; align-items: center; margin-top: 4px; } @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) * 12 / 28); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 38 / 80); } } }.lh-xlmac0 { .eb-image-with-text-2 { border-top: 1px solid var(--color-scheme-text-200); } .eb-grid-layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: stretch; } .eb-card-media { grid-column: span 12 / span 12; overflow: hidden; position: relative; } .eb-image-icon { width: 112px; height: unset; margin-bottom: 4px; } .eb-scroll-rotate { will-change: transform; transform-origin: center center; pointer-events: none; } .eb-item-title{ margin-top: 16px; } .eb-image-inner { width: 100%; height: 100%; transition: all 500ms cubic-bezier(0, 0, 0.2, 1); } .eb-image-wrapper { border-radius: 12px; overflow: hidden; display: flex; width: 100%; } .eb-image-block .eb-image-wrapper { aspect-ratio: 5 / 7; } .flex-column { display: flex; flex-direction: row; gap: 23px; } .eb-content { display: flex; flex-direction: column; gap: 16px; padding-block: 32px; height: 100%; border-radius: 24px; } .eb-heading { margin-bottom: 16px!important; } .eb-subheading { text-transform: uppercase; letter-spacing: 2px; } .eb-button { margin-top: 24px; } @media(min-width: 640px) and (max-width: 1023px) { .eb-content { gap: 12px; padding: 48px 24px; height: 100%; border-radius: 16px; } .eb-grid-layout { gap: 24px; } .eb-card-media-main { order: -1; } } @media(min-width: 1024px) { .eb-grid-layout { grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 24px; } .eb-item-title{ margin-top: 20px; } .eb-card-media { grid-column: span 4 / span 4; } .eb-two-image { grid-column: span 5 / span 5; } .eb-image-wrapper-main { border-radius: 24px !important; max-width: 438px; aspect-ratio: 4/5; } .eb-image-wrapper { border-radius: 12px; overflow: hidden; display: flex; width: 100%; } .eb-image-block .eb-image-wrapper { aspect-ratio: 5 / 7; max-width: 266.5px; } } @media(min-width: 640px) and (max-width: 1023px) { .eb-card-media { grid-column: span 12 / span 12; } } @media(max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) * 38 / 80); padding-bottom: calc(var(--lh-container-padding-bottom) * 40 / 80); } .eb-card-media-main { order: -1; } .eb-grid-layout { gap: 32px; } .eb-card-media { max-width: 343px; } .flex-column { display: flex; flex-direction: row; gap: 16px; } .eb-content { gap: 12px; padding: 48px 24px; height: 100%; border-radius: 16px; } .eb-image-icon { margin-bottom: 0px; } .eb-button { margin-top: 20px; } } .eb-image-wrapper-main { border-radius: 24px !important; aspect-ratio: 4/5; } .eb-image-block { width: 100%; display: flex; flex-direction: column; } .eb-text-content { margin-top: 0px; display: flex; flex-direction: column; gap: 0px; } }.lh-actlol { .eb-link-button { text-decoration-line: none !important; color: var(--lh-heading-color); } .eb-icon-with-text { border-top: 1px solid var(--color-scheme-text-200); } .eb-item-title { color: var(--lh-heading-color); font-weight: 600; } .lh-slider-wrapper[data-pagination="dots"] .lh-slider-pagination.active { background-color: var(--lh-heading-color); } .lh-slider-nav-left { top: 74.2%; transform: translateY(-50%); } .lh-slider-nav-right { top: 74.2%; transform: translateY(-50%); } .lh-image-picture[data-ratio="default"] img { scale: 3; } @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) * 39 / 80); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 14 / 28); } .lh-slider-nav-right { top: 75.4%; } .lh-slider-nav-left { top: 75.4%; } } }.lh-gzqt6g { .lh-scheme-1 { --color-border: var(--color-scheme-text-200); --color-bg-component: var(--color-scheme-text-50); --color-bg-bar: var(--color-scheme-text-100); --color-tag: #769DBF; } .lh-scheme-2 { --color-border: var(--color-scheme-text-300); --color-bg-component: var(--color-scheme-text-100); --color-bg-bar: var(--color-scheme-text-200); --color-tag: #B59B7D; } .lh-scheme-3 { --color-border: var(--color-scheme-text-200); --color-bg-component: var(--color-scheme-text-800); --color-bg-bar: var(--color-scheme-text-600); --color-tag: #FFDC83; } .lh-text-color-heading { color: var(--lh-heading-color); } .eb-featured-product { border-top: 1px solid var(--color-scheme-text-200); } .lh-color-text { color: #3E2828; } .lh-sold-out-badge { background-color: var(--lh-other-sold-out-bg-color); } .eb-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); align-items: stretch; column-gap: 0px; padding: 48px; border-radius: 24px; padding-bottom: 72px; } .lh-save-price { font-size: 12px; } .eb-product-media-wrapper { & { position: sticky; top: 0; width: 100%; height: fit-content; } .eb-media-product { & { width: 100%; } } .eb-media-content { width: 100%; border-radius: 16px; overflow: hidden; } } .lh-carousel { & { position: relative; } .lh-slider-wrapper { & { position: relative; overflow: hidden; } .lh-slide-item { position: relative; user-select: none; } } .lh-slider-pagination-wrp { display: flex; align-items: center; justify-content: center; text-align: center; padding-top: 40px; } .lh-slider-nav-left, .lh-slider-nav-right { position: absolute; left: 12px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background-color: var(--lh-heading-color); color: var(--lh-background-color); border-radius: 9999px; transition: all .3s ease-in-out; cursor: pointer; } .lh-slider-nav-right { left: unset; right: 42px; } .lh-slider-pagination-wrapper { flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } .lh-slider-pagination-total { justify-content: center; align-items: center; border-radius: 9999px; padding: 4px 8px; background-color: var(--lh-background-color); } .lh-slider-pagination-progress { width: 60%; height: 4px; align-items: center; justify-content: center; background-color: var(--color-bg-bar); border-radius: 12px; overflow: hidden; } .lh-slider-pagination-progress>span { position: absolute; left: 0; height: 100%; display: block; background-color: var(--lh-heading-color); transition: all .3s ease-in-out; } } .eb-product-media { & { height: fit-content; } .lh-image-picture { position: relative; width: 100%; display: block; } } .eb-product-thumb-slide { & { display: block; position: relative; } .lh-slide-item { &.is-active .eb-item-img::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px var(--lh-btn-pr-border-color); border-radius: inherit; overflow: hidden; } &.is-active .eb-item-img { opacity: 1; } .eb-item-img { position: relative; display: block; border-radius: 8px; overflow: hidden; transition: all .3s ease; } } } @media (min-width: 1024px) { .eb-product-box { padding-left: 56px; padding-top: 25px; padding-right: 16px; } .eb-text-heading{ min-width: 120px; } } .eb-product-info-wrapper { & { padding: 0px; border-radius: 24px; background-color: var(--lh-background-color); } .eb-product-box { & { position: sticky; top: 0; display: flex; flex-direction: column; } &>*:last-child { margin-bottom: 0px !important; } } .eb-product-badges { & { display: flex; flex-wrap: wrap; gap: 8px; } .eb-product-badge { font-size: 12px; letter-spacing: 0.2px; font-weight: 500; padding: 6px 12px; border-radius: 9999px; text-transform: capitalize; } .eb-other-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .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); } .eb-other-badge:nth-child(2n+1) { background-color: var(--lh-other-tag-1-bg-color); color: var(--lh-other-tag-1-text-color); } .eb-other-badge:nth-child(2n) { background-color: var(--lh-other-tag-2-bg-color); color: var(--lh-other-tag-2-text-color); } } .eb-product-title { margin-bottom: 8px; } .lh-price-box { & { display: flex; align-items: center; gap: 8px; } .lh-old-price { color: var(--color-scheme-text-500); text-decoration-line: line-through; font-size: 18px; } } .eb-product-attribute { .eb-product-attribute-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-block: 12px; } .eb-product-attribute-item { display: flex; flex-direction: column; align-items: center; justify-content: start; text-align: center; gap: 10px; } .eb-attribute-icon { width: 32px; height: 32px; } .eb-attribute-info { display: flex; flex-direction: column; align-items: center; gap: 4px; } } .lh-swatch-option { display: flex; flex-direction: column; gap: 24px; } .eb-quantity-selector { & { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; } .lh-product_quantity { display: flex; flex-direction: column; gap: 8px; } .lh-quantity-wrapper { display: flex; align-items: center; padding-inline: 23px; background-color: var(--color-bg-component); height: 48px; border-radius: 9999px; } .form-control { width: 76px; border: none; outline: none; text-align: center; font-size: 14px; letter-spacing: 0px; background-color: inherit; } } .eb-add-to-cart-wrapper { width: 100%; display: flex; flex-direction: column; align-items: start; gap: 12px; } .eb-icon-with-text { & { display: flex; align-items: stretch; gap: 8px; } .lh-image-picture { flex-shrink: 0; } .eb-icon-item { & { border: 1px solid var(--color-scheme-text-200); padding-inline: 15px; padding-block: 8px; max-width: fit-content; flex: 1; display: flex; align-items: center; gap: 8px; border-radius: 9999px; } span { width: 20px; color: var(--lh-heading-color); } } .eb-text-description { font-size: 12px; letter-spacing: 0.05px; } } .eb-faqs { & { display: flex; flex-direction: column; gap: 12px } .eb-faq-content { & { padding-inline: 24px; border-radius: 12px; background-color: var(--color-bg-component); overflow: hidden; } &.active .eb-item-answer { height: auto; padding-bottom: 20px; } &.active .eb-faq-icon { transform: rotate(0deg); } } .eb-item-question { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 16px; } .eb-item-answer { height: 0; transition: all 0.3s ease-in; } .eb-faq-icon-wrapper { position: relative; } .eb-faq-icon { transition: all .3s ease-in-out; transform: rotate(-180deg); } .eb-faq-icon-se { position: absolute; inset: 0; } .eb-meta-object-list { & { display: block; padding: 0; } &>li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0 11px; margin: 0; list-style: none; border-bottom: solid 1px var(--color-border); } &>li:last-child { border: none; padding-bottom: 12px; } &>li::before { content: none; } } } .eb-payment-method { width: 100%; display: flex; gap: 16px; } .eb-product-badges, .eb-vendor, .lh-product-description-wrapper, .lh-main-product-price, .product-sku { margin-bottom: 24px; } .eb-product-summary, .eb-product-attribute, .lh-swatch-option, .lh-product-inventory, .eb-quantity-selector, .eb-add-to-cart-wrapper, .eb-icon-with-text, .eb-faqs, .eb-payment-method { margin-bottom: 24px; } } .eb-text-color-heading { color: var(--lh-heading-color); } .lh-color-border { border-color: var(--color-scheme-text-200); } .lh-color-btn-se { color: var(--lh-btn-se-label-color); background-color: var(--lh-btn-se-background-color); } .lh-app-block { margin-bottom: 8px; } .product__description ul, .lh-desc-content ul { padding-left: 24px; list-style: none; } .product__description ul+*, .lh-desc-content ul+* { margin-top: 14px; } .product__description p+*, .lh-desc-content p+* { margin-top: 14px; } .product__description p+li, .lh-desc-content p+li { margin-top: 12px; } .product__description li+*, .lh-desc-content li+* { margin-top: 6px; } .product__description li, .lh-desc-content li { position: relative; } .product__description li::before, .lh-desc-content li::before { position: absolute; content: ""; width: 4px; height: 4px; top: 11px; left: -13px; background: var(--color-scheme-text); border-radius: 100%; } .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-product-description-wrapper:not(.active):not(.active-main) .lh-desc-content::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; pointer-events: none; } .lh-btn[disabled] { opacity: 0.7; } .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; } .eb-product-media .lh-slide-item { scroll-margin-bottom: 0; } .lh-image-picture.lh-ratio-auto img { height: auto; } .single-option-selector { color: var(--lh-heading-color); padding-inline: 12px; padding-block: 13px; font-size: 14px; font-weight: 400; border: 1px solid var(--color-scheme-text-200); } .lh-product-media--thumbs .lh-slider-content { visibility: hidden; opacity: 0; transition: opacity 0.2s ease; } .lh-on-sale .lh-old-price { color: var(--color-scheme-text-500); } .lh-button-zoom:hover { transform: scale(1.1); } .lh-on-sale .lh-special-price { color: var(--lh-other-sale-price-color); } .lh-special-price { color: var(--lh-heading-color); font-size: 18px; } .in-stock .lh-inventory-text { letter-spacing: 0.1px; color: #146742; } .low-stock .lh-inventory-text { letter-spacing: 0.1px; color: var(--lh-other-sale-price-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,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.00032 12.1126L4.76872 14.049C4.62596 14.1394 4.47671 14.1781 4.32097 14.1652C4.16523 14.1523 4.02896 14.1006 3.91216 14.0103C3.79535 13.9199 3.7045 13.8071 3.63961 13.6718C3.57472 13.5365 3.56174 13.3847 3.60068 13.2163L4.45724 9.55653L1.59553 7.0973C1.46575 6.98112 1.38476 6.84867 1.35258 6.69995C1.32039 6.55124 1.32999 6.40614 1.38139 6.26465C1.43278 6.12316 1.51065 6.00698 1.615 5.9161C1.71934 5.82522 1.8621 5.76712 2.04328 5.74182L5.81997 5.41263L7.28002 1.96584C7.34491 1.81092 7.44563 1.69474 7.58216 1.61728C7.71869 1.53983 7.85808 1.5011 8.00032 1.5011C8.14256 1.5011 8.28195 1.53983 8.41848 1.61728C8.55501 1.69474 8.65572 1.81092 8.72061 1.96584L10.1807 5.41263L13.9574 5.74182C14.1391 5.76764 14.2818 5.82573 14.3856 5.9161C14.4895 6.00646 14.5673 6.12265 14.6192 6.26465C14.6712 6.40665 14.681 6.55201 14.6488 6.70073C14.6167 6.84944 14.5354 6.98164 14.4051 7.0973L11.5434 9.55653L12.4 13.2163C12.4389 13.3842 12.4259 13.536 12.361 13.6718C12.2961 13.8076 12.2053 13.9204 12.0885 14.0103C11.9717 14.1001 11.8354 14.1517 11.6797 14.1652C11.5239 14.1786 11.3747 14.1399 11.2319 14.049L8.00032 12.1126Z'/%3E%3C/svg%3E") center / contain no-repeat; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.00032 12.1126L4.76872 14.049C4.62596 14.1394 4.47671 14.1781 4.32097 14.1652C4.16523 14.1523 4.02896 14.1006 3.91216 14.0103C3.79535 13.9199 3.7045 13.8071 3.63961 13.6718C3.57472 13.5365 3.56174 13.3847 3.60068 13.2163L4.45724 9.55653L1.59553 7.0973C1.46575 6.98112 1.38476 6.84867 1.35258 6.69995C1.32039 6.55124 1.32999 6.40614 1.38139 6.26465C1.43278 6.12316 1.51065 6.00698 1.615 5.9161C1.71934 5.82522 1.8621 5.76712 2.04328 5.74182L5.81997 5.41263L7.28002 1.96584C7.34491 1.81092 7.44563 1.69474 7.58216 1.61728C7.71869 1.53983 7.85808 1.5011 8.00032 1.5011C8.14256 1.5011 8.28195 1.53983 8.41848 1.61728C8.55501 1.69474 8.65572 1.81092 8.72061 1.96584L10.1807 5.41263L13.9574 5.74182C14.1391 5.76764 14.2818 5.82573 14.3856 5.9161C14.4895 6.00646 14.5673 6.12265 14.6192 6.26465C14.6712 6.40665 14.681 6.55201 14.6488 6.70073C14.6167 6.84944 14.5354 6.98164 14.4051 7.0973L11.5434 9.55653L12.4 13.2163C12.4389 13.3842 12.4259 13.536 12.361 13.6718C12.2961 13.8076 12.2053 13.9204 12.0885 14.0103C11.9717 14.1001 11.8354 14.1517 11.6797 14.1652C11.5239 14.1786 11.3747 14.1399 11.2319 14.049L8.00032 12.1126Z'/%3E%3C/svg%3E") center / contain no-repeat; } .lh-rating-star span::before { content: ''; position: absolute; inset: 0; background: #ffc107; 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-badge-tag { font-size: 12px; font-weight: 600; letter-spacing: 0px; } .lh-copy-url svg { width: 100%; height: 100%; } .lh-sale-badge { background-color: var(--lh-other-sale-bg-color); color: var(--lh-other-sale-text-color); } .lh-wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; align-items: stretch; } @media (min-width: 1024px) { .lh-button-zoom { opacity: 0; } .lh-slide-item:hover .lh-button-zoom { opacity: 1; } .eb-product-media-wrapper { .eb-media-product { &[data-thumbs-desktop='true'] .lh-slider-pagination-wrp { display: none; } &[data-thumbs-desktop="false"] .eb-product-thumb-slide { display: none; } } } } @media (max-width: 1023px) { .eb-product-info-wrapper { & .eb-product-attribute { & .eb-product-attribute-wrapper { grid-template-columns: repeat(2, 1fr); gap: 16px } } .lh-product_quantity{ width: 100%; } .eb-icon-with-text { flex-direction: column; gap: 10px; } .eb-payment-method { flex-direction: column; } } } @media (min-width: 640px) { .eb-product-media-wrapper { &.width-small { grid-column: span 5; } &.width-medium { grid-column: span 6; } &.width-large { grid-column: span 7; } } .eb-product-info-wrapper { &.width-small { grid-column: span 7; } &.width-medium { grid-column: span 6; } &.width-large { grid-column: span 5; } } } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding-top: calc(var(--lh-container-padding-top, 0) * 20 / 28); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 20 / 28); } .eb-wrapper { column-gap: 20px; padding: 36px; } .eb-icon-with-text { gap: 10px; } .eb-product-media-wrapper { .eb-media-product { &[data-thumbs-tablet='true'] .lh-slider-pagination-wrp { display: none; } &[data-thumbs-tablet="false"] .eb-product-thumb-slide { display: none; } } } .lh-carousel { .lh-slider-pagination-wrp { padding-top: 32px; } .lh-slider-nav-left, .lh-slider-nav-right { display: none; } } .eb-product-info-wrapper { & { padding: 0px; } } } @media (max-width: 639px) { .single-option-selector { padding-inline: 12px; padding-block: 12px; font-size: 14px; font-weight: 400; border: 1px solid var(--color-scheme-text-200); } .eb-payment-method { gap: 8px !important; } .lh-swatch-color .lh-swatch-box { gap: 7px !important; } .lh-quantity-wrapper { padding-inline: 0px; } .eb-wrapper { row-gap: 17px; column-gap: unset; padding: 20px; border-radius: 24px; padding-bottom: 20px; } .eb-product-media-wrapper, .eb-product-info-wrapper { position: relative; } .eb-product-media-wrapper { & { grid-column: span 12; } .eb-media-content { border-radius: 16px; overflow: hidden; } .eb-media-product { &[data-thumbs-mobile='true'] .lh-slider-pagination-wrp { display: none; } .lh-slider-pagination-wrp { padding-top: 24px; } .eb-product-thumb-slide { margin-top: 8px; } &[data-thumbs-mobile="false"] .eb-product-thumb-slide { display: none; } } } .lh-carousel { .lh-slider-pagination-wrp { padding-top: 20px; } .lh-slider-nav-left, .lh-slider-nav-right { display: none; } } .eb-product-info-wrapper { & { grid-column: span 12; padding: 4px 0px; border-radius: 20px; } .eb-product-attribute { .eb-product-attribute-wrapper { padding-block: 8px; } } .eb-quantity-selector { & { flex-direction: column; } .lh-product_quantity { height: 78px; width: 100%; } .lh-quantity-wrapper { width: 100%; } .form-control { width: 100%; } .lh-product-button-buy { width: 100%; } } .eb-faqs { .eb-faq-content { & { padding-inline: 20px; } } } .eb-product-badges, .eb-vendor, .lh-product-description-wrapper, .lh-main-product-price, .product-sku { margin-bottom: 24px; } .eb-label-text { padding: 12px; } .eb-product-summary, .eb-product-attribute, .lh-swatch-option, .lh-product-inventory, .eb-quantity-selector, .eb-add-to-cart-wrapper, .eb-icon-with-text, .eb-faqs, .eb-payment-method { margin-bottom: 24px; } .lh-swatch-option { gap: 22px; } } } .lh-swatch .lh-swatch-element.lh-color .lh-swtach-wrp label { background-color: var(--background-color); } .lh-swatch-color .lh-variant-content { display: inline-block !important; } .lh-swatch-color .lh-swatch-box { gap: 9px; } .lh-swatch-element.lh-color+.lh-tooltip { z-index: -1; white-space: nowrap; } .eb-border-variant { background-color: var(--color-scheme-text-50); } .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-swatch-color .lh-sold-out .lh-swtach-wrp::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .lh-swatch .lh-sold-out .lh-swtach-wrp::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0px; height: 1px; border-top: 1px solid var(--lh-heading-color); transform: translate(-50%, -50%) rotate(36deg); transform-origin: center; z-index: 1; } .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-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-heading { color: #081012; } .lh-swatch .lh-swatch-element .lh-swtach-wrp { color: #081012; } .lh-scheme-3 .lh-swatch-element .lh-swtach-wrp { border: 1px solid var(--color-scheme-text-300); } .lh-swatch .lh-swatch-element input:checked+.lh-swtach-wrp { color: var(--lh-background-color); background-color: var(--lh-btn-pr-background-color); } .lh-swatch .lh-swatch-element.lh-color input:checked+.lh-swtach-wrp { background-color: var(--lh-background-color); border: 1px solid var(--lh-heading-color); border-radius: 6px; padding: 4px; } .lh-swatch .lh-swatch-element.lh-color input:checked+.lh-swtach-wrp label { width: 84px; height: 84px; border-radius: 4px; } .lh-swatch .lh-swatch-element.lh-color .lh-swtach-wrp label { width: 96px; height: 96px; border-radius: 8px; } .lh-swatch .lh-swatch-element.lh-color .lh-swtach-wrp { padding: 0; height: fit-content; } .lh-swatch .lh-swatch-element.lh-sold-out { opacity: 0.6; } @media (max-width: 639px) { .lh-swatch .lh-swatch-element.lh-color input:checked+.lh-swtach-wrp label { width: 56px; height: 56px; border-radius: 4px; } .lh-swatch .lh-swatch-element.lh-color .lh-swtach-wrp label { width: 64px; height: 64px; border-radius: 8px; } } :root { --thumb-height: 560px; } .lh-product-inventory .in-stock { color: #146742; padding: 4px 8px; border-radius: 4px; background-color: #BBFFE0; width: fit-content; } .lh-product-inventory .low-stock { color: var(--lh-other-sale-price-color); padding: 4px 8px; border-radius: 4px; background-color: #e3b4b4; width: fit-content; } .lh-product-inventory .out-of-stock { color: rgb(199, 14, 14); } .lh-quantity-wrapper { border: 1px solid var(--color-scheme-text-200); border-radius: 6px; } .lh-variant-label { font-weight: 600; color: var(--lh-heading-color); } .lh-media-thumb.is-active .eb-item-img::before { content: ""; position: absolute; height: 1px; width: 100%; left: 0; bottom: 0; border-bottom: 1px solid var(--lh-heading-color); z-index: 1; } .lh-media-thumb .eb-item-img { opacity: 0.6; transition: all .3s ease-in; } .lh-media-thumb.is-active .eb-item-img { opacity: 1; } .eb-media-product { display: flex; flex-direction: column; } .eb-product-thumb-slide { & .lh-slide-item { flex: unset; } } @media (min-width: 1024px) { .eb-media-product[data-thumbs-desktop="true"][data-position-thumbs="bottom"] .lh-product-thumb-bottom { margin-inline: auto; } .eb-media-product { &[data-thumbs-desktop="true"] { &:not([data-position-thumbs="bottom"]) { display: flex; flex-direction: row; } &:not([data-position-thumbs="bottom"]) .eb-product-thumb-slide { & { margin-top: calc(var(--data-gap) * -1); } .lh-slide-item { padding-left: 0; padding-top: var(--data-gap); } .lh-slider-content { max-height: var(--thumb-height); flex-direction: column; overflow: visible; scrollbar-width: none; -ms-overflow-style: none; } .lh-slider-content::-webkit-scrollbar { display: none; } } &[data-position-thumbs="left"] { .eb-product-media { flex: 1; order: 2; } .eb-product-thumb-slide { margin-right: 16px; margin-left: 0px; } .lh-slider-nav-left { left: 88px; } } &[data-position-thumbs="right"] { .eb-product-media { flex: 1; order: 0; } .eb-product-thumb-slide { margin-left: 16px; } .lh-slider-nav-right { right: calc(12px + 16px + 96px); } } &[data-position-thumbs="bottom"] { .eb-product-thumb-slide { margin-top: -40px; } } } .eb-product-thumb-slide { & .eb-item-img { width: 80px; } } } } @media (min-width: 640px) and (max-width: 1023px) { .eb-media-product[data-thumbs-desktop="true"][data-position-thumbs="bottom"] .lh-product-thumb-bottom { margin-inline: auto; } .eb-media-product { &[data-thumbs-tablet="true"] { &:not([data-position-thumbs-tablet="bottom"]) { display: flex; flex-direction: row; } &[data-position-thumbs-tablet="bottom"] { .eb-product-thumb-slide { margin-top: -32px; } } .eb-product-thumb-slide { & .eb-item-img { width: 64px; } .lh-slide-item { flex: unset !important; } } } } } @media (max-width: 639px) { .eb-media-product { & .eb-product-thumb-slide { & .eb-item-img { width: 48px; } } } } .lh-layout-image-first>div:first-child { order: 2; } .lh-image-picture img { border-radius: 16px; } .lh-countdown-item { border-radius: 16px; padding-inline: 2px; padding-top: 1px; padding-bottom: 4px; } .lh-subheading { text-transform: uppercase !important; color: var(--lh-heading-color) !important; } .lh-countdown-wrapper { justify-content: space-between; background-color: #FFF3C0; padding-inline: 24px; padding-block: 10px; margin-bottom: 25px; border-radius: 8px; } .lh-text, .lh-title { color: var(--lh-heading-color); } .lh-countdown-text { color: #100A0A; } .lh-countdown-wrapper.time-out[countdown-action-time-out="hide"] { display: none; } .lh-countdown-spacer { padding: 6px; padding-bottom: 30px; width: 16px; height: fit-content; color: var(--lh-heading-color); align-self: center; } .lh-countdown-spacer:first-child { padding-left: 8px; } @media (max-width: 1400px) { .lh-countdown-wrapper { justify-content: center; text-align: center; } } @media (min-width: 992px) { .lh-countdown-number { display: flex; padding: 4px; padding-left: 3px; padding-top: 6px; padding-bottom: 0px; justify-content: center; gap: 1px; align-self: stretch; width: 55px; height: auto; border-radius: 12px; color: #100A0A; } } @media (min-width: 501px) and (max-width: 991px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) * 0.75); padding-bottom: calc(var(--lh-container-padding-bottom) * 0.75); } .lh-image-picture img { border-radius: 16px; } .lh-countdown-number { display: flex; justify-content: center; padding: 4px; gap: 1px; align-self: stretch; width: 38px; border-radius: 12px; color: #100A0A; } .lh-countdown-spacer { padding-left: 0px; padding-right: 0px; padding-bottom: 20px; width: 2px; } .lh-countdown-wrapper { justify-content: center; padding-left: 12px; padding-right: 12px; padding-block: 20px; border-radius: 12px; padding-bottom: 8px; margin-bottom: 25px; } } @media (max-width: 500px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) * 40 / 80); padding-bottom: calc(var(--lh-container-padding-bottom) * 14 / 28); } .lh-image-picture img { border-radius: 16px; } .lh-countdown-wrapper { padding-left: 20px; padding-right: 20px; padding-block: 15px; border-radius: 12px; padding-bottom: 0px; margin-bottom: 25px; } .lh-countdown-number { display: flex; justify-content: center; padding: 4px; padding-bottom: 2px; gap: 1px; align-self: stretch; width: 32px; border-radius: 12px; color: #100A0A; } .lh-countdown-spacer { padding-left: 13px; padding-right: 12px; padding-bottom: 20px; width: 16px; } .count-box{ justify-content: center; align-items: center; width: 100%; gap: 32px; } .lh-countdown-item { border-radius: 16px; padding-inline: 0px; padding-top: 0px; padding-bottom: 12px; margin-top: 8px; } } #lh-close-popup { width: 48px; height: 48px; position: absolute; color: var(--lh-heading-color); padding: 16px; right: 0px; top: 0px; cursor: pointer; } .lh-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; padding: 16px; z-index: 1000006; } .lh-size-chart{ font-weight: 400; color: var(--lh-heading-color); } .lh-popup-wrapper { position: relative; padding: 64px 24px; max-width: 600px; max-height: 80vh; background: var(--color-scheme-bg); overflow: hidden; border-radius: 12px; opacity: 0; scale: 0.8; transition: all ease-in-out 0.2s; z-index: 1000007; } .lh-popup-wrapper.active { opacity: 1; scale: 1; } .lh-popup.tw-hidden { display: none; } .lh-popup-content { overflow-y: auto; } @media (max-width: 749px) { .lh-popup-wrapper { padding: 32px 16px; } #lh-close-popup { width: 32px; height: 32px; padding: 10px; } } .lh-button-zoom { position: absolute; right: 20px; top: 20px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 4px; z-index: 1; cursor: pointer; transition: all 0.3s ease-in-out; background-color: var(--lh-background-color); } .lh-lightbox-ct { & { z-index: 999999999; opacity: 0; } &.active { opacity: 1; } .lh-lightbox { & { display: none; position: fixed !important; inset: 0; } &.active { display: flex !important; } &.lh-zoom-in .lh-slide-item { width: 100%; overflow: hidden; user-select: none; } &.lh-zoom-in .lh-slide-item img { cursor: zoom-in; } .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-slide-show:hover .lh-slider-nav-left, &.lh-slide-show:hover .lh-slider-nav-right { opacity: 1; } &.lh-slide-show:hover .lh-slider-pagination-wrapper, &.lh-slide-show:hover .lh-slider-pagination-total, &.lh-slide-show:hover .lh-slider-pagination-progress { display: block; } } .lh-lightbox, .lh-bg-overlay { background-color: rgba(0, 0, 0, 0.85) !important; z-index: 999999999999999999999999999999; } .lh-carousel { & { position: relative; height: 100vh; padding: 44px 0; width: 100%; overflow: hidden; } .lh-lightbox-toolbar { position: absolute; z-index: 100; top: 0; right: 0; } .lh-slider-controls { display: block; } .lh-slider-pagination-wrp { padding-top: 0; margin-top: 10px; } } .lh-slider-wrapper { & { position: relative; overflow: hidden; display: flex; height: 100%; align-items: center; justify-content: center; } &[data-desktop-layout="slider"][data-mobile-layout="slider"] .lh-slider-content { scroll-behavior: auto; } .lh-slider-content { width: 100%; height: 100%; user-select: none; overflow: hidden; } } .lh-lightbox-toolbar, .lh-slider-controls { display: none !important; } &.show-controls .lh-lightbox-toolbar { display: flex !important; } &.show-controls .lh-slider-controls { display: block !important; } .lh-media-lb { & { position: relative !important; width: 100%; height: 100%; display: flex; align-items: center; margin: 0 auto; margin-bottom: 12px; } img { width: 100%; height: 100%; object-fit: contain; margin: 0 auto; display: block; z-index: 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-button--zoom.active, .lh-lightbox-button--thumbs.active { opacity: 1; } .lh-slide-item img { overflow: hidden; border-radius: 24px; transition: transform 0.3s ease; } .lh-thumb-item { & { position: relative; cursor: pointer; border-radius: 6px; overflow: hidden; } &::after { content: ""; position: absolute; inset: 0; border: 4px solid #3498db; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; border-radius: inherit; } &.active::after { opacity: 1; } img { width: 100%; height: 100%; object-fit: cover; } } .media-hover-overlay { position: absolute; inset: 0; width: 70%; height: 100%; background-repeat: no-repeat; background-position: center; cursor: zoom-in; z-index: 500; overflow: hidden; display: flex !important; margin: 0 auto; } #lh-lightbox { & { transition: transform 0.3s ease, opacity 0.3s ease; } &.lh-lightbox-closing { opacity: 0; } } .lh-thumbnails-grid { & { display: none; position: absolute; top: 0; right: 0; height: 100%; width: 90px; overflow-y: auto; background-color: #fff; z-index: 40; } &.open { position: relative; display: block; } .lh-thumbnails-content { display: grid !important; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0.25rem; padding: 0.25rem; } } } /* .lh-lightbox-ct .lh-slider-nav-left { left: 12px; } .lh-lightbox-ct .lh-slider-nav-right { right: 12px; } */ /* .lh-lightbox-ct .lh-lightbox .lh-lightbox-ct .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-ct .lh-carousel.lh-with-thumb { margin-right: 220px; } */ @media (min-width: 1024px) { .lh-lightbox-ct { .lh-thumbnails-grid { width: 220px; } } } @media (max-width: 1023px) { .lh-lightbox-ct { .lh-lightbox-ct { .lh-slider-nav-left, .lh-slider-nav-right { display: none !important; } } .media-hover-overlay { width: 100%; } } } @media (min-width: 640px) and (max-width: 1023px) { .lh-lightbox-ct { .lh-carousel { .lh-with-thumb { margin-right: 150px; } } .lh-media-lb img { max-height: 70%; } } } @media (min-width: 640px) { .lh-lightbox-ct { .lh-thumbnails-grid { & { width: 150px; } .lh-thumbnails-content { grid-template-columns: repeat(2, minmax(0, 1fr)); } } } } } @keyframes pulse { 0% { transform: scale(0.5); opacity: 1; } 70% { transform: scale(1.5); opacity: 0; } 100% { transform: scale(1.5); opacity: 0; } }.lh-sj0e7h { .lh-image-picture { aspect-ratio: auto; height: 100%; } .eb-image-with-text-3{ border-top: 1px solid var(--color-scheme-text-200); } .eb-grid-layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: stretch; } .eb-card-media { grid-column: span 12 / span 12; overflow: hidden; position: relative; } .eb-image-icon { width: 112px; height: unset; margin-bottom: 4px; } .eb-scroll-rotate { will-change: transform; transform-origin: center center; pointer-events: none; } .eb-image-inner { width: 100%; height: 100%; transition: all 500ms cubic-bezier(0, 0, 0.2, 1); } .group:hover .eb-image-inner { transform: scale(1.1); } .eb-image-wrapper { border-radius: 24px; overflow: hidden; display: flex; width: 100%; } .flex-column { display: flex; flex-direction: column; gap: 20px; } .eb-content { display: flex; flex-direction: column; gap: 16px; padding-block: 32px; height: 100%; border-radius: 24px; } .eb-heading { margin-top: 12px; } .eb-button { margin-top: 24px; } @media(min-width: 1023px) { .lh-banner--small .eb-card-media { height: 640px; } .lh-banner--medium .eb-card-media { height: 750px; } .lh-banner--large .eb-card-media { height: 820px; } .eb-grid-layout { gap: 80px; } } @media(min-width: 640px) and (max-width: 1023px) { .lh-banner--small .eb-card-media { height: 330px; } .lh-banner--medium .eb-card-media { height: 450px; } .lh-banner--large .eb-card-media { height: 560px; } .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) * 1); padding-bottom: calc(var(--lh-container-padding-bottom) * 1); } .eb-content { gap: 12px; padding: 0px 12px; height: 100%; border-radius: 16px; } .eb-grid-layout { gap: 24px; } } @media(min-width: 640px) { .eb-card-media { grid-column: span 4 / span 4; } } .eb-position-start { justify-content: start; } .eb-position-center { justify-content: center; } .eb-position-end { justify-content: end; } .eb-alignment-start { text-align: start; align-items: start; } .eb-alignment-center { text-align: center; align-items: center; } .eb-alignment-end { text-align: end; align-items: end; } @media(max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) * 40 / 80); padding-bottom: calc(var(--lh-container-padding-bottom) * 40 / 80); } .eb-grid-layout { gap: 12px; } .eb-content { gap: 4px; padding: 28px 6px; height: 100%; border-radius: 16px; } .eb-heading{ max-width: 160px; } .eb-description{ margin-top: 8px; } .eb-image-icon { margin-bottom: 0px; } .eb-button { margin-top: 20px; } .lh-banner--small .eb-card-media { height: 228.667px; } .lh-banner--medium .eb-card-media { height: 300px; } .lh-banner--large .eb-card-media { height: 345px; } .lh-banner--small .eb-two-image { height: 359px; } .lh-banner--medium .eb-two-image { height: 460px; } .lh-banner--large .eb-two-image { height: 506px; } .lh-banner--small .eb-content { height: 100%; } .lh-banner--medium .eb-content { height: 100%; } .lh-banner--large .eb-content { height: 100%; } } }.lh-ymr4gu { .lh-image-picture { width: 100%; } .eb-marquee-wrapper { animation: var(--marquee-speed) linear infinite; } .eb-marquee-content { gap: var(--gap); padding: 0 calc(var(--gap)/2) } .eb-marquee-wrapper.paused { animation-play-state: paused; } .eb-text-scrolling{ border-top: 1px solid var(--color-scheme-text-200); } .item { gap: var(--gap); } .eb-marquee-text{ font-weight: 400; } .eb-marquee-dot { width: var(--image-width-desktop); } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding-top: calc(var(--lh-container-padding-top) * 14 / 16); padding-bottom: calc(var(--lh-container-padding-bottom) * 14 / 16); } .eb-marquee-wrapper { animation: var(--marquee-speed-tablet) linear infinite; } .eb-marquee-content { gap: var(--gap-tablet); padding: 0 calc(var(--gap-tablet)/2) } .item { gap: var(--gap-tablet); } .eb-marquee-dot { width: var(--image-width-tablet); } } @media (max-width: 639px) { .lh-container { padding-top: calc(var(--lh-container-padding-top) * 75 / 80); padding-bottom: calc(var(--lh-container-padding-bottom) * 81 / 80); padding-left: 16px; padding-right: 16px; } .eb-marquee-wrapper { animation: var(--marquee-speed-mobile) linear infinite; } .eb-marquee-content { gap: var(--gap-mobile); padding: 0 calc(var(--gap-mobile)/2) } .item { gap: var(--gap-mobile); } .eb-marquee-dot { width: var(--image-width-mobile); } } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } @keyframes scroll-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); } }.lh-576rmx { .eb-item-title { font-optical-sizing: none; } .lh-slider-wrapper[data-pagination="dots"] .lh-slider-pagination.active { background-color: var(--lh-heading-color); } .lh-slide-item .eb-item{ margin: 0px; height: -webkit-fill-available; transition: all 0.4s ease-in-out; } .lh-rating-star { --star-percent: calc((var(--rating) + var(--rating-decimal)) / var(--rating-max) * 100%); position: relative; } .lh-rating-star span { width: 18px; height: 18px; 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: #ffc107; left: 0; top: 0; height: 100%; width: calc(clamp(0, var(--rating) - (var(--i) - 1), 1) * 100%); } @media (max-width:639px) { .lh-container { padding-inline: 16px; padding-top: calc(var(--lh-container-padding-top, 0) * 40 / 80); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 40 / 80); } .lh-slide-item .eb-item { margin: 0; } .lh-slide-item.active-main .eb-item { padding-block: 12px !important; } } }.lh-wn96y7 { .lh-scheme-1 { --color-tag: #769DBF; } .lh-scheme-2 { --color-tag: #B59B7D; } .lh-scheme-3 { --color-tag: #FFDC83; } & { font-optical-sizing: none; } .eb-item-title { display: flex; gap: 20px; } .eb-faq-list { overflow: hidden; background-color: var(--lh-background-color); border-top: 1px solid var(--color-scheme-text-200); } .eb-wrapper { width: 100%; display: flex; flex-direction: column; gap: 48px; } .eb-faq-header { & { width: 100%; display: flex; flex-direction: column; gap: 16px; } .eb-button { width: fit-content; margin-top: 16px; } } .eb-faq-body { & { width: 100%; display: flex; flex-direction: column; gap: 12px; padding: 24px; background: #ffffff; border-radius: 24px; } .eb-item { & { padding-inline: 24px; border-radius: 12px; overflow: hidden; background-color: var(--color-scheme-text-50); border: 1px solid var(--color-scheme-text-200); } &.active, &.open-checkbox:first-child { .eb-item-answer { transform: translateY(0); height: auto; pointer-events: auto; padding-bottom: 20px; } .eb-btn-open { transform: rotate(0deg); } } } .lh-scheme-1 & .eb-item { background-color: var(--color-scheme-text-100); } .lh-scheme-3 & .eb-item { background-color: var(--color-scheme-text-800); } .eb-item-question { & { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-block: 19px; cursor: pointer; } .eb-icon-toggle { width: 20px; height: 20px; position: relative; display: flex; align-items: center; } .eb-btn-close, .eb-btn-open { width: 100%; height: 100%; color: var(--lh-heading-color); transition: all .3s ease-in-out; } .eb-btn-open { position: absolute; inset: 0; transform: rotate(-90deg); transform-origin: center; } } .eb-item-answer { height: 0; white-space: pre-line; overflow: hidden; pointer-events: none; transition: all 300ms ease-in-out; } } @media (min-width: 1024px) { .eb-wrapper { margin-inline: auto; max-width: 896px; } } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding-top: calc(var(--lh-container-padding-top)* 20 / 28); padding-bottom: calc(var(--lh-container-padding-bottom)* 20 / 28); } .eb-wrapper { gap: 40px; } } @media (max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top) * 14 / 28); padding-bottom: calc(var(--lh-container-padding-bottom) * 14 / 28); } .eb-wrapper { gap: 32px; } .eb-item-title { display: flex; gap: 12px; align-items: center; } .eb-faq-header { & { gap: 16px; } .eb-button { margin-top: 8px; } } .eb-faq-body { & { width: 100%; display: flex; flex-direction: column; gap: 12px; padding: 20px; background: #ffffff; border-radius: 24px; } .eb-item { padding-inline: 20px; } } } }.lh-os4cqh { .lh-container { padding-top: calc(var(--lh-container-padding-top)*1); padding-bottom: calc(var(--lh-container-padding-bottom)*1); } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding-inline:16px; padding-top: calc(var(--lh-container-padding-top)* 1 + 80px); padding-bottom: calc(var(--lh-container-padding-bottom)* 1); } } @media (max-width: 639px) { .lh-container { padding-inline:16px; padding-top: calc(var(--lh-container-padding-top)* 1 + 56px); padding-bottom: calc(var(--lh-container-padding-bottom)* 1+ 56px); } } .eb-marquee-wrapper { animation: calc(var(--marquee-speed)) linear infinite; height: fit-content; padding: 48px 0; overflow: hidden; flex-direction: column; width: 100%; } .lh-marquee-text { color: var(--lh-background-color); text-shadow: 1px 0 0 var(--lh-heading-color), -1px 0 0 var(--lh-heading-color), 0 1px 0 var(--lh-heading-color), 0 -1px 0 var(--lh-heading-color), 1px 1px 0 var(--lh-heading-color), -1px -1px 0 var(--lh-heading-color), 1px -1px 0 var(--lh-heading-color), -1px 1px 0 var(--lh-heading-color); opacity: 0.4; } .eb-scrolling-content-box:before, .eb-scrolling-content-box:after { content: ""; width: 100%; height: 25%; position: absolute; display: block; left: 0; right: 0; pointer-events: none; z-index: 2; } .eb-image-inner { &{ max-width: 165.5px; } @media (min-width: 640px) { max-width: 222px; } @media (min-width: 1024px) { max-width: 160px; } @media (min-width: 1280px) { max-width: 200px; } @media (min-width: 1536px) { max-width: 248px; } } .eb-scrolling-content-box:before { top: -2px; bottom: auto; background: linear-gradient(180deg, var(--color-scheme-bg, #ffffff) 20%, transparent 100%); } .eb-scrolling-content-box:after { top: auto; bottom: -2px; background: linear-gradient(0deg, var(--color-scheme-bg, #ffffff) 20%, transparent 100%); } .eb-marquee-content { gap: var(--gap); padding: 0px; flex-direction: column; display: flex; } .eb-marquee-wrapper.paused { animation-play-state: paused; } .item { gap: var(--gap); } .lh-marquee-dot { height: 12px; width: 12px; border: 1px solid var(--lh-heading-color); opacity: 0.4; padding: 6px; } @media(max-width: 639px) { .lh-marquee-dot { height: 10px; width: 10px; padding: 5px; } .eb-scrolling-content-box > .eb-scrolling-list-thumbs:nth-of-type(3) { display: none; } .eb-marquee-content { gap: var(--gap-mobile); padding: 0px } } } @keyframes scroll-top { from { transform: translateY(0); } to { transform: translateY(calc(-1 * var(--marquee-height))); } } @keyframes scroll-bottom { from { transform: translateY(calc(-1 * var(--marquee-height))); } to { transform: translateY(0); } }