/** Shopify CDN: Minification failed

Line 1554:35271 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-300: oklch(87.2% 0.01 258.338);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-black: #000;
    --spacing: 4px;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --radius-2xl: 16px;
    --radius-3xl: 24px;
    --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-600: #506079;
    --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-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-12: 48px;
    --spacing-14: 56px;
    --spacing-16: 64px;
    --spacing-20: 80px;
    --spacing-24: 96px;
    --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;
  }
  .fixed {
    position: fixed;
  }
  .tw-relative {
    position: relative;
  }
  .inset-0 {
    inset: var(--spacing-0);
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .right-0 {
    right: var(--spacing-0);
  }
  .right-6 {
    right: var(--spacing-6);
  }
  .right-8 {
    right: var(--spacing-8);
  }
  .right-24 {
    right: var(--spacing-24);
  }
  .bottom-0 {
    bottom: var(--spacing-0);
  }
  .bottom-6 {
    bottom: var(--spacing-6);
  }
  .left-0 {
    left: var(--spacing-0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-6 {
    left: var(--spacing-6);
  }
  .left-8 {
    left: var(--spacing-8);
  }
  .left-24 {
    left: var(--spacing-24);
  }
  .\!z-\[9998\] {
    z-index: 9998 !important;
  }
  .\!z-\[9999\] {
    z-index: 9999 !important;
  }
  .z-5 {
    z-index: 5;
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[1070\] {
    z-index: 1070;
  }
  .order-0 {
    order: 0;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .m-auto {
    margin: auto;
  }
  .my-5 {
    margin-block: var(--spacing-5);
  }
  .mt-1 {
    margin-top: var(--spacing-1);
  }
  .mt-2 {
    margin-top: var(--spacing-2);
  }
  .mt-2\.5 {
    margin-top: var(--spacing-2\.5);
  }
  .mt-3 {
    margin-top: var(--spacing-3);
  }
  .mt-5 {
    margin-top: var(--spacing-5);
  }
  .mt-9 {
    margin-top: var(--spacing-9);
  }
  .mr-1 {
    margin-right: var(--spacing-1);
  }
  .mr-2\.5 {
    margin-right: var(--spacing-2\.5);
  }
  .mb-1 {
    margin-bottom: var(--spacing-1);
  }
  .mb-3 {
    margin-bottom: var(--spacing-3);
  }
  .mb-4 {
    margin-bottom: var(--spacing-4);
  }
  .mb-5 {
    margin-bottom: var(--spacing-5);
  }
  .mb-9 {
    margin-bottom: var(--spacing-9);
  }
  .mb-\[-4px\] {
    margin-bottom: -4px;
  }
  .mb-\[-19px\] {
    margin-bottom: -19px;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .\!block {
    display: block !important;
  }
  .\!inline-block {
    display: inline-block !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-1\/1 {
    aspect-ratio: 1/1;
  }
  .aspect-\[1\/1\] {
    aspect-ratio: 1/1;
  }
  .size-4 {
    width: var(--spacing-4);
    height: var(--spacing-4);
  }
  .size-5 {
    width: var(--spacing-5);
    height: var(--spacing-5);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-0 {
    height: var(--spacing-0);
  }
  .h-10 {
    height: var(--spacing-10);
  }
  .h-11\.5 {
    height: calc(var(--spacing) * 11.5);
  }
  .h-11\.25 {
    height: calc(var(--spacing) * 11.25);
  }
  .h-12 {
    height: var(--spacing-12);
  }
  .h-20 {
    height: var(--spacing-20);
  }
  .h-\[0px\] {
    height: 0px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-auto {
    height: auto;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .w-10 {
    width: var(--spacing-10);
  }
  .w-12 {
    width: var(--spacing-12);
  }
  .w-14 {
    width: var(--spacing-14);
  }
  .w-20 {
    width: var(--spacing-20);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[45px\] {
    width: 45px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[176px\] {
    max-width: 176px;
  }
  .min-w-0 {
    min-width: var(--spacing-0);
  }
  .min-w-20 {
    min-width: var(--spacing-20);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .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-3 {
    gap: var(--spacing-3) !important;
  }
  .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-\[7px\] {
    gap: 7px;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[999px\] {
    border-radius: 999px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-none {
    border-radius: var(--radius-none);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .\[border-color\:var\(--color-scheme-text-100\)\] {
    border-color: var(--color-scheme-text-100);
  }
  .border-\[\#ccc\] {
    border-color: #ccc;
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .\!bg-\[var\(--lh-background-color\)\] {
    background-color: var(--lh-background-color) !important;
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-scheme-bg {
    background-color: var(--color-scheme-bg);
  }
  .bg-scheme-text-200 {
    background-color: var(--color-scheme-text-200);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-2 {
    padding: var(--spacing-2);
  }
  .p-4 {
    padding: var(--spacing-4);
  }
  .p-8 {
    padding: var(--spacing-8);
  }
  .px-4 {
    padding-inline: var(--spacing-4);
  }
  .px-5 {
    padding-inline: var(--spacing-5);
  }
  .px-6 {
    padding-inline: var(--spacing-6);
  }
  .px-8 {
    padding-inline: var(--spacing-8);
  }
  .py-1 {
    padding-block: var(--spacing-1);
  }
  .py-4 {
    padding-block: var(--spacing-4);
  }
  .py-8 {
    padding-block: var(--spacing-8);
  }
  .py-\[42px\] {
    padding-block: 42px;
  }
  .pt-5 {
    padding-top: var(--spacing-5);
  }
  .pt-6 {
    padding-top: var(--spacing-6);
  }
  .pr-2 {
    padding-right: var(--spacing-2);
  }
  .pb-4 {
    padding-bottom: var(--spacing-4);
  }
  .pb-\[19px\] {
    padding-bottom: 19px;
  }
  .text-start {
    text-align: start;
  }
  .tw-text-center {
    text-align: center;
  }
  .tw-text-left {
    text-align: left;
  }
  .tw-text-start {
    text-align: start;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\!text-\[12px\] {
    font-size: 12px !important;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .\!font-\[400\] {
    --tw-font-weight: 400 !important;
    font-weight: 400 !important;
  }
  .\!font-\[500\] {
    --tw-font-weight: 500 !important;
    font-weight: 500 !important;
  }
  .\!font-\[600\] {
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .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;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .\!text-\[\#26952D\] {
    color: #26952D !important;
  }
  .\!text-\[\#AA2826\] {
    color: #AA2826 !important;
  }
  .\!text-\[--lh-heading-color\] {
    color: --lh-heading-color !important;
  }
  .\!text-\[var\(--lh-heading-color\)\] {
    color: var(--lh-heading-color) !important;
  }
  .\!text-scheme-text-600 {
    color: var(--color-scheme-text-600) !important;
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-scheme-text {
    color: var(--color-scheme-text);
  }
  .normal-case {
    text-transform: none;
  }
  .not-italic {
    font-style: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    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;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .max-lg\:max-w-82\.5 {
    @media (width < 1024px) {
      max-width: calc(var(--spacing) * 82.5);
    }
  }
  .max-lg\:overflow-hidden {
    @media (width < 1024px) {
      overflow: hidden;
    }
  }
  .max-sm\:mb-3 {
    @media (width < 640px) {
      margin-bottom: var(--spacing-3);
    }
  }
  .max-sm\:mb-\[-6px\] {
    @media (width < 640px) {
      margin-bottom: -6px;
    }
  }
  .max-sm\:w-full {
    @media (width < 640px) {
      width: 100%;
    }
  }
  .max-sm\:flex-col {
    @media (width < 640px) {
      flex-direction: column;
    }
  }
  .max-sm\:tw-items-start {
    @media (width < 640px) {
      align-items: flex-start;
    }
  }
  .max-sm\:gap-y-9 {
    @media (width < 640px) {
      row-gap: var(--spacing-9);
    }
  }
  .sm\:order-0 {
    @media (width >= 640px) {
      order: 0;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 640px) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:my-10 {
    @media (width >= 640px) {
      margin-block: var(--spacing-10);
    }
  }
  .sm\:mt-10 {
    @media (width >= 640px) {
      margin-top: var(--spacing-10);
    }
  }
  .sm\:mb-0\.5 {
    @media (width >= 640px) {
      margin-bottom: var(--spacing-0\.5);
    }
  }
  .sm\:mb-2 {
    @media (width >= 640px) {
      margin-bottom: var(--spacing-2);
    }
  }
  .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\:mb-\[7px\] {
    @media (width >= 640px) {
      margin-bottom: 7px;
    }
  }
  .sm\:line-clamp-1 {
    @media (width >= 640px) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
  .sm\:flex {
    @media (width >= 640px) {
      display: flex;
    }
  }
  .sm\:tw-hidden {
    @media (width >= 640px) {
      display: none;
    }
  }
  .sm\:h-\[45px\] {
    @media (width >= 640px) {
      height: 45px;
    }
  }
  .sm\:h-full {
    @media (width >= 640px) {
      height: 100%;
    }
  }
  .sm\:flex-1 {
    @media (width >= 640px) {
      flex: 1;
    }
  }
  .sm\:tw-items-start {
    @media (width >= 640px) {
      align-items: flex-start;
    }
  }
  .sm\:gap-4 {
    @media (width >= 640px) {
      gap: var(--spacing-4);
    }
  }
  .sm\:self-end {
    @media (width >= 640px) {
      align-self: flex-end;
    }
  }
  .sm\:p-10 {
    @media (width >= 640px) {
      padding: var(--spacing-10);
    }
  }
  .sm\:px-10 {
    @media (width >= 640px) {
      padding-inline: var(--spacing-10);
    }
  }
  .sm\:py-12 {
    @media (width >= 640px) {
      padding-block: var(--spacing-12);
    }
  }
  .sm\:pt-4 {
    @media (width >= 640px) {
      padding-top: var(--spacing-4);
    }
  }
  .sm\:pb-4 {
    @media (width >= 640px) {
      padding-bottom: var(--spacing-4);
    }
  }
  .sm\:pl-2 {
    @media (width >= 640px) {
      padding-left: var(--spacing-2);
    }
  }
  .sm\:pl-8 {
    @media (width >= 640px) {
      padding-left: var(--spacing-8);
    }
  }
  .sm\:tw-text-left {
    @media (width >= 640px) {
      text-align: left;
    }
  }
  .md\:min-w-24 {
    @media (width >= 768px) {
      min-width: var(--spacing-24);
    }
  }
  .md\:gap-10 {
    @media (width >= 768px) {
      gap: var(--spacing-10);
    }
  }
  .lg\:absolute {
    @media (width >= 1024px) {
      position: absolute;
    }
  }
  .lg\:order-0 {
    @media (width >= 1024px) {
      order: 0;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 1024px) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 1024px) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:mt-4 {
    @media (width >= 1024px) {
      margin-top: var(--spacing-4);
    }
  }
  .lg\:mb-2 {
    @media (width >= 1024px) {
      margin-bottom: var(--spacing-2);
    }
  }
  .lg\:flex {
    @media (width >= 1024px) {
      display: flex;
    }
  }
  .lg\:tw-flex {
    @media (width >= 1024px) {
      display: flex;
    }
  }
  .lg\:tw-hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .lg\:size-12 {
    @media (width >= 1024px) {
      width: var(--spacing-12);
      height: var(--spacing-12);
    }
  }
  .lg\:w-20 {
    @media (width >= 1024px) {
      width: var(--spacing-20);
    }
  }
  .lg\:w-fit {
    @media (width >= 1024px) {
      width: fit-content;
    }
  }
  .lg\:max-w-\[672px\] {
    @media (width >= 1024px) {
      max-width: 672px;
    }
  }
  .lg\:max-w-\[1024px\] {
    @media (width >= 1024px) {
      max-width: 1024px;
    }
  }
  .lg\:tw-items-start {
    @media (width >= 1024px) {
      align-items: flex-start;
    }
  }
  .lg\:tw-justify-center {
    @media (width >= 1024px) {
      justify-content: center;
    }
  }
  .lg\:tw-justify-end {
    @media (width >= 1024px) {
      justify-content: flex-end;
    }
  }
  .lg\:tw-justify-start {
    @media (width >= 1024px) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-2\.5 {
    @media (width >= 1024px) {
      gap: var(--spacing-2\.5);
    }
  }
  .lg\:self-stretch {
    @media (width >= 1024px) {
      align-self: stretch;
    }
  }
  .lg\:overflow-hidden {
    @media (width >= 1024px) {
      overflow: hidden;
    }
  }
  .lg\:p-16 {
    @media (width >= 1024px) {
      padding: var(--spacing-16);
    }
  }
  .lg\:pr-13\.25 {
    @media (width >= 1024px) {
      padding-right: calc(var(--spacing) * 13.25);
    }
  }
  .lg\:pl-2\.75 {
    @media (width >= 1024px) {
      padding-left: calc(var(--spacing) * 2.75);
    }
  }
  .lg\:tw-text-left {
    @media (width >= 1024px) {
      text-align: left;
    }
  }
}
.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-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;
}
@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-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;
    }
  }
}

/* ========== 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-puznvf { .lh-title { color: var(--lh-heading-color); } .eb-layout-text-first>div:first-child { order: 2; } .eb-media-content, .eb-main-layout { display: flex; } .lh-image-picture[data-ratio-ta="default"] img { height: 100% !important; } .eb-image-layout { overflow: hidden; } .eb-image-layout img { transition: transform 0.4s ease; } .eb-image-layout:hover img { transform: scale(1.05); } video { object-fit: cover; } @media(min-width: 1024px) { .eb-main-layout { flex-direction: row; gap: 10px; } .eb-image-layout { width: 67.06% } .eb-content-layout { width: 32.42% } .eb-content-layout { padding: 80px 56px; display: flex; flex-direction: column; } } @media(min-width: 640px) and (max-width: 1023px) { .eb-main-layout { flex-direction: row; gap: 10px; } .eb-image-layout { width: 49.29% } .eb-content-layout { width: 49.29% } .eb-content-layout { padding: 48px 40px; display: flex; flex-direction: column; } } @media(max-width:639px) { .eb-content-layout { padding: 40px 32px; display: flex; flex-direction: column; } .eb-main-layout { flex-direction: column; gap: 10px; } } }.lh-2s8qgw { .lh-title { color: var(--lh-heading-color); } .eb-layout-text-first>div:first-child { order: 2; } .eb-media-content, .eb-main-layout { display: flex; } .lh-image-picture[data-ratio-ta="default"] img { height: 100% !important; } .eb-image-layout { overflow: hidden; } .eb-image-layout img { transition: transform 0.4s ease; } .eb-image-layout:hover img { transform: scale(1.05); } @media(min-width: 1024px) { .eb-main-layout { flex-direction: row; gap: 20px; } .eb-image-layout { width: 29.77% } .eb-content-layout { width: 38.18% } .eb-content-layout { padding: 48px; display: flex; flex-direction: column; } } @media(min-width: 640px) and (max-width: 1023px) { .eb-main-layout { flex-direction: row; flex-wrap: wrap; gap: 20px; } .eb-image-layout { width: 48% } .eb-content-layout { width: 100% } .eb-content-layout { padding: 48px; display: flex; flex-direction: column; } } @media(max-width:639px) { .eb-content-layout { padding: 48px 24px; display: flex; flex-direction: column; } .eb-main-layout { gap: 10px; flex-wrap: wrap; } .eb-content-layout { width: 100%; margin-bottom: 10px; } .eb-image-layout { width: 48.54% } .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-21shlg { .eb-main-layout { width: 100%; display: flex; } .lh-close-button { position: absolute; z-index: 5; top: 4px; right: 8px; padding: 8px; aspect-ratio: 1/1; border-radius: 9999px; line-height: 0; } .eb-image-item { width: 100%; overflow: hidden; border-radius: 24px; } .eb-image-item img { transition: transform 0.4s ease; height: 100%; } .eb-image-item:hover img { transform: scale(1.05); } .eb-content-wrapper { width: 100%; display: flex; flex-direction: column; position: absolute; bottom: 0px; gap: 8px; text-align: center; z-index: 10; } .eb-close-button { position: absolute; top: 8px; right: 10px; background-color: #fff; width: 24px; height: 24px; border-radius: 9999px; } video { object-fit: cover !important; height: 100% !important; } .eb-image-item { width: 100%; } @media(min-width: 1024px) { .eb-main-layout { flex-direction: row; gap: 20px; } .eb-content-wrapper { padding: 32px; } .eb-main-layout[data-items = "3"] .eb-image-item:nth-child(2) { width: 39.55%; } .eb-main-layout[data-items = "3"] .eb-image-item:nth-child(1), .eb-main-layout[data-items = "3"] .eb-image-item:nth-child(3) { width: 29.09%; } } @media(min-width: 640px) and (max-width: 1023px) { .eb-main-layout { flex-direction: row; gap: 12px; } .eb-content-wrapper { padding: 24px; } } @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); } .eb-main-layout { flex-direction: column; gap: 12px; } .eb-image-item { aspect-ratio: 1 / 1; } .eb-content-wrapper { padding: 24px; } } }.lh-fv7atu { .eb-media-image { position: relative; } .eb-content-wrapper { position: absolute; inset: 0; z-index: 10; } @media(min-width: 1024px) { .eb-content-wrapper { padding: 56px; } } @media(min-width: 640px) and (max-width: 1023px) { .eb-content-wrapper { padding: 56px; } } @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); } .eb-content-wrapper { padding: 32px 24px; } } }.lh-cdtght { .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; } .lh-marquee-dot { width: var(--image-width); } .lh-image-picture { width: 100%; } .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-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top, 0) * 16/24); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 16/24); } .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: calc(var(--image-width) * 56 / 64); } } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } @keyframes scroll-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); } }.lh-ywd7mp { .lh-image-picture img { height: 100% !important; } .lh-button.lh-btn-te span { display: block; } .lh-slider-nav-left svg { color: #fff; } .lh-slider-nav-right svg { color: #fff; } .lh-slider-nav-left, .lh-slider-nav-right { top: 50%; border-radius: var(--Buttons, 6px); box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.06); } .lh-text svg { color: var(--lh-heading-color); background-color: var(--lh-heading-color); } .lh-btn svg { color: var(--lh-heading-color); } .lh-carousel:hover .lh-slider-nav-left.disabled, .lh-carousel:hover .lh-slider-nav-right.disabled { opacity: 0; } @media (min-width: 640px) and (max-width: 1023px) { } @media (max-width: 640px) { .lh-heading-wrapper { max-width: 343px; } .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-7d6tjt { @media(min-width:640px) and (max-width:1023px){ .lh-container{ padding: 30px; padding-top: calc(var(--lh-container-padding-top, 0) * 0.75); padding-bottom: calc(var(--lh-container-padding-bottom, 0) * 0.75); } .lh-image-picture img { height: 100%; } .lh-slider-nav-left,.lh-slider-nav-right { display: none; } } .eb-image { border-radius: 12px; } @media(max-width: 639px) { .eb-image { border-radius: 12px; } .eb-card-content { flex-direction: column-reverse; justify-content: start; } .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-slider-nav-left,.lh-slider-nav-right { display: none; } } @media(max-width:1439px){ .lh-slider-nav-right { right: 12px; } .lh-slider-nav-left { left: 12px; } .eb-image { width: 100%; aspect-ratio: 7/6; } } @media(min-width:1024px){ .lh-slider-nav-right { right: 15px; } .lh-slider-nav-left { left: 15px; } .lh-image-picture { width: fit-content; } .eb-image { height: 100%; aspect-ratio: 160/187; } .lh-slider-wrapper[data-item = "3"] .eb-content-info { max-width: 411px; } } .lh-multicolumn-title { color: var(--lh-heading-color); } .lh-image-picture[data-ratio="default"] img { height: full; } @media(min-width: 1400px) { .eb-image { width: 160px; height: 187px; aspect-ratio: 160/187; } } }.lh-emsqyq { .lh-breadcrumb::-webkit-scrollbar { display: none; } .lh-social-share svg { width: 20px; height: 20px; } .lh-media-product { position: sticky; top: 0; } .lh-media-content { border-radius: 24px; overflow: hidden; } .lh-image-picture { height: 100%; } .eb-icon-layout span { display: inline-flex; width: 16px; align-items: center; justify-content: center; } .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; } .svg-arrow { -webkit-mask: url("data:image/svg+xml;utf8,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.6665 5.1665H11.3332M11.3332 5.1665V11.8332M11.3332 5.1665L4.6665 11.8332' stroke='currentColor' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; mask: url("data:image/svg+xml;utf8,<svg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.6665 5.1665H11.3332M11.3332 5.1665V11.8332M11.3332 5.1665L4.6665 11.8332' stroke='currentColor' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; background-color: var(--lh-btn-te-label-color); } .lh-btn-te .svg-arrow { display: block; } .lh-scheme-1 .lh-bg-component { border:solid 1px var(--color-scheme-text-100); } .lh-scheme-2 .lh-bg-component { border:solid 1px var(--color-scheme-text-100); } .lh-scheme-3 .lh-bg-component { border:solid 1px var(--color-scheme-text-500); } .lh-scheme-4 .lh-bg-component { border:solid 1px var(--color-scheme-text-100); } .lh-btn-custom { color: var(--lh-btn-te-label-color); } .lh-p-other { font-size: 12px; font-weight: 400; line-height: 150%; } .lh-p-other-3 { font-size: 18px; font-style: normal; font-weight: 500; line-height: 150%; /* 27px */ text-decoration-line: line-through; color: var(--color-scheme-text-500) !important; } .lh-p-other-2 { text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 150%; } .lh-text-color-heading { 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-product-tag, .lh-sale-badge { color: var(--lh-heading-color); font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; } .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; } .lh-image-picture.lh-ratio-auto img { height: auto; } .lh-product-media--thumbs .lh-slider-content { visibility: hidden; opacity: 0; transition: opacity 0.2s ease; } .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-product-tag { background-color: var(--lh-other-tag-1-bg-color); color: var(--lh-other-tag-1-text-color); } .lh-quantity-wrapper button { padding-inline: 16px; border-radius: 6px; background-color: var(--lh-btn-se-background-color); } .lh-quantity-wrapper input { border: solid 1px #E6E6E6; border-radius: 6px; } /* .lh-rating-star { --star-percent: calc((var(--rating) + var(--rating-decimal)) / var(--rating-max) * 100%); position: relative; } .lh-rating-star span { width: 17px; height: 17px; 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: #FFB74B; left: 0; top: 0; height: 100%; width: calc(clamp(0, var(--rating) - (var(--i) - 1), 1) * 100%); } */ .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-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); } .eb-progress-wrapper { width: 100%; background-color: #F1F2F2; border-radius: 9999px; } .eb-progress { width: var(--width-progress); background-color: #C71525; border-radius: 9999px; } .lh-faq-content:first-child { border-top: 1px solid var(--color-scheme-text-200); } .lh-faq-content { border-bottom: 1px solid var(--color-scheme-text-200); } .lh-faq-content .lh-item-question { padding-bottom: 15px; } /* ICON container */ .eb-faq-icon { transition: all 0.3s ease-in-out; } /* --- SMOOTH COLLAPSE --- */ .lh-faq-content .lh-item-answer { max-height: 0; opacity: 0; overflow: hidden; padding-bottom: 0; transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.3s ease; } .lh-faq-content.active .lh-item-answer { max-height: 600px; opacity: 1; padding-bottom: 24px; } .eb-faq-icon { width: 26px; height: 26px; padding: 6px; border-radius: 9999px; background-color: var(--lh-btn-se-background-color); color: var(--lh-heading-color); } /* --- ICON STYLE + SMOOTH FADE --- */ .lh-faq-content.active .eb-faq-icon { transform: rotate(-180deg); } .lh-svg-gift { -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M10 6.66667V17.5M10 6.66667C9.69856 5.4245 9.17954 4.36255 8.51061 3.6193C7.84169 2.87605 7.0539 2.48599 6.25 2.5C5.69747 2.5 5.16756 2.71949 4.77686 3.11019C4.38616 3.50089 4.16667 4.0308 4.16667 4.58333C4.16667 5.13587 4.38616 5.66577 4.77686 6.05647C5.16756 6.44717 5.69747 6.66667 6.25 6.66667M10 6.66667C10.3014 5.4245 10.8205 4.36255 11.4894 3.6193C12.1583 2.87605 12.9461 2.48599 13.75 2.5C14.3025 2.5 14.8324 2.71949 15.2231 3.11019C15.6138 3.50089 15.8333 4.0308 15.8333 4.58333C15.8333 5.13587 15.6138 5.66577 15.2231 6.05647C14.8324 6.44717 14.3025 6.66667 13.75 6.66667M15.8333 10V15.8333C15.8333 16.2754 15.6577 16.6993 15.3452 17.0118C15.0326 17.3244 14.6087 17.5 14.1667 17.5H5.83333C5.39131 17.5 4.96738 17.3244 4.65482 17.0118C4.34226 16.6993 4.16667 16.2754 4.16667 15.8333V10M3.33333 6.66667H16.6667C17.1269 6.66667 17.5 7.03976 17.5 7.5V9.16667C17.5 9.6269 17.1269 10 16.6667 10H3.33333C2.8731 10 2.5 9.6269 2.5 9.16667V7.5C2.5 7.03976 2.8731 6.66667 3.33333 6.66667Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M10 6.66667V17.5M10 6.66667C9.69856 5.4245 9.17954 4.36255 8.51061 3.6193C7.84169 2.87605 7.0539 2.48599 6.25 2.5C5.69747 2.5 5.16756 2.71949 4.77686 3.11019C4.38616 3.50089 4.16667 4.0308 4.16667 4.58333C4.16667 5.13587 4.38616 5.66577 4.77686 6.05647C5.16756 6.44717 5.69747 6.66667 6.25 6.66667M10 6.66667C10.3014 5.4245 10.8205 4.36255 11.4894 3.6193C12.1583 2.87605 12.9461 2.48599 13.75 2.5C14.3025 2.5 14.8324 2.71949 15.2231 3.11019C15.6138 3.50089 15.8333 4.0308 15.8333 4.58333C15.8333 5.13587 15.6138 5.66577 15.2231 6.05647C14.8324 6.44717 14.3025 6.66667 13.75 6.66667M15.8333 10V15.8333C15.8333 16.2754 15.6577 16.6993 15.3452 17.0118C15.0326 17.3244 14.6087 17.5 14.1667 17.5H5.83333C5.39131 17.5 4.96738 17.3244 4.65482 17.0118C4.34226 16.6993 4.16667 16.2754 4.16667 15.8333V10M3.33333 6.66667H16.6667C17.1269 6.66667 17.5 7.03976 17.5 7.5V9.16667C17.5 9.6269 17.1269 10 16.6667 10H3.33333C2.8731 10 2.5 9.6269 2.5 9.16667V7.5C2.5 7.03976 2.8731 6.66667 3.33333 6.66667Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; background-color: var(--lh-btn-te-label-color); } .metafield-rich_text_field ol { padding-left: 20px !important; display: flex; flex-direction: column; gap: 4px; } .metafield-rich_text_field li::marker { font-weight: 700 !important; } .lh-desc-content { display: flex; flex-direction: column; gap: 16px; } .eb-product-note textarea { width: 100%; min-height: 100px; border: solid 1px #ccc; padding: 16px; resize: none; } .eb-product-note textarea::placeholder { font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; /* 21px */ color: var(--color-scheme-text); opacity: 0.6; } .eb-store-available { padding: 20px 24px; background: var(--lh-btn-se-background-color); } .eb-store-available-content { display: flex; } @media (min-width: 1024px) { .lh-button-zoom { opacity: 0; } .lh-slide-item:hover .lh-button-zoom { opacity: 1; } .lh-collection-wrapper:has(.lh-slider-controls:not([show-desktop])) .lh-slider-nav { display: none; } .eb-store-available-content { flex-direction: row; gap: 12px; } .eb-icon-check { display: flex; flex-direction: row; gap: 12px; } .eb-infos { flex-direction: row; justify-content: space-between; width: 100%; } .lh-text-color-description { margin-bottom: 0px; } .eb-store-available { margin-bottom: 24px; } .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); } } @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); } .lh-collection-wrapper:has(.lh-slider-controls:not([show-tablet])) .lh-slider-nav { display: none; } .eb-store-available-content { flex-direction: row; gap: 12px; } .eb-icon-check { display: flex; flex-direction: row; gap: 12px; } .eb-store-available { margin-bottom: 24px; } .lh-image-picture { aspect-ratio: 5/7 !important; } .lh-slider-nav-left, .lh-slider-nav-right { opacity: 1; transform: none; display: flex; align-items: center; } } @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-collection-wrapper:has(.lh-slider-controls:not([show-mobile])) .lh-slider-nav { display: none; } .lh-slider-nav-left, .lh-slider-nav-right { opacity: 1; transform: none; display: flex; align-items: center; } .eb-store-available { margin-bottom: 8px; } } .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: 12px; } .lh-swatch-element.lh-color+.lh-tooltip { z-index: -1; white-space: nowrap; } .eb-border-variant { box-shadow: 0 0 0 1px var(--color-scheme-text-300); } .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: 200%; height: 1px; border-top: 1px solid var(--lh-heading-color); transform: translate(-50%, -50%) rotate(30deg); 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-swatch .lh-swatch-element .lh-swtach-wrp { color: var(--lh-heading-color); } .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 { box-shadow: 0 0 0 1px var(--lh-btn-pr-background-color); color: var(--lh-background-color); background-color: var(--lh-heading-color); } .lh-swatch .lh-swatch-element.lh-color input:checked+.lh-swtach-wrp { background-color: var(--lh-background-color); } .lh-swatch .lh-swatch-element.lh-color input:checked+.lh-swtach-wrp label{ width: 56px; height: 56px; border-radius: 9999px; } .lh-swatch .lh-swatch-element.lh-color .lh-swtach-wrp label { width: 56px; height: 56px; border-radius: 9999px; } .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; } :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 .lh-item-img { border-radius: 12px; } .lh-media-thumb.is-active .lh-item-img { border: 2px solid var(--lh-btn-pr-background-color); border-radius: 12px; } /* .lh-media-thumb.is-active .lh-item-img::before { content: ""; position: absolute; inset: 0; border-radius: 12px; 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"]: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(32px + 118px); } .lh-media-product[data-thumbs-desktop="true"][data-position-thumbs="right"][data-thumbs-desktop="true"] .lh-slider-nav-right { right: calc(32px + 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: 16px; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="left"] .lh-product-thumb-slide { margin-left: 0; margin-right: 16px; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="bottom"] .lh-product-thumb-slide { margin-top: 16px; } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="left"][data-thumbs-tablet="true"] .lh-slider-nav-left { left: calc(32px + 68px); } .lh-media-product[data-thumbs-tablet="true"][data-position-thumbs-tablet="right"][data-thumbs-tablet="true"] .lh-slider-nav-right { right: calc(32px + 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; } .lh-button-zoom { position: absolute; right: 20px; bottom: 20px; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 4px; z-index: 1; cursor: pointer; transition: all 0.3s ease-in-out; background-color: var(--lh-background-color); } .lh-lightbox, .lh-bg-overlay { background-color: rgba(0, 0, 0, 0.85) !important; z-index: 999999999999999999999999999999; } .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-lightbox-ct .lh-slider-nav-left { left: 12px; } .lh-lightbox-ct .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%; display: flex; align-items: center; } .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; } .lh-lightbox .lh-carousel .lh-slider-wrapper { height: 92%; } } .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; } @media (max-width: 1023px) { .lh-lightbox .lh-slider-nav-left, .lh-lightbox .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; } } #lh-close-popup { width: 48px; height: 48px; position: absolute; color: var(--lh-heading-color); padding: 16px; right: 0px; top: 0px; cursor: pointer; } .lh-popup.tw-hidden { display: none; } .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-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.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; } } } @keyframes pulse { 0% { transform: scale(0.5); opacity: 1; } 70% { transform: scale(1.5); opacity: 0; } 100% { transform: scale(1.5); opacity: 0; } }.lh-zhffku { .eb-media-image { overflow: hidden; } .eb-media-image img { transition: transform 0.35s ease; } .eb-media-image:hover img { transform: scale(1.08); } .lh-letter-spacing { letter-spacing: -0.08px !important; } .lh-icon-toggle { width: 26px; height: 26px; padding: 6px; background-color: var(--lh-btn-se-background-color); border-radius: 9999px; } .lh-text { color: var(--color-scheme-text-600); } .lh-item-answer { color: var(--color-scheme-text-600); } .open-checkbox.lh-item:first-child .lh-item-question { padding-bottom: 20px; } .open-checkbox.lh-item:first-child .lh-item-answer { transform: translateY(0); height: auto; pointer-events: auto; padding-bottom: 19px; } .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-item { border-bottom: 1px solid rgba(255, 255, 255, 0.20); } .lh-item:last-child { border-bottom: none; } .lh-icon-up { color: var(--lh-heading-color); display: none; } .lh-icon-down { color: var(--lh-heading-color); display: block; } .lh-item.active .lh-item-answer { transform: translateY(0); height: auto; pointer-events: auto; padding-bottom: 19px; } .lh-item.active .lh-item-question { padding-bottom: 20px; } .lh-item:last-child .lh-item-question { padding-bottom: 19px; } .lh-item.active .lh-icon-down { display: none !important; } .lh-item.active .lh-icon-up { display: block !important; } & { font-optical-sizing: none; } @media(min-width: 1024px) { .eb-container-layout { display: flex; flex-direction: row; gap: 64px; width: 100%; } .eb-layout-heading { max-width: 384px; border-right: solid 1px rgba(255, 255, 255, 0.20); padding-right: 64px; } .lh-content { max-width: 512px; } .eb-image-layout { padding-left: 40px; } .lh-image-picture { height: 100%; } } @media (min-width: 640px) and (max-width: 1023px) { .lh-container { padding-top: calc(var(--lh-container-padding-top)* 64/80); padding-bottom: calc(var(--lh-container-padding-bottom)* 64/80); } .eb-container-layout { display: flex; flex-direction: row; gap: 40px; width: 100%; flex-wrap: wrap; } .eb-layout-heading { width: 100%; } .lh-content { width: 46%; } .eb-image-layout { width: 46%; aspect-ratio: 7 / 6 } } @media (max-width: 639px) { .lh-container { padding: 16px; padding-top: calc(var(--lh-container-padding-top)* 56/80); padding-bottom: calc(var(--lh-container-padding-bottom)* 56/80); } .lh-image-picture { aspect-ratio: 1/1; } .eb-layout-heading { margin-bottom: 36px; } .lh-content { margin-bottom: 38px; } .lh-item.active .lh-item-answer { padding-bottom: 15px; } .lh-item:first-child .lh-item-question { padding-bottom: 19px; } .open-checkbox.lh-item:first-child .lh-item-answer { padding-bottom: 15px; } .open-checkbox.lh-item:first-child .lh-item-question { padding-bottom: 16px; } .lh-item:last-child .lh-item-question { padding-bottom: 14px; } } @media (min-width: 640px) and (max-width: 750px) { .eb-image-layout { width: 46%; height: 100%; aspect-ratio: auto; } } }