/** Shopify CDN: Minification failed

Line 4632:2 Unexpected "}"

**/
/* Musealora homepage — visual match to moomelart.com */
:root {
  --mm-cream: #e2ddd2;
  --mm-sand: #e2ddd2;
  --mm-rail: #f4f0e7;
  --mm-ink: #121212;
  --mm-brown: #60371B;
  --roweam-bg: #e2ddd2;
  --roweam-cream: #f3f1ea;
  --roweam-brown: #60371b;
}
html, body, main#MainContent {
  background: #e2ddd2 !important;
}
.shopify-section { background: transparent; }
.section + .section { margin: 0; }
.header-wrapper { display: none !important; }
.announcement-bar, .announcement-bar__announcement {
  background: transparent !important;
}
.utility-bar {
  background: #2f2924 !important;
  color: #f4f0e7 !important;
}
.announcement-bar__message {
  letter-spacing: .08em;
  font-size: 1.3rem;
  color: #ffffff;
}
.announcement-bar-section { display: block !important; }
h1, h2, h3,
.best-seller__heading,
.new-in__heading,
.slider-title,
.featured-artists__heading,
.shop-by-style__heading,
.custom-faq__heading,
.hospitality-trust-logos__heading {
  color: #60371B;
}


/* ===== moomel-media-carousel.css ===== */
.moomel-media-carousel {
    position: relative;
    z-index: 0;
    margin-top: var(--mmc-nav-offset, var(--mmc-nav-gap));
    padding-top: var(--mmc-padding-top);
    padding-bottom: var(--mmc-padding-bottom);
    background: var(--mmc-outer-bg);
  }

  .moomel-media-carousel * { box-sizing: border-box; }

  .moomel-media-carousel .moomel-media-carousel__shell {
    width: min(100%, 1600px);
    margin: 0 auto;
    padding-left: var(--mmc-side-padding);
    padding-right: var(--mmc-side-padding);
  }

  .moomel-media-carousel .moomel-media-carousel__header {
    max-width: 760px;
    margin-bottom: 24px;
  }

  .moomel-media-carousel .moomel-media-carousel__header--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .moomel-media-carousel .moomel-media-carousel__header--right {
    margin-left: auto;
    text-align: right;
  }

  .moomel-media-carousel .moomel-media-carousel__eyebrow {
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .moomel-media-carousel .moomel-media-carousel__title {
    margin: 0;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.05;
    font-weight: 500;
  }

  .moomel-media-carousel .moomel-media-carousel__intro { margin-top: 12px; }
  .moomel-media-carousel .moomel-media-carousel__intro > *:first-child,
  .moomel-media-carousel .moomel-media-carousel__overlay-text > *:first-child { margin-top: 0; }
  .moomel-media-carousel .moomel-media-carousel__intro > *:last-child,
  .moomel-media-carousel .moomel-media-carousel__overlay-text > *:last-child { margin-bottom: 0; }

  .moomel-media-carousel .moomel-media-carousel__viewport {
    position: relative;
    width: 100%;
    aspect-ratio: var(--mmc-desktop-ratio);
    overflow: hidden;
    isolation: isolate;
    border-radius: var(--mmc-radius);
    background: var(--mmc-media-bg);
    box-shadow: 0 12px 36px rgba(44, 35, 26, .09);
    touch-action: pan-y pinch-zoom;
  }

  .moomel-media-carousel .moomel-media-carousel__track {
    display: flex;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    transition: transform var(--mmc-transition) cubic-bezier(.22,.61,.36,1);
    will-change: transform;
  }

  .moomel-media-carousel .moomel-media-carousel__track.is-dragging { transition: none; }

  .moomel-media-carousel .moomel-media-carousel__slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .moomel-media-carousel .moomel-media-carousel__media-panel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .moomel-media-carousel .moomel-media-carousel__media-panel--mobile { display: none; }

  .moomel-media-carousel .moomel-media-carousel__media,
  .moomel-media-carousel .moomel-media-carousel__media-panel video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--mmc-desktop-fit);
    object-position: center;
    background: var(--mmc-media-bg);
  }

  .moomel-media-carousel .moomel-media-carousel__placeholder,
  .moomel-media-carousel .moomel-media-carousel__empty {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: rgba(25, 22, 18, .65);
    background: #eee9df;
  }

  .moomel-media-carousel .moomel-media-carousel__placeholder .placeholder-svg,
  .moomel-media-carousel .moomel-media-carousel__empty .placeholder-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .45;
  }

  .moomel-media-carousel .moomel-media-carousel__placeholder span,
  .moomel-media-carousel .moomel-media-carousel__empty span {
    position: relative;
    z-index: 1;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    font-size: 13px;
  }

  .moomel-media-carousel .moomel-media-carousel__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(17,14,11,var(--mmc-overlay)) 0%, rgba(17,14,11,var(--mmc-overlay-soft)) 42%, rgba(17,14,11,0) 76%);
  }

  .moomel-media-carousel .moomel-media-carousel__content {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    padding: clamp(22px, 4vw, 64px);
    pointer-events: none;
  }

  .moomel-media-carousel .moomel-media-carousel__content-inner {
    width: min(100%, var(--mmc-content-width));
    pointer-events: auto;
  }

  .moomel-media-carousel .moomel-media-carousel__content--center { align-items: center; justify-content: center; text-align: center; }
  .moomel-media-carousel .moomel-media-carousel__content--top-left { align-items: flex-start; justify-content: flex-start; text-align: left; }
  .moomel-media-carousel .moomel-media-carousel__content--center-left { align-items: center; justify-content: flex-start; text-align: left; }
  .moomel-media-carousel .moomel-media-carousel__content--bottom-left { align-items: flex-end; justify-content: flex-start; text-align: left; }
  .moomel-media-carousel .moomel-media-carousel__content--bottom-right { align-items: flex-end; justify-content: flex-end; text-align: right; }

  .moomel-media-carousel .moomel-media-carousel__overlay-heading {
    margin: 0;
    color: var(--mmc-heading-color);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(40px, 5.3vw, 68px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: .01em;
    text-wrap: balance;
    text-shadow: 0 3px 18px rgba(0,0,0,.25);
  }

  .moomel-media-carousel .moomel-media-carousel__overlay-text {
    margin-top: 16px;
    color: var(--mmc-text-color);
    font-size: clamp(14px, 1.4vw, 18px);
    line-height: 1.5;
    text-shadow: 0 2px 10px rgba(0,0,0,.25);
  }

  .moomel-media-carousel .moomel-media-carousel__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 154px;
    min-height: 46px;
    margin-top: 24px;
    padding: 12px 24px;
    border: 1px solid var(--mmc-button-border);
    border-radius: 999px;
    color: var(--mmc-button-color);
    background: var(--mmc-button-bg);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .12em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
  }

  .moomel-media-carousel .moomel-media-carousel__button:hover { transform: translateY(-1px); }
  .moomel-media-carousel .moomel-media-carousel__button--outline { background: transparent; }

  .moomel-media-carousel .moomel-media-carousel__arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 50%;
    color: #fff;
    background: rgba(18,15,12,.34);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%) scale(.96);
    cursor: pointer;
    transition: opacity 180ms ease, background 180ms ease, transform 180ms ease;
  }

  .moomel-media-carousel .moomel-media-carousel__viewport.is-navigation-visible .moomel-media-carousel__arrow,
  .moomel-media-carousel .moomel-media-carousel__arrow:focus-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
  }

  @media (hover: hover) and (pointer: fine) {
    .moomel-media-carousel .moomel-media-carousel__arrow:hover { background: rgba(18,15,12,.58); }
  }

  .moomel-media-carousel .moomel-media-carousel__arrow svg { width: 22px; height: 22px; }
  .moomel-media-carousel .moomel-media-carousel__arrow--prev { left: 16px; }
  .moomel-media-carousel .moomel-media-carousel__arrow--next { right: 16px; }

  .moomel-media-carousel .moomel-media-carousel__dots {
    position: absolute;
    left: 50%;
    bottom: 18px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 8px;
    transform: translateX(-50%);
  }

  .moomel-media-carousel .moomel-media-carousel__dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.48);
    cursor: pointer;
    transition: width 180ms ease, background 180ms ease;
  }

  .moomel-media-carousel .moomel-media-carousel__dot.is-active {
    width: 24px;
    background: rgba(255,255,255,.95);
  }

  .moomel-media-carousel .moomel-media-carousel__video-controls {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 7;
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 44px;
    padding: 5px 12px 5px 9px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 999px;
    color: #fff;
    background: rgba(22,22,22,.56);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
    box-shadow: 0 4px 16px rgba(0,0,0,.10);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(5px);
    transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease;
  }

  .moomel-media-carousel .moomel-media-carousel__video-controls.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .moomel-media-carousel .moomel-media-carousel__video-controls[hidden] { display: none; }

  .moomel-media-carousel .moomel-media-carousel__control-button {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 31px;
    height: 31px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: rgba(255,255,255,.96);
    background: transparent;
    cursor: pointer;
    transition: background-color 150ms ease, color 150ms ease;
  }

  @media (hover: hover) and (pointer: fine) {
    .moomel-media-carousel .moomel-media-carousel__control-button:hover {
      background: rgba(255,255,255,.10);
    }
  }

  .moomel-media-carousel .moomel-media-carousel__control-button:focus-visible,
  .moomel-media-carousel .moomel-media-carousel__volume:focus-visible {
    outline: 2px solid rgba(255,255,255,.94);
    outline-offset: 2px;
  }

  .moomel-media-carousel .moomel-media-carousel__control-button svg {
    width: 18px;
    height: 18px;
  }

  .moomel-media-carousel .icon-play,
  .moomel-media-carousel .icon-sound { display: none; }

  .moomel-media-carousel .moomel-media-carousel__video-controls.is-paused .icon-play,
  .moomel-media-carousel .moomel-media-carousel__video-controls.is-unmuted .icon-sound { display: block; }

  .moomel-media-carousel .moomel-media-carousel__video-controls.is-paused .icon-pause,
  .moomel-media-carousel .moomel-media-carousel__video-controls.is-unmuted .icon-muted { display: none; }

  .moomel-media-carousel .moomel-media-carousel__volume {
    --mmc-volume-fill: 0%;
    flex: 0 0 auto;
    width: 58px;
    height: 18px;
    margin: 0 0 0 2px;
    padding: 0;
    border: 0;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
  }

  .moomel-media-carousel .moomel-media-carousel__volume::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(
      to right,
      rgba(255,255,255,.96) 0,
      rgba(255,255,255,.96) var(--mmc-volume-fill),
      rgba(255,255,255,.42) var(--mmc-volume-fill),
      rgba(255,255,255,.42) 100%
    );
  }

  .moomel-media-carousel .moomel-media-carousel__volume::-webkit-slider-thumb {
    width: 10px;
    height: 10px;
    margin-top: -3.5px;
    border: 0;
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
  }

  .moomel-media-carousel .moomel-media-carousel__volume::-moz-range-track {
    height: 3px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.42);
  }

  .moomel-media-carousel .moomel-media-carousel__volume::-moz-range-progress {
    height: 3px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.96);
  }

  .moomel-media-carousel .moomel-media-carousel__volume::-moz-range-thumb {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
  }

  @media screen and (max-width: 749px) {
    .moomel-media-carousel {
      margin-top: var(--mmc-nav-offset, var(--mmc-mobile-nav-gap));
      padding-top: calc(var(--mmc-padding-top) * .72);
      padding-bottom: calc(var(--mmc-padding-bottom) * .72);
    }

    .moomel-media-carousel .moomel-media-carousel__shell {
      padding-left: max(14px, calc(var(--mmc-side-padding) * .6));
      padding-right: max(14px, calc(var(--mmc-side-padding) * .6));
    }

    .moomel-media-carousel .moomel-media-carousel__viewport {
      aspect-ratio: var(--mmc-mobile-ratio);
      border-radius: min(var(--mmc-radius), 22px);
    }

    .moomel-media-carousel .moomel-media-carousel__media,
    .moomel-media-carousel .moomel-media-carousel__media-panel video {
      object-fit: var(--mmc-mobile-fit);
    }

    .moomel-media-carousel .moomel-media-carousel__media-panel--desktop.has-mobile-alternative { display: none; }
    .moomel-media-carousel .moomel-media-carousel__media-panel--mobile { display: block; }

    .moomel-media-carousel .moomel-media-carousel__content { padding: 24px 20px 56px; }
    .moomel-media-carousel .moomel-media-carousel__overlay {
      background: linear-gradient(0deg, rgba(17,14,11,var(--mmc-overlay)) 0%, rgba(17,14,11,var(--mmc-overlay-soft)) 48%, rgba(17,14,11,0) 78%);
    }

    .moomel-media-carousel .moomel-media-carousel__content--top-left,
    .moomel-media-carousel .moomel-media-carousel__content--center-left,
    .moomel-media-carousel .moomel-media-carousel__content--bottom-left,
    .moomel-media-carousel .moomel-media-carousel__content--bottom-right {
      align-items: flex-end;
      justify-content: flex-start;
      text-align: left;
    }

    .moomel-media-carousel .moomel-media-carousel__overlay-heading {
      font-size: clamp(34px, 10vw, 42px);
      line-height: 1;
    }

    .moomel-media-carousel .moomel-media-carousel__arrow {
      width: 40px;
      height: 40px;
    }
    .moomel-media-carousel .moomel-media-carousel__arrow--prev { left: 10px; }
    .moomel-media-carousel .moomel-media-carousel__arrow--next { right: 10px; }
    .moomel-media-carousel .moomel-media-carousel__dots { bottom: 14px; }
    .moomel-media-carousel .moomel-media-carousel__video-controls {
      right: 12px;
      bottom: 12px;
      min-height: 42px;
      padding: 4px 10px 4px 8px;
    }
    .moomel-media-carousel .moomel-media-carousel__volume { width: 54px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .moomel-media-carousel .moomel-media-carousel__track,
    .moomel-media-carousel .moomel-media-carousel__button,
    .moomel-media-carousel .moomel-media-carousel__dot { transition: none; }
  }


/* ===== shop-by-room.css ===== */

  .shop-by-room {
    background: #f4f0e7;
    color: #111111;
    padding: 28px 24px 60px;
    overflow: hidden;
  }

  .shop-by-room .shop-by-room__inner {
    max-width: 1500px;
    margin: 0 auto;
  }

  .shop-by-room .shop-by-room__panel {
    display: grid;
    grid-template-columns: 46% minmax(0, 1fr);
    min-height: 720px;
    border-radius: 14px;
    overflow: hidden;
    background: #e2ddd2;
  }

  .shop-by-room .shop-by-room__media {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    background: #eee;
  }

  .shop-by-room .shop-by-room__media-group {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .45s ease, visibility .45s ease;
  }

  .shop-by-room .shop-by-room__media-group.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
  }

  .shop-by-room .shop-by-room__slide {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    text-decoration: none;
    transition: opacity .5s ease, visibility .5s ease;
  }

  .shop-by-room .shop-by-room__slide.is-active {
    opacity: 1;
    visibility: visible;
  }

  .shop-by-room .shop-by-room__slide[aria-disabled="true"],
  .shop-by-room .shop-by-room__item[aria-disabled="true"],
  .shop-by-room .shop-by-room__image-overlay[aria-disabled="true"] {
    pointer-events: none;
  }

  .shop-by-room .shop-by-room__image,
  .shop-by-room .shop-by-room__placeholder,
  .shop-by-room picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .shop-by-room .shop-by-room__image,
  .shop-by-room .shop-by-room__placeholder {
    object-fit: cover;
    transform: scale(1.018);
    transition: transform 1.2s ease;
  }

  .shop-by-room .shop-by-room__slide.is-active .shop-by-room__image {
    transform: scale(1);
  }

  .shop-by-room .shop-by-room__image-overlay {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    z-index: 8;
    display: grid;
    justify-items: center;
    gap: 20px;
    padding: 0 24px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
  }

  .shop-by-room .shop-by-room__image-title {
    margin: 0;
    font-family: inherit;
    font-size: clamp(32px, 3vw, 48px);
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.04em;
    color: inherit;
  }

  .shop-by-room .shop-by-room__image-link {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: inherit;
  }

  .shop-by-room .shop-by-room__dots {
    display: none !important;
    position: absolute;
    left: 50%;
    bottom: 44px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateX(-50%);
  }

  .shop-by-room .shop-by-room__dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    cursor: pointer;
    transition: width .24s ease, background .24s ease;
  }

  .shop-by-room .shop-by-room__dot.is-active {
    width: 32px;
    background: #000;
  }

  .shop-by-room .shop-by-room__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(48px, 6vw, 88px) clamp(48px, 7vw, 96px);
  }

  .shop-by-room .shop-by-room__subheading {
    margin: 0 0 46px;
    font-size: 17px;
    line-height: 1.35;
    color: #111111;
  }

  .shop-by-room .shop-by-room__list {
    display: grid;
    gap: 16px;
  }

  .shop-by-room .shop-by-room__item {
    display: flex;
    align-items: flex-start;
    width: fit-content;
    color: #111111;
    text-decoration: none;
    line-height: .95;
  }

  .shop-by-room .shop-by-room__item-title {
    position: relative;
    display: inline-block;
    font-family: inherit;
    font-size: clamp(32px, 3vw, 46px);
    font-weight: 300;
    letter-spacing: -0.055em;
  }

  .shop-by-room .shop-by-room__item-title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .04em;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .28s ease;
  }

  .shop-by-room .shop-by-room__item.is-active .shop-by-room__item-title::after,
  .shop-by-room .shop-by-room__item:hover .shop-by-room__item-title::after {
    transform: scaleX(1);
  }

  .shop-by-room .shop-by-room__item-count {
    margin-left: 14px;
    padding-top: .18em;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
  }

  @media screen and (max-width: 989px) {
    .shop-by-room {
      padding: 28px 16px 40px;
    }

    .shop-by-room .shop-by-room__panel {
      grid-template-columns: 1fr;
      min-height: 0;
    }

    .shop-by-room .shop-by-room__media {
      min-height: auto;
      aspect-ratio: 4 / 5;
    }

    .shop-by-room .shop-by-room__content {
      padding: 34px 24px 40px;
    }

    .shop-by-room .shop-by-room__subheading {
      margin-bottom: 28px;
      font-size: 15px;
    }

    .shop-by-room .shop-by-room__list {
      gap: 13px;
    }

    .shop-by-room .shop-by-room__item-title {
      font-size: clamp(30px, 9vw, 42px);
    }

    .shop-by-room .shop-by-room__item-count {
      font-size: 13px;
    }

    .shop-by-room .shop-by-room__image-overlay {
      top: 32px;
    }

    .shop-by-room .shop-by-room__dots {
      bottom: 24px;
    }
  }

  @media screen and (max-width: 520px) {
    .shop-by-room .shop-by-room__panel {
      border-radius: 14px;
    }

    .shop-by-room .shop-by-room__content {
      padding: 30px 20px 36px;
    }
  }


/* ===== shop-by-style.css ===== */

  .shop-by-style {
    background: #f4f0e7;
    color: #21140d;
    padding: 28px 24px 40px;
    overflow: hidden;
  }

  .shop-by-style,
  .shop-by-style button,
  .shop-by-style a,
  .shop-by-style p,
  .shop-by-style h2,
  .shop-by-style h3,
  .shop-by-style span,
  .shop-by-style .rte {
    font-family: inherit;
  }

  .shop-by-style .shop-by-style__inner {
    max-width: 1500px;
    margin: 0 auto;
  }

  .shop-by-style .shop-by-style__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 460px);
    align-items: end;
    gap: 48px;
    margin-bottom: 42px;
  }

  .shop-by-style .shop-by-style__eyebrow {
    margin: 0 0 14px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: rgba(33, 20, 13, .56);
  }

  .shop-by-style .shop-by-style__heading {
    max-width: 820px;
    margin: 0;
    font-family: inherit;
    font-size: clamp(42px, 5.6vw, 82px);
    font-weight: 400;
    line-height: .94;
    letter-spacing: -0.06em;
    color: inherit;
  }

  .shop-by-style .shop-by-style__description {
    font-size: 16px;
    line-height: 1.7;
    color: rgba(33, 20, 13, .72);
  }

  .shop-by-style .shop-by-style__description p {
    margin: 0;
  }

  .shop-by-style .shop-by-style__panels {
    display: flex;
    gap: 16px;
    height: 680px;
  }

  .shop-by-style .shop-by-style__panel {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: block;
    overflow: hidden;
    border-radius: 18px;
    color: #fff;
    text-decoration: none;
    background: #e2ddd2;
    box-shadow: 0 22px 64px rgba(45, 35, 25, .10);
    isolation: isolate;
    transition:
      flex .55s cubic-bezier(.22, 1, .36, 1),
      transform .35s ease,
      box-shadow .35s ease;
  }

  .shop-by-style .shop-by-style__panel.is-active,
  .shop-by-style .shop-by-style__panel:hover {
    flex: 3 1 0;
    box-shadow: 0 30px 90px rgba(45, 35, 25, .16);
  }

  .shop-by-style .shop-by-style__panel[aria-disabled="true"] {
    pointer-events: none;
  }

  .shop-by-style .shop-by-style__media,
  .shop-by-style .shop-by-style__media picture {
    position: absolute;
    inset: 0;
    display: block;
  }

  .shop-by-style .shop-by-style__image,
  .shop-by-style .shop-by-style__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.04);
    transition:
      transform 1.1s ease,
      filter 1.1s ease;
  }

  .shop-by-style .shop-by-style__panel.is-active .shop-by-style__image,
  .shop-by-style .shop-by-style__panel:hover .shop-by-style__image,
  .shop-by-style .shop-by-style__panel.is-active .shop-by-style__placeholder,
  .shop-by-style .shop-by-style__panel:hover .shop-by-style__placeholder {
    transform: scale(1);
  }

  .shop-by-style .shop-by-style__shade {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
      linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 42%, rgba(0,0,0,.64) 100%),
      linear-gradient(90deg, rgba(0,0,0,.30), rgba(0,0,0,.08));
    transition: opacity .35s ease;
  }

  .shop-by-style .shop-by-style__panel.is-active .shop-by-style__shade,
  .shop-by-style .shop-by-style__panel:hover .shop-by-style__shade {
    opacity: .92;
  }

  .shop-by-style .shop-by-style__top {
    position: absolute;
    top: 22px;
    left: 22px;
    right: 22px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .shop-by-style .shop-by-style__number,
  .shop-by-style .shop-by-style__count {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    color: rgba(255,255,255,.92);
    font-size: 11px;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
  }

  .shop-by-style .shop-by-style__content {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 26px;
    z-index: 4;
    max-width: 520px;
    transition:
      opacity .28s ease,
      transform .42s cubic-bezier(.22, 1, .36, 1);
  }

  .shop-by-style .shop-by-style__label {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(255,255,255,.76);
  }

  .shop-by-style .shop-by-style__title {
    margin: 0;
    font-family: inherit;
    font-size: clamp(34px, 3.4vw, 58px);
    font-weight: 400;
    line-height: .94;
    letter-spacing: -0.06em;
    color: inherit;
  }

  .shop-by-style .shop-by-style__text {
    max-width: 390px;
    margin: 16px 0 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255,255,255,.78);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .32s ease, transform .32s ease;
  }

  .shop-by-style .shop-by-style__button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    margin-top: 22px;
    padding: 0 20px;
    border: 1px solid rgba(255,255,255,.40);
    border-radius: 999px;
    background: rgba(255,255,255,.15);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .32s ease, transform .32s ease;
  }

  .shop-by-style .shop-by-style__panel.is-active .shop-by-style__text,
  .shop-by-style .shop-by-style__panel:hover .shop-by-style__text,
  .shop-by-style .shop-by-style__panel.is-active .shop-by-style__button,
  .shop-by-style .shop-by-style__panel:hover .shop-by-style__button {
    opacity: 1;
    transform: translateY(0);
  }

  .shop-by-style .shop-by-style__button svg {
    width: 16px;
    height: 16px;
    transition: transform .24s ease;
  }

  .shop-by-style .shop-by-style__panel:hover .shop-by-style__button svg {
    transform: translateX(3px);
  }

  /*
    Desktop collapsed state:
    Hide the full content inside narrow panels and show a compact,
    horizontal title near the bottom. Words wrap normally and are never
    broken into individual letters before the panel expands.
  */
  @media screen and (min-width: 990px) {
    .shop-by-style .shop-by-style__panel::after {
      content: attr(data-style-title);
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 30px;
      z-index: 4;
      display: block;
      color: rgba(255,255,255,.96);
      font-family: inherit;
      font-size: clamp(17px, 1.05vw, 20px);
      font-weight: 400;
      line-height: 1.08;
      letter-spacing: -0.035em;
      text-align: left;
      text-wrap: balance;
      white-space: normal;
      word-break: keep-all;
      overflow-wrap: normal;
      text-shadow: 0 2px 18px rgba(0,0,0,.34);
      pointer-events: none;
      opacity: 1;
      transform: translateY(0);
      transition:
        opacity .22s ease,
        transform .42s cubic-bezier(.22, 1, .36, 1);
    }

    .shop-by-style .shop-by-style__panel:not(.is-active) .shop-by-style__content {
      opacity: 0;
      transform: translateY(12px);
      pointer-events: none;
    }

    .shop-by-style .shop-by-style__panel.is-active::after,
    .shop-by-style .shop-by-style__panel:hover::after {
      opacity: 0;
      transform: translateY(8px);
    }

    .shop-by-style .shop-by-style__panel.is-active .shop-by-style__content,
    .shop-by-style .shop-by-style__panel:hover .shop-by-style__content {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
  }

  @media screen and (max-width: 989px) {
    .shop-by-style {
      padding: 28px 16px 40px;
    }

    .shop-by-style .shop-by-style__header {
      grid-template-columns: 1fr;
      gap: 18px;
      margin-bottom: 28px;
    }

    .shop-by-style .shop-by-style__heading {
      font-size: 42px;
    }

    .shop-by-style .shop-by-style__panels {
      --mobile-panel-width: min(74vw, 330px);
      --mobile-panel-overlap: 48px;
      --mobile-side-padding: calc((100vw - var(--mobile-panel-width)) / 2);
      display: flex;
      align-items: stretch;
      gap: 0;
      height: auto;
      overflow-x: auto;
      overflow-y: visible;
      margin: 0 -16px;
      padding: 14px var(--mobile-side-padding) 18px;
      scroll-snap-type: x mandatory;
      scroll-padding-left: 50%;
      scroll-padding-right: 50%;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      isolation: isolate;
    }

    .shop-by-style .shop-by-style__panels::-webkit-scrollbar {
      display: none;
    }

    .shop-by-style .shop-by-style__panel,
    .shop-by-style .shop-by-style__panel.is-active,
    .shop-by-style .shop-by-style__panel:hover {
      flex: 0 0 var(--mobile-panel-width);
      width: var(--mobile-panel-width);
      min-width: var(--mobile-panel-width);
      height: 560px;
      margin-right: calc(var(--mobile-panel-overlap) * -1);
      border-radius: 16px;
      scroll-snap-align: center;
      scroll-snap-stop: always;
      transform-origin: center center;
      transition:
        transform .38s ease,
        opacity .35s ease,
        box-shadow .38s ease,
        filter .35s ease;
    }

    .shop-by-style .shop-by-style__panel:last-child {
      margin-right: 0;
    }

    .shop-by-style .shop-by-style__panel:not(.is-active) {
      transform: scale(.90);
      opacity: .72;
      filter: saturate(.88);
      box-shadow: 0 10px 28px rgba(45, 35, 25, .08);
      z-index: 1;
    }

    .shop-by-style .shop-by-style__panel.is-active {
      transform: scale(1.07);
      opacity: 1;
      filter: none;
      box-shadow: 0 30px 80px rgba(45, 35, 25, .24);
      z-index: 5;
    }

    .shop-by-style .shop-by-style__content {
      left: 22px;
      right: 22px;
      bottom: 24px;
      opacity: 1;
      transform: none;
      pointer-events: auto;
    }

    .shop-by-style .shop-by-style__title {
      font-size: 40px;
    }

    .shop-by-style .shop-by-style__text,
    .shop-by-style .shop-by-style__button {
      opacity: 1;
      transform: none;
    }

    .shop-by-style .shop-by-style__button {
      margin-top: 18px;
    }
  }

  @media screen and (max-width: 520px) {
    .shop-by-style .shop-by-style__heading {
      font-size: 38px;
    }

    .shop-by-style .shop-by-style__panels {
      --mobile-panel-width: 76vw;
      --mobile-panel-overlap: 40px;
      --mobile-side-padding: calc((100vw - var(--mobile-panel-width)) / 2);
    }

    .shop-by-style .shop-by-style__panel,
    .shop-by-style .shop-by-style__panel.is-active,
    .shop-by-style .shop-by-style__panel:hover {
      height: 500px;
    }

    .shop-by-style .shop-by-style__title {
      font-size: 34px;
    }
  }


/* ===== featured-artists.css ===== */

  /* Product artwork tiles use a fully transparent background. */
  .featured-artists {
    background: #f4f0e7;
    color: #000000;
    padding: 28px 24px 40px;
    overflow: hidden;
  }

  .featured-artists .featured-artists__inner {
    max-width: 1700px;
    margin: 0 auto;
  }

  .featured-artists .featured-artists__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
  }

  .featured-artists .featured-artists__heading {
    margin: 0;
    font-family: inherit;
    font-size: clamp(36px, 3.2vw, 56px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.04em;
    color: inherit;
  }

  .featured-artists .featured-artists__subheading {
    margin: 24px 0 0;
    font-size: 17px;
    line-height: 1.45;
    color: #000000;
  }

  .featured-artists .featured-artists__glass-button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 56px;
    padding: 0 30px;
    border: 1px solid rgba(96, 55, 27, .38);
    border-radius: 999px;
    background:
      radial-gradient(circle at 24% 18%, rgba(255,255,255,.88), rgba(255,255,255,0) 36%),
      linear-gradient(135deg, rgba(255,255,255,.78), rgba(96,55,27,.22) 48%, rgba(255,255,255,.42));
    color: #60371B;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    backdrop-filter: blur(24px) saturate(190%);
    -webkit-backdrop-filter: blur(24px) saturate(190%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -1px 0 rgba(96,55,27,.10),
      0 12px 30px rgba(96,55,27,.16);
    transition:
      background .24s ease,
      color .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      transform .24s ease;
  }

  .featured-artists .featured-artists__glass-button:hover,
  .featured-artists .featured-artists__glass-button:active,
  .featured-artists .featured-artists__glass-button.is-clicked {
    transform: translateY(-1px);
    color: #60371B;
    border-color: rgba(96, 55, 27, .50);
    background:
      radial-gradient(circle at 22% 16%, rgba(255,255,255,.95), rgba(255,255,255,0) 34%),
      linear-gradient(135deg, rgba(255,255,255,.84), rgba(96,55,27,.30) 48%, rgba(255,255,255,.46));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.9),
      inset 0 -1px 0 rgba(96,55,27,.12),
      0 16px 36px rgba(96,55,27,.22);
  }

  .featured-artists .featured-artists__button-icon {
    width: 18px;
    height: 18px;
  }

  .featured-artists .featured-artists__glass-button[aria-disabled="true"] {
    pointer-events: none;
    opacity: .55;
  }

  .featured-artists .featured-artists__glass-button--top {
    display: inline-flex;
  }

  .featured-artists .featured-artists__bottom {
    display: none;
  }

  .featured-artists .featured-artists__list {
    display: grid;
    gap: 56px;
  }

  .featured-artists .featured-artists__row {
    display: grid;
    grid-template-columns: 370px minmax(0, 1fr);
    align-items: center;
    gap: clamp(18px, 1.6vw, 28px);
  }

  .featured-artists .featured-artists__profile {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px;
    align-items: center;
    column-gap: 22px;
    color: inherit;
    text-decoration: none;
  }

  .featured-artists .featured-artists__profile-text {
    min-width: 0;
  }

  .featured-artists .featured-artists__profile[aria-disabled="true"] {
    pointer-events: none;
  }

  .featured-artists .featured-artists__artist-name {
    margin: 0;
    font-family: inherit;
    font-size: 44px;
    font-weight: 300;
    line-height: 1.22;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: inherit;
  }

  .featured-artists .featured-artists__artist-name-line {
    display: block;
    width: max-content;
    max-width: none;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }

  .featured-artists .featured-artists__artist-role {
    margin: 22px 0 0;
    font-size: 16px;
    line-height: 1.3;
    color: #000000;
  }

  .featured-artists .featured-artists__avatar-wrap {
    width: 88px;
    height: 88px;
    border-radius: 999px;
    overflow: hidden;
    background: #ededed;
  }

  .featured-artists .featured-artists__avatar,
  .featured-artists .featured-artists__avatar-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
      filter: grayscale(100%);
    
  }

  .featured-artists .featured-artists__carousel {
    display: grid;
    min-width: 0;
    gap: 18px;
  }

  .featured-artists .featured-artists__arrows {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    min-height: 56px;
  }

  .featured-artists .featured-artists__track {
    --artwork-gap: 18px;
    --artwork-width: calc((100% - 72px) / 5);

    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--artwork-width);
    gap: var(--artwork-gap);
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
  }

  .featured-artists .featured-artists__track::-webkit-scrollbar {
    display: none;
  }

  .featured-artists .featured-artists__artwork {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: visible;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    text-decoration: none;
    scroll-snap-align: start;
  }

  .featured-artists .featured-artists__artwork[aria-disabled="true"] {
    pointer-events: none;
  }

  .featured-artists .featured-artists__artwork-image,
  .featured-artists .featured-artists__artwork-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent !important;
    transform: scale(1.08);
    transform-origin: center;
    transition: opacity .28s ease, transform .42s ease;
  }

  .featured-artists .featured-artists__artwork-image {
    filter: drop-shadow(10px 8px 9px rgba(0, 0, 0, .14));
  }

  .featured-artists .featured-artists__artwork-image--default,
  .featured-artists .featured-artists__artwork-image--hover {
    position: absolute;
    inset: 0;
  }

  .featured-artists .featured-artists__artwork-image--default {
    z-index: 1;
    object-fit: cover;
    opacity: 1;
  }

  .featured-artists .featured-artists__artwork-image--hover {
    z-index: 2;
    object-fit: contain;
    opacity: 0;
  }

  .featured-artists .featured-artists__artwork--has-hover:hover .featured-artists__artwork-image--default {
    opacity: 0;
  }

  .featured-artists .featured-artists__artwork--has-hover:hover .featured-artists__artwork-image--hover {
    opacity: 1;
  }

  .featured-artists .featured-artists__artwork:hover .featured-artists__artwork-image,
  .featured-artists .featured-artists__artwork:hover .featured-artists__artwork-placeholder {
    transform: scale(1.13);
  }

  .featured-artists .featured-artists__arrow {
    display: inline-flex;
    width: 56px;
    height: 56px;
    padding: 0;
    flex: 0 0 56px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(255, 255, 255, .22));
    color: inherit;
    cursor: pointer;
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.76),
      inset 0 -1px 0 rgba(255,255,255,.22),
      0 14px 34px rgba(20,18,16,.10);
    transition:
      background .24s ease,
      color .24s ease,
      border-color .24s ease,
      transform .24s ease,
      box-shadow .24s ease,
      opacity .2s ease;
  }

  .featured-artists .featured-artists__arrow svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
  }

  .featured-artists .featured-artists__arrow:hover,
  .featured-artists .featured-artists__arrow:active:not(:disabled),
  .featured-artists .featured-artists__arrow.is-clicked:not(:disabled) {
    color: #60371B;
    border-color: rgba(96, 55, 27, .38);
    background:
      radial-gradient(circle at 24% 18%, rgba(255,255,255,.88), rgba(255,255,255,0) 36%),
      linear-gradient(135deg, rgba(255,255,255,.78), rgba(96,55,27,.22) 48%, rgba(255,255,255,.42));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -1px 0 rgba(96,55,27,.10),
      0 10px 26px rgba(96,55,27,.18);
  }

  .featured-artists .featured-artists__arrow:hover {
    transform: translateY(-1px);
  }

  .featured-artists .featured-artists__arrow:disabled {
    opacity: .35;
    cursor: default;
    transform: none;
  }

  @media screen and (max-width: 1180px) {
    .featured-artists .featured-artists__row {
      grid-template-columns: 290px minmax(0, 1fr);
      gap: 20px;
    }

    .featured-artists .featured-artists__artist-name {
      font-size: 36px;
    }
  }

  @media screen and (max-width: 989px) {
    .featured-artists {
      padding: 28px 16px 40px;
    }

    .featured-artists .featured-artists__header {
      display: grid;
      gap: 22px;
      margin-bottom: 34px;
    }

    .featured-artists .featured-artists__glass-button--top {
      display: none;
    }

    .featured-artists .featured-artists__bottom {
      display: flex;
      justify-content: center;
      margin-top: 36px;
    }

    .featured-artists .featured-artists__heading {
      font-size: 36px;
    }

    .featured-artists .featured-artists__subheading {
      margin-top: 14px;
      font-size: 15px;
    }

    .featured-artists .featured-artists__row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 22px;
    }

    .featured-artists .featured-artists__profile {
      grid-template-columns: minmax(0, 1fr) 72px;
      column-gap: 18px;
    }

    .featured-artists .featured-artists__artist-name {
      font-size: 32px;
      letter-spacing: .16em;
    }

    .featured-artists .featured-artists__artist-role {
      margin-top: 12px;
      font-size: 14px;
    }

    .featured-artists .featured-artists__avatar-wrap {
      width: 72px;
      height: 72px;
    }

    .featured-artists .featured-artists__carousel {
      overflow: hidden;
      gap: 16px;
    }

    .featured-artists .featured-artists__artwork-image,
    .featured-artists .featured-artists__artwork-placeholder {
      transform: scale(1.04);
    }

    .featured-artists .featured-artists__artwork:hover .featured-artists__artwork-image,
    .featured-artists .featured-artists__artwork:hover .featured-artists__artwork-placeholder {
      transform: scale(1.04);
    }

    .featured-artists .featured-artists__track {
      grid-auto-columns: calc((100% - 12px) / 2);
      gap: 12px;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .featured-artists .featured-artists__track {
      order: 1;
    }

    .featured-artists .featured-artists__arrows {
      order: 2;
      width: 100%;
      min-height: 46px;
      justify-content: center;
      gap: 14px;
      margin-top: 8px;
      background: transparent !important;
      box-shadow: none !important;
    }

    .featured-artists .featured-artists__arrow {
      width: 46px;
      height: 46px;
      flex-basis: 46px;
    }
  }

  @media screen and (max-width: 520px) {
    .featured-artists .featured-artists__glass-button {
      min-height: 48px;
      padding: 0 24px;
      font-size: 14px;
    }

    .featured-artists .featured-artists__artist-name {
      font-size: 28px;
    }
  }


/* ===== cinematic.css ===== */

  .cinematic-video-slider.cinematic-video-slider {
    position: relative;
    z-index: 1;
    background-color: #e2ddd2;
    padding: 80px 0;
    overflow: hidden;
  }

  .cinematic-video-slider,
  .cinematic-video-slider button,
  .cinematic-video-slider a,
  .cinematic-video-slider p,
  .cinematic-video-slider h2 {
    font-family: inherit;
  }

  .cinematic-video-slider .slider-header {
    text-align: center;
    margin-bottom: 40px;
  }

  .cinematic-video-slider .slider-title {
    font-family: inherit;
    font-size: 40px;
    font-weight: 400;
    color: #60371B;
    text-transform: none !important;
  }

  .cinematic-video-slider .video-gallery-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
  }

  .cinematic-video-slider .slider-viewport {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: none;
  }

  .cinematic-video-slider .slider-viewport::-webkit-scrollbar {
    display: none;
  }

  .cinematic-video-slider .slider-track {
    display: flex;
    padding: 40px 0 100px;
    width: max-content;
  }

  .cinematic-video-slider .slider-item {
    position: relative;
    z-index: 1;
    flex: 0 0 380px;
    margin: 0 15px;
    transition: transform 1s cubic-bezier(0.2, 1, 0.2, 1), opacity 0.8s;
    transform: scale(0.88);
    opacity: 0.4;
  }

  .cinematic-video-slider .slider-item.is-focused {
    transform: scale(1.1);
    opacity: 1;
    z-index: 2;
  }

  .cinematic-video-slider .media-box {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4.5;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,0.06);
    background: #eee;
  }

  .cinematic-video-slider .media-content {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cinematic-video-slider .video-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .cinematic-video-slider .slider-item.is-focused:hover .video-controls {
    opacity: 1;
  }

  .cinematic-video-slider .play-pause-btn,
  .cinematic-video-slider .mute-btn {
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    transition: transform 0.2s;
  }

  .cinematic-video-slider .mute-btn {
    position: absolute;
    bottom: 0px;
    right: 15px;
    width: 36px;
    height: 36px;
  }

  .cinematic-video-slider .play-pause-btn:hover {
    transform: scale(1.1);
  }

  .cinematic-video-slider .play-pause-btn svg,
  .cinematic-video-slider .mute-btn svg {
    width: 20px;
    fill: #fff;
  }

  .cinematic-video-slider .slider-video.paused ~ .video-controls .icon-pause {
    display: none;
  }

  .cinematic-video-slider .slider-video:not(.paused) ~ .video-controls .icon-play {
    display: none;
  }

  .cinematic-video-slider .slider-video:not([muted]) ~ .video-controls .icon-mute {
    display: none;
  }

  .cinematic-video-slider .slider-video[muted] ~ .video-controls .icon-unmute {
    display: none;
  }

  .cinematic-video-slider .product-info-under {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    margin-top: 20px !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    text-decoration: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
  }

  .cinematic-video-slider .p-left-thumb {
    flex: 0 0 65px !important;
    height: 65px !important;
    overflow: hidden;
    background: #f9f9f9;
    border-radius: 0px !important;
  }

  .cinematic-video-slider .p-left-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 !important;
  }

  .cinematic-video-slider .p-center-info {
    flex: 1 !important;
    text-align: left !important;
  }

  .cinematic-video-slider .p-title {
    font-family: inherit !important;
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 500 !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.2 !important;
    min-height: 84px !important;
    max-height: 84px !important;
    overflow: hidden !important;
  }

  .cinematic-video-slider .p-price {
    font-family: inherit !important;
    font-size: 14px !important;
    color: #666666 !important;
    margin: 0 !important;
  }

  .cinematic-video-slider .p-right-cart {
    flex: 0 0 45px !important;
    display: flex;
    justify-content: flex-end;
  }

  .cinematic-video-slider .cart-icon-wrapper {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #e8e8e8;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
  }

  .cinematic-video-slider .cart-icon-wrapper svg {
    width: 20px !important;
    fill: #333;
  }

  .cinematic-video-slider .slider-nav {
    position: absolute;
    top: 45%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,0.6);
    border: 1px solid rgba(0,0,0,0.05);
    z-index: 20;
    pointer-events: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    transition: background 0.3s, transform 0.3s;
  }

  .cinematic-video-slider .slider-nav:hover {
    background: #fff;
    transform: translateY(-1px);
  }

  .cinematic-video-slider .slider-nav.prev {
    left: 30px;
  }

  .cinematic-video-slider .slider-nav.next {
    right: 30px;
  }

  .cinematic-video-slider .slider-nav svg {
    width: 22px;
    fill: #1a1a1a;
    pointer-events: none;
  }

  @media (max-width: 768px) {
    .cinematic-video-slider.cinematic-video-slider {
      padding: 64px 0;
    }

    .cinematic-video-slider .slider-title {
      font-size: 26px;
    }

    .cinematic-video-slider .product-info-under {
      padding: 12px !important;
      margin-top: 15px !important;
    }

    .cinematic-video-slider .p-left-thumb {
      flex: 0 0 55px !important;
      height: 55px !important;
    }

    .cinematic-video-slider .p-title {
      font-family: inherit !important;
      font-size: 14px !important;
      min-height: 0 !important;
      max-height: none !important;
    }

    .cinematic-video-slider .p-price {
      font-family: inherit !important;
      font-size: 13px !important;
    }

    .cinematic-video-slider .slider-viewport {
      padding: 0 10% !important;
      overflow-x: auto !important;
      scroll-snap-type: x mandatory !important;
      -webkit-overflow-scrolling: touch !important;
    }

    .cinematic-video-slider .slider-item {
      flex: 0 0 65vw !important;
      margin: 0 15px !important;
      scroll-snap-align: center !important;
      transform: none !important;
    }

    .cinematic-video-slider .media-box,
    .cinematic-video-slider .pi-thumb,
    .cinematic-video-slider .pi-thumb img,
    .cinematic-video-slider .product-info-overlay {
      border-radius: 0 !important;
    }

    .cinematic-video-slider .slider-item.is-focused {
      transform: scale(1.1) !important;
      opacity: 1 !important;
      z-index: 2;
    }

    .cinematic-video-slider .play-pause-btn {
      top: 20px !important;
      left: 20px !important;
      z-index: 10;
    }

    .cinematic-video-slider .slider-nav {
      display: none !important;
    }
  }


/* ===== before-after.css ===== */

  .custom-before-after {
    background: #f4f0e7;
    color: #21140d;
    padding: 28px 24px 40px;
    overflow: hidden;
  }

  .custom-before-after,
  .custom-before-after button,
  .custom-before-after a,
  .custom-before-after p,
  .custom-before-after h2,
  .custom-before-after div,
  .custom-before-after span,
  .custom-before-after .rte {
    font-family: inherit;
  }

  .custom-before-after .custom-before-after__inner {
    max-width: 1500px;
    margin: 0 auto;
  }

  .custom-before-after .custom-before-after__header {
    max-width: 780px;
    margin: 0 auto 36px;
    text-align: center;
  }

  .custom-before-after .custom-before-after__subheading {
    margin: 0 0 14px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(33, 20, 13, .62);
  }

  .custom-before-after .custom-before-after__heading {
    margin: 0;
    font-family: inherit;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: inherit;
  }

  .custom-before-after .custom-before-after__content {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(33, 20, 13, .76);
  }

  .custom-before-after .custom-before-after__content p {
    margin: 0;
  }

  .custom-before-after .custom-before-after__compare {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 20px;
    background: #eee;
    user-select: none;
    touch-action: none;
    box-shadow: 0 24px 70px rgba(45, 35, 25, .12);
  }

  .custom-before-after .custom-before-after__image {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #eee;
  }

  .custom-before-after .custom-before-after__image--after {
    z-index: 1;
  }

  .custom-before-after .custom-before-after__image--before {
    z-index: 2;
    background: #eee;
  }

  .custom-before-after .custom-before-after__compare--horizontal .custom-before-after__image--before {
    clip-path: inset(0 calc(100% - var(--position)) 0 0);
  }

  .custom-before-after .custom-before-after__compare--vertical .custom-before-after__image--before {
    clip-path: inset(0 0 calc(100% - var(--position)) 0);
  }

  .custom-before-after .custom-before-after__img,
  .custom-before-after .custom-before-after__placeholder,
  .custom-before-after picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .custom-before-after .custom-before-after__img,
  .custom-before-after .custom-before-after__placeholder {
    object-fit: cover;
  }

  /* Before 图片变成黑白灰度 */
  .custom-before-after .custom-before-after__image--before .custom-before-after__img,
  .custom-before-after .custom-before-after__image--before .custom-before-after__placeholder {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
  }

  /* After 图片保持原本彩色 */
  .custom-before-after .custom-before-after__image--after .custom-before-after__img,
  .custom-before-after .custom-before-after__image--after .custom-before-after__placeholder {
    filter: none;
    -webkit-filter: none;
  }

  .custom-before-after .custom-before-after__placeholder--invert {
    filter: grayscale(100%) invert(1);
    -webkit-filter: grayscale(100%) invert(1);
  }

  .custom-before-after .custom-before-after__divider {
    position: absolute;
    z-index: 3;
    background: rgba(255, 255, 255, .85);
    pointer-events: none;
  }

  .custom-before-after .custom-before-after__compare--horizontal .custom-before-after__divider {
    top: 0;
    bottom: 0;
    left: var(--position);
    width: 2px;
    transform: translateX(-50%);
  }

  .custom-before-after .custom-before-after__compare--vertical .custom-before-after__divider {
    left: 0;
    right: 0;
    top: var(--position);
    height: 2px;
    transform: translateY(-50%);
  }

  .custom-before-after .custom-before-after__handle {
    position: absolute;
    z-index: 4;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    cursor: grab;
    transition: transform .22s ease, filter .22s ease;
  }

  .custom-before-after .custom-before-after__handle svg {
    display: block;
    width: 50px;
    height: 50px;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .18));
  }

  .custom-before-after .custom-before-after__handle:hover svg,
  .custom-before-after .custom-before-after__handle:focus-visible svg,
  .custom-before-after .custom-before-after__handle.is-dragging svg {
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .24));
  }

  .custom-before-after .custom-before-after__compare--horizontal .custom-before-after__handle {
    left: var(--position);
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .custom-before-after .custom-before-after__compare--horizontal .custom-before-after__handle:hover,
  .custom-before-after .custom-before-after__compare--horizontal .custom-before-after__handle:focus-visible,
  .custom-before-after .custom-before-after__compare--horizontal .custom-before-after__handle.is-dragging {
    transform: translate(-50%, -50%) scale(1.04);
  }

  .custom-before-after .custom-before-after__compare--vertical .custom-before-after__handle {
    left: 50%;
    top: var(--position);
    transform: translate(-50%, -50%);
  }

  .custom-before-after .custom-before-after__compare--vertical .custom-before-after__handle:hover,
  .custom-before-after .custom-before-after__compare--vertical .custom-before-after__handle:focus-visible,
  .custom-before-after .custom-before-after__compare--vertical .custom-before-after__handle.is-dragging {
    transform: translate(-50%, -50%) scale(1.04);
  }

  .custom-before-after .custom-before-after__handle:active {
    cursor: grabbing;
  }

  .custom-before-after .custom-before-after__label {
    position: absolute;
    z-index: 5;
    bottom: 22px;
    min-height: 38px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(96, 55, 27, .30);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #60371B;
    font-size: 13px;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(18px) saturate(180%);
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .78),
      0 8px 20px rgba(96, 55, 27, .12);
    pointer-events: none;
  }

  .custom-before-after .custom-before-after__label--before {
    left: 22px;
  }

  .custom-before-after .custom-before-after__label--after {
    right: 22px;
  }

  @media screen and (max-width: 749px) {
    .custom-before-after {
      padding: 28px 16px 40px;
    }

    .custom-before-after .custom-before-after__header {
      margin-bottom: 28px;
      text-align: center;
    }

    .custom-before-after .custom-before-after__heading {
      font-size: 34px;
    }

    .custom-before-after .custom-before-after__content {
      font-size: 15px;
      line-height: 1.65;
    }

    .custom-before-after .custom-before-after__compare {
      aspect-ratio: 4 / 5;
      border-radius: 16px;
    }

    .custom-before-after .custom-before-after__label {
      bottom: 14px;
      min-height: 34px;
      padding: 0 14px;
      font-size: 11px;
    }

    .custom-before-after .custom-before-after__label--before {
      left: 14px;
    }

    .custom-before-after .custom-before-after__label--after {
      right: 14px;
    }
  }


/* ===== hospitality-trust.css ===== */

  .hospitality-trust-logos {
    background: #f7f4ee;
    color: #2b2119;
    padding: 28px 24px 40px;
    overflow: hidden;
  }

  .hospitality-trust-logos,
  .hospitality-trust-logos h2,
  .hospitality-trust-logos p,
  .hospitality-trust-logos a,
  .hospitality-trust-logos span,
  .hospitality-trust-logos div {
    font-family: inherit;
  }

  .hospitality-trust-logos .hospitality-trust-logos__inner {
    max-width: 1500px;
    margin: 0 auto;
  }

  .hospitality-trust-logos .hospitality-trust-logos__top-link-wrap {
    text-align: center;
    margin-bottom: 20px;
  }

  .hospitality-trust-logos .hospitality-trust-logos__top-link {
    display: inline-block;
    color: #5f554b;
    font-size: 10px;
    line-height: 1.2;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
    opacity: .85;
    transition: opacity .25s ease;
  }

  .hospitality-trust-logos .hospitality-trust-logos__top-link:hover {
    opacity: 1;
  }

  .hospitality-trust-logos .hospitality-trust-logos__header {
    max-width: 980px;
    margin: 0 auto 56px;
    text-align: center;
  }

  .hospitality-trust-logos .hospitality-trust-logos__heading {
    margin: 0;
    color: #2b2119;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 400;
    letter-spacing: -0.02em;
  }

  .hospitality-trust-logos .hospitality-trust-logos__subheading {
    margin: 14px 0 0;
    color: #6d6258;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 400;
    letter-spacing: 0em;
  }

  .hospitality-trust-logos .hospitality-trust-logos__logos {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 26px 38px;
  }

  .hospitality-trust-logos .hospitality-trust-logos__logo-item {
    width: 100%;
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hospitality-trust-logos .hospitality-trust-logos__logo-link {
    width: 100%;
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #2b2119;
  }

  .hospitality-trust-logos .hospitality-trust-logos__logo-image {
    display: block;
    width: auto;
    max-width: 188px;
    max-height: 72px;
    object-fit: contain;
    opacity: 1.0;
    filter:
      none
      ;
    transition:
      opacity .25s ease,
      transform .25s ease,
      filter .25s ease;
  }

  .hospitality-trust-logos .hospitality-trust-logos__logo-link:hover .hospitality-trust-logos__logo-image,
  .hospitality-trust-logos .hospitality-trust-logos__logo-link:hover .hospitality-trust-logos__logo-fallback {
    opacity: 1;
    transform: translateY(-2px);
  }

  .hospitality-trust-logos .hospitality-trust-logos__logo-fallback {
    display: inline-block;
    max-width: 188px;
    color: #2b2119;
    font-size: 19px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
    opacity: 1.0;
    transition: opacity .25s ease, transform .25s ease;
  }

  @media screen and (max-width: 989px) {
    .hospitality-trust-logos {
      padding: 28px 16px 40px;
    }

    .hospitality-trust-logos .hospitality-trust-logos__top-link-wrap {
      margin-bottom: 16px;
    }

    .hospitality-trust-logos .hospitality-trust-logos__header {
      margin-bottom: 34px;
    }

    .hospitality-trust-logos .hospitality-trust-logos__heading {
      font-size: 26px;
    }

    .hospitality-trust-logos .hospitality-trust-logos__subheading {
      font-size: 12px;
    }

    .hospitality-trust-logos .hospitality-trust-logos__logos {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px 18px;
    }

    .hospitality-trust-logos .hospitality-trust-logos__logo-item,
    .hospitality-trust-logos .hospitality-trust-logos__logo-link {
      min-height: 78px;
    }

    .hospitality-trust-logos .hospitality-trust-logos__logo-image {
      max-width: 132px;
      max-height: 46px;
    }

    .hospitality-trust-logos .hospitality-trust-logos__logo-fallback {
      max-width: 132px;
      font-size: 14px;
    }
  }


/* ===== custom-media-text.css ===== */

  .custom-media-text {
    background: #f4f0e7;
    color: #21140d;
    padding: 28px 24px 40px;
    overflow: hidden;
  }

  .custom-media-text .custom-media-text__inner {
    max-width: 1500px;
    margin: 0 auto;
  }

  .custom-media-text .custom-media-text__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(360px, .58fr);
    align-items: center;
    gap: clamp(56px, 7vw, 110px);
  }

  .custom-media-text .custom-media-text__grid.is-reverse {
    grid-template-columns: minmax(360px, .58fr) minmax(0, 1.42fr);
  }

  .custom-media-text .custom-media-text__grid.is-reverse .custom-media-text__media-wrapper {
    order: 2;
  }

  .custom-media-text .custom-media-text__grid.is-reverse .custom-media-text__content-wrapper {
    order: 1;
  }

  .custom-media-text .custom-media-text__media-wrapper {
    width: 100%;
  }

  .custom-media-text .custom-media-text__media-item {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #eee;
    border-radius: 18px;
    box-shadow: none;
  }

  .custom-media-text .custom-media-text__image,
  .custom-media-text .custom-media-text__video,
  .custom-media-text .custom-media-text__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .custom-media-text .custom-media-text__content-wrapper {
    display: flex;
    align-items: center;
  }

  .custom-media-text .custom-media-text__content {
    max-width: 440px;
    text-align: left;
  }

  .custom-media-text .custom-media-text__subheading {
    margin: 0 0 28px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .08em;
    color: #21140d;
  }

  .custom-media-text .custom-media-text__title {
    margin: 0;
    font-family: inherit;
    font-size: clamp(28px, 2.1vw, 36px);
    font-weight: 600;
    line-height: 1.15;
    color: inherit;
  }

  .custom-media-text .custom-media-text__text {
    margin-top: 26px;
    font-size: 16px;
    line-height: 1.65;
    color: #21140d;
  }

  .custom-media-text .custom-media-text__text p {
    margin-top: 0;
    margin-bottom: 0;
  }

  .custom-media-text .custom-media-text__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 38px;
  }

  .custom-media-text .custom-media-text__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 32px;
    border: 1px solid rgba(96, 55, 27, .38);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #60371B;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .75),
      0 8px 20px rgba(96, 55, 27, .08);
    transition:
      background .24s ease,
      color .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      transform .24s ease;
  }

  .custom-media-text .custom-media-text__button:hover,
  .custom-media-text .custom-media-text__button:active,
  .custom-media-text .custom-media-text__button.is-clicked {
    transform: translateY(-1px);
    color: #60371B;
    border-color: rgba(96, 55, 27, .46);
    background:
      radial-gradient(circle at 24% 18%, rgba(255,255,255,.88), rgba(255,255,255,0) 36%),
      linear-gradient(135deg, rgba(255,255,255,.78), rgba(96,55,27,.22) 48%, rgba(255,255,255,.42));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -1px 0 rgba(96,55,27,.10),
      0 10px 26px rgba(96,55,27,.18);
  }

  .custom-media-text .custom-media-text__button[aria-disabled="true"] {
    pointer-events: none;
    opacity: .55;
  }

  @media screen and (max-width: 989px) {
    .custom-media-text {
      padding: 28px 16px 40px;
    }

    .custom-media-text .custom-media-text__grid,
    .custom-media-text .custom-media-text__grid.is-reverse {
      display: flex;
      flex-direction: column;
      gap: 34px;
    }

    .custom-media-text .custom-media-text__grid.is-reverse .custom-media-text__media-wrapper,
    .custom-media-text .custom-media-text__grid.is-reverse .custom-media-text__content-wrapper {
      order: initial;
    }

    
      .custom-media-text .custom-media-text__media-wrapper {
        order: 1;
      }

      .custom-media-text .custom-media-text__content-wrapper {
        order: 2;
      }
    

    .custom-media-text .custom-media-text__media-item {
      aspect-ratio: 16 / 10;
      border-radius: 14px;
    }

    .custom-media-text .custom-media-text__content {
      max-width: none;
      width: 100%;
      text-align: center;
    }

    .custom-media-text .custom-media-text__subheading {
      margin-bottom: 18px;
      font-size: 13px;
    }

    .custom-media-text .custom-media-text__title {
      font-size: 28px;
    }

    .custom-media-text .custom-media-text__text {
      margin-top: 18px;
      font-size: 15px;
      line-height: 1.65;
    }

    .custom-media-text .custom-media-text__buttons {
      margin-top: 26px;
      justify-content: center;
    }
  }


/* ===== custom-faq.css ===== */

  .custom-faq {
    background: #f4f0e7;
    padding: 28px 24px 28px;
    color: #02070d;
  }

  .custom-faq,
  .custom-faq button,
  .custom-faq a,
  .custom-faq p,
  .custom-faq h2,
  .custom-faq span,
  .custom-faq div,
  .custom-faq .rte {
    font-family: inherit;
  }

  .custom-faq .custom-faq__outer {
    max-width: 1500px;
    margin: 0 auto;
    padding: 64px;
    border-radius: 24px;
    background: #e2ddd2;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.1);
  }

  .custom-faq .custom-faq__inner {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(420px, .8fr);
    gap: clamp(48px, 7vw, 96px);
    align-items: center;
  }

  .custom-faq .custom-faq__left {
    padding: 10px 0;
  }

  .custom-faq .custom-faq__kicker {
    margin: 0 0 32px;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    color: #02070d;
  }

  .custom-faq .custom-faq__heading {
    margin: 0;
    max-width: 720px;
    font-family: inherit;
    font-size: clamp(36px, 4.2vw, 58px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.045em;
    color: #02070d;
  }

  .custom-faq .custom-faq__subtext {
    max-width: 620px;
    margin-top: 34px;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
    color: #02070d;
  }

  .custom-faq .custom-faq__description {
    max-width: 720px;
    margin-top: 46px;
    font-size: 16px;
    line-height: 1.72;
    font-weight: 400;
    color: #02070d;
  }

  .custom-faq .custom-faq__subtext p,
  .custom-faq .custom-faq__description p,
  .custom-faq .custom-faq__answer p {
    margin: 0;
  }

  .custom-faq .custom-faq__answer p + p {
    margin-top: 12px;
  }

  .custom-faq .custom-faq__right {
    width: 100%;
  }

  .custom-faq .custom-faq__accordion {
    padding: 34px 48px;
    border-radius: 12px;
    background: #f4f0e7;
  }

  .custom-faq .custom-faq__item {
    border-bottom: 1px solid rgba(0, 0, 0, .13);
  }

  .custom-faq .custom-faq__item:last-child {
    border-bottom: 0;
  }

  .custom-faq .custom-faq__question {
    width: 100%;
    min-height: 74px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    color: #02070d;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 500;
    text-align: left;
  }

  .custom-faq .custom-faq__icon {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d9d9d9;
    color: #02070d;
    transition:
      transform .28s cubic-bezier(.22, 1, .36, 1),
      background .28s ease;
  }

  .custom-faq .custom-faq__icon svg {
    width: 16px;
    height: 16px;
    transition: transform .34s cubic-bezier(.22, 1, .36, 1);
  }

  .custom-faq .custom-faq__item.is-open .custom-faq__icon svg {
    transform: rotate(180deg);
  }

  .custom-faq .custom-faq__answer-wrap {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition:
      max-height .42s cubic-bezier(.22, 1, .36, 1),
      opacity .28s ease,
      transform .28s ease;
  }

  .custom-faq .custom-faq__item.is-open .custom-faq__answer-wrap {
    opacity: 1;
    transform: translateY(0);
  }

  .custom-faq .custom-faq__answer {
    max-width: 620px;
    padding: 0 54px 28px 0;
    font-size: 15px;
    line-height: 1.72;
    font-weight: 400;
    color: rgba(0, 0, 0, .72);
  }

  @media screen and (max-width: 989px) {
    .custom-faq {
      padding: 32px 16px 32px;
    }

    .custom-faq .custom-faq__outer {
      padding: 28px;
      border-radius: 18px;
    }

    .custom-faq .custom-faq__inner {
      grid-template-columns: 1fr;
      gap: 34px;
    }

    .custom-faq .custom-faq__kicker {
      margin-bottom: 22px;
    }

    .custom-faq .custom-faq__heading {
      font-size: 38px;
      font-weight: 400;
    }

    .custom-faq .custom-faq__subtext {
      margin-top: 22px;
      font-size: 15px;
    }

    .custom-faq .custom-faq__description {
      margin-top: 26px;
      font-size: 15px;
    }

    .custom-faq .custom-faq__accordion {
      padding: 22px 24px;
      border-radius: 12px;
    }

    .custom-faq .custom-faq__question {
      min-height: 66px;
      gap: 18px;
      font-size: 15px;
      font-weight: 500;
    }

    .custom-faq .custom-faq__answer {
      padding: 0 42px 22px 0;
      font-size: 14px;
    }
  }

  @media screen and (max-width: 520px) {
    .custom-faq .custom-faq__heading {
      font-size: 34px;
      font-weight: 400;
    }

    .custom-faq .custom-faq__outer {
      padding: 22px;
    }

    .custom-faq .custom-faq__accordion {
      padding: 18px 20px;
    }

    .custom-faq .custom-faq__question {
      font-size: 14px;
      font-weight: 500;
    }
  }


/* ===== custom-icon-features.css ===== */

  .custom-icon-features {
    background: #f4f0e7;
    color: #111111;
    padding: 28px 24px 36px;
  }

  .custom-icon-features,
  .custom-icon-features h3,
  .custom-icon-features p,
  .custom-icon-features div,
  .custom-icon-features span {
    font-family: inherit;
  }

  .custom-icon-features .custom-icon-features__inner {
    max-width: 1300px;
    margin: 0 auto;
  }

  .custom-icon-features .custom-icon-features__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 72px;
    align-items: start;
  }

  .custom-icon-features .custom-icon-features__item {
    text-align: center;
  }

  .custom-icon-features .custom-icon-features__icon {
    width: var(--feature-icon-size);
    height: var(--feature-icon-size);
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .custom-icon-features .custom-icon-features__custom-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .custom-icon-features .custom-icon-features__title {
    margin: 0 0 12px;
    color: #111111;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: 0em;
  }

  .custom-icon-features .custom-icon-features__text {
    margin: 0;
    color: #111111;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 400;
    letter-spacing: 0em;
  }

  @media screen and (max-width: 989px) {
    .custom-icon-features {
      padding: 36px 18px 36px;
    }

    .custom-icon-features .custom-icon-features__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      row-gap: 42px;
      column-gap: 24px;
    }
  }

  @media screen and (max-width: 640px) {
    .custom-icon-features .custom-icon-features__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      row-gap: 42px;
    }

    .custom-icon-features .custom-icon-features__icon {
      width: var(--feature-mobile-icon-size);
      height: var(--feature-mobile-icon-size);
      margin-bottom: 18px;
    }

    .custom-icon-features .custom-icon-features__title {
      font-size: 15px;
    }

    .custom-icon-features .custom-icon-features__text {
      font-size: 14px;
    }
  }


/* ===== best-seller.css ===== */

  .best-seller {
    background: #f4f0e7;
    color: #000000;
    padding: 28px 24px 40px;
  }

  .best-seller,
  .best-seller button,
  .best-seller a,
  .best-seller p,
  .best-seller h2 {
    font-family: inherit;
  }

  .best-seller .best-seller__inner {
    max-width: 1500px;
    margin: 0 auto;
  }

  .best-seller .best-seller__heading {
    margin: 0 0 28px;
    text-align: center;
    font-family: inherit;
    font-size: clamp(30px, 3.4vw, 52px);
    font-weight: 400;
    line-height: 1.05;
    color: #60371B;
  }

  .best-seller .best-seller__top {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    margin-bottom: 34px;
  }

  .best-seller .best-seller__tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
  }

  .best-seller .best-seller__tab {
    appearance: none;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 999px;
    background: rgba(255, 255, 255, .62);
    color: rgba(33, 20, 13, .78);
    min-height: 58px;
    padding: 0 30px;
    font: inherit;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    opacity: 1;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .72),
      0 8px 20px rgba(30, 24, 18, .035);
    transition:
      background .24s ease,
      color .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      transform .24s ease;
  }

  .best-seller .best-seller__tab:hover {
    transform: translateY(-1px);
    color: #60371B;
    background: rgba(255, 255, 255, .76);
  }

  .best-seller .best-seller__tab.is-active {
    color: #60371B !important;
    border-color: rgba(96, 55, 27, .38) !important;
    background:
      radial-gradient(circle at 24% 18%, rgba(255,255,255,.88), rgba(255,255,255,0) 36%),
      linear-gradient(135deg, rgba(255,255,255,.78), rgba(96,55,27,.22) 48%, rgba(255,255,255,.42)) !important;
    backdrop-filter: blur(24px) saturate(190%);
    -webkit-backdrop-filter: blur(24px) saturate(190%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -1px 0 rgba(96,55,27,.10),
      0 10px 26px rgba(96,55,27,.18) !important;
  }

  .best-seller .best-seller__panel[hidden],
  .best-seller .best-seller__view-all-panel[hidden] {
    display: none;
  }

  .best-seller .best-seller__viewport {
    overflow: hidden;
  }

  .best-seller .best-seller__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - var(--desktop-gap-total)) / var(--desktop-columns));
    gap: 22px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .best-seller .best-seller__track::-webkit-scrollbar {
    display: none;
  }

  .best-seller .best-seller-card {
    min-width: 0;
    scroll-snap-align: start;
  }

  /* Exact rounded product-card style from the reference. */
  .best-seller .mm-card {
    min-width: 0;
    color: rgb(var(--color-foreground));
  }

  .best-seller .mm-card__media-shell {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: transparent !important;
    isolation: isolate;
  }

  .best-seller .mm-card__media-link {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: inherit;
    background: transparent !important;
    color: inherit;
    text-decoration: none;
  }

  .best-seller .mm-card__media-link::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%;
  }

  .best-seller .mm-card__image,
  .best-seller .mm-card__placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .best-seller .mm-card__image {
    z-index: 1;
    display: block;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    background: transparent !important;
    transition: opacity .22s ease;
    will-change: opacity;
    pointer-events: none;
  }

  .best-seller .mm-card__image.is-active {
    opacity: 1;
    z-index: 2;
  }

  .best-seller .mm-card__placeholder {
    display: grid;
    place-items: center;
    background: #fff;
  }

  .best-seller .mm-card__placeholder svg {
    width: 52%;
    opacity: .25;
  }

  .best-seller .mm-card__view {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 12;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.96);
    color: #111;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px) scale(.96);
    transition:
      background-color .42s cubic-bezier(.22, 1, .36, 1),
      box-shadow .42s ease,
      opacity .22s ease,
      visibility .22s ease,
      transform .22s ease;
  }

  .best-seller .mm-card__view:hover,
  .best-seller .mm-card__view:focus-visible {
    background: #E2DDD2;
    box-shadow: 0 6px 18px rgba(0,0,0,.10);
  }

  .best-seller .mm-card__view:focus-visible {
    outline: 2px solid #111111;
    outline-offset: 3px;
  }

  @media (hover: hover) and (pointer: fine) {
    .best-seller .mm-card:hover .mm-card__view,
    .best-seller .mm-card:focus-within .mm-card__view {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0) scale(1);
    }
  }

  .best-seller .mm-card__view svg {
    width: 21px;
    height: 21px;
  }

  .best-seller .mm-card__quick {
    position: absolute;
    left: 50%;
    bottom: 28px;
    z-index: 12;
    display: inline-flex;
    min-width: 178px;
    height: 50px;
    padding: 0 24px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 999px;
    background: #E2DDD2;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    transform: translateX(-50%);
    transition:
      color .34s ease .10s,
      box-shadow .34s ease,
      opacity .22s ease,
      transform .22s ease;
  }

  /*
   * Black cover retracts toward the right.
   * This reveals #E2DDD2 from left to right without leaving a dark rim.
   */
  .best-seller .mm-card__quick::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: 0;
    border-radius: inherit;
    background: #101010;
    transition: width .58s cubic-bezier(.76, 0, .24, 1);
  }

  .best-seller .mm-card__quick span {
    position: relative;
    z-index: 1;
  }

  .best-seller .mm-card__quick:hover,
  .best-seller .mm-card__quick:focus,
  .best-seller .mm-card__quick:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    color: #111111;
    box-shadow: none !important;
  }

  .best-seller .mm-card__quick:hover::before,
  .best-seller .mm-card__quick:focus::before,
  .best-seller .mm-card__quick:focus-visible::before {
    width: 0;
  }

  .best-seller .mm-card__dots {
    position: absolute;
    left: 50%;
    bottom: -1px;
    z-index: 14;
    display: flex;
    min-height: 18px;
    padding: 7px 16px 5px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px 999px 0 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 8px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
  }

  @media (hover: hover) and (pointer: fine) {
    .best-seller .mm-card__media-shell:hover .mm-card__dots,
    .best-seller .mm-card__media-shell:focus-within .mm-card__dots {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translate(-50%, 0);
    }
  }

  .best-seller .mm-card__dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 1.5px solid #111;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    opacity: .92;
    pointer-events: auto;
    transition: background-color .16s ease, transform .16s ease, opacity .16s ease, box-shadow .16s ease;
  }

  .best-seller .mm-card__dot:hover,
  .best-seller .mm-card__dot.is-active {
    background: #111 !important;
    background-color: #111 !important;
    opacity: 1;
    transform: scale(1.45);
    box-shadow: 0 0 0 2px rgba(17, 17, 17, .12);
  }

  /* Product information:
     Row 1 = Loox rating left + cart button right
     Row 2 = product title left + prices right */
  .best-seller .mm-card__meta-row,
  .best-seller .mm-card__bottom-row {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .best-seller .mm-card__meta-row {
    min-height: 36px;
    margin-top: 14px;
  }

  .best-seller .mm-card__bottom-row {
    display: block;
    min-height: 95px;
    margin-top: 8px;
  }

  .best-seller .mm-card__loox {
    min-width: 0;
    flex: 1 1 auto;
    line-height: 1;
    text-align: left;
  }

  .best-seller .mm-card__loox .loox-rating {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
  }

  .best-seller .mm-card__cart {
    position: relative;
    display: grid;
    width: 36px;
    height: 36px;
    padding: 0;
    flex: 0 0 36px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #111111;
    color: #ffffff;
    cursor: pointer;
    box-shadow: none;
    transition:
      transform .2s ease,
      background-color .2s ease,
      opacity .2s ease;
  }

  .best-seller .mm-card__cart:hover {
    background: #60371B;
    transform: translateY(-1px);
  }

  .best-seller .mm-card__cart:focus-visible {
    outline: 2px solid #111111;
    outline-offset: 3px;
  }

  .best-seller .mm-card__cart:disabled {
    cursor: not-allowed;
    opacity: .4;
    transform: none;
  }

  .best-seller .mm-card__cart svg {
    width: 18px;
    height: 18px;
    pointer-events: none;
  }

  .best-seller .mm-card__cart-success {
    display: none;
  }

  .best-seller .mm-card__cart.is-loading {
    pointer-events: none;
    opacity: .92;
  }

  .best-seller .mm-card__cart.is-loading .mm-card__cart-default,
  .best-seller .mm-card__cart.is-loading .mm-card__cart-success {
    opacity: 0;
  }

  .best-seller .mm-card__cart.is-loading .loading__spinner {
    display: block;
  }

  .best-seller .mm-card__cart.is-added .mm-card__cart-default {
    display: none;
  }

  .best-seller .mm-card__cart.is-added .mm-card__cart-success {
    display: block;
  }

  .best-seller .mm-card__cart.is-added .loading__spinner {
    display: none;
  }

  .best-seller .mm-card__title {
    margin: 0;
    min-width: 0;
    min-height: 69px;
    flex: 1 1 auto;
    color: #111111;
    font-family: inherit;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
    text-align: left;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .best-seller .mm-card__title a {
    display: block;
    color: inherit;
    text-decoration: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .best-seller .mm-card__prices {
    display: flex;
    width: 100%;
    margin-top: 5px;
    align-items: baseline;
    justify-content: flex-start;
    gap: 8px;
    font-family: inherit;
    line-height: 1.25;
    white-space: nowrap;
  }

  .best-seller .mm-card__compare-price {
    color: #111111;
    font-size: 17px;
    font-weight: 400;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
  }

  .best-seller .mm-card__current-price {
    color: #D02026;
    font-size: 17px;
    font-weight: 400;
  }

  @media screen and (min-width: 990px) {
    .best-seller .mm-card__quick {
      opacity: 0;
      transform: translate(-50%, 10px);
      transition:
        color .34s ease .10s,
        box-shadow .34s ease,
        opacity .22s ease,
        transform .22s ease;
    }

    .best-seller .mm-card:hover .mm-card__quick,
    .best-seller .mm-card:focus-within .mm-card__quick {
      opacity: 1;
      transform: translate(-50%, 0);
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .best-seller #product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }


  .best-seller .best-seller__arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .best-seller .best-seller__arrows--mobile-global {
    display: none;
  }

  .best-seller .best-seller__arrow {
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(255, 255, 255, .22));
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .76),
      inset 0 -1px 0 rgba(255, 255, 255, .22),
      0 14px 34px rgba(20, 18, 16, .10);
    transition:
      background .24s ease,
      color .24s ease,
      border-color .24s ease,
      transform .24s ease,
      box-shadow .24s ease,
      opacity .2s ease;
  }

  .best-seller .best-seller__arrow svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .best-seller .best-seller__arrow:hover,
  .best-seller .best-seller__arrow:active:not(:disabled),
  .best-seller .best-seller__arrow.is-clicked:not(:disabled) {
    color: #60371B;
    border-color: rgba(96, 55, 27, .38);
    background:
      radial-gradient(circle at 24% 18%, rgba(255,255,255,.88), rgba(255,255,255,0) 36%),
      linear-gradient(135deg, rgba(255,255,255,.78), rgba(96,55,27,.22) 48%, rgba(255,255,255,.42));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -1px 0 rgba(96,55,27,.10),
      0 10px 26px rgba(96,55,27,.18);
  }

  .best-seller .best-seller__arrow:hover {
    transform: translateY(-1px);
  }

  .best-seller .best-seller__arrow:disabled {
    opacity: .35;
    cursor: default;
    transform: none;
  }

  .best-seller .best-seller__view-all-wrap {
    display: flex;
    justify-content: center;
    margin-top: 28px;
  }

  .best-seller .best-seller__view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 34px;
    border: 1px solid rgba(96, 55, 27, .38);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #60371B;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .75),
      0 8px 20px rgba(96, 55, 27, .08);
    transition:
      background .24s ease,
      color .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      transform .24s ease;
  }

  .best-seller .best-seller__view-all:hover {
    transform: translateY(-1px);
    color: #60371B;
    border-color: rgba(96, 55, 27, .46);
    background:
      radial-gradient(circle at 24% 18%, rgba(255,255,255,.88), rgba(255,255,255,0) 36%),
      linear-gradient(135deg, rgba(255,255,255,.78), rgba(96,55,27,.22) 48%, rgba(255,255,255,.42));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -1px 0 rgba(96,55,27,.10),
      0 10px 26px rgba(96,55,27,.18);
  }

  .best-seller .best-seller__empty {
    text-align: center;
    padding: 54px 20px;
    background: rgba(0, 0, 0, .04);
  }

  @media screen and (max-width: 989px) {
    .best-seller {
      padding-left: 16px;
      padding-right: 16px;
    }

    .best-seller .best-seller__heading {
      margin-bottom: 26px;
      font-size: 30px;
    }

    .best-seller .best-seller__top {
      display: block;
      margin-bottom: 26px;
      background: transparent !important;
      box-shadow: none !important;
    }

    .best-seller .best-seller__tabs {
      justify-content: flex-start;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      gap: 12px;
      margin-left: -16px;
      margin-right: -16px;
      padding: 3px 16px;
      background: transparent !important;
      background-color: transparent !important;
      box-shadow: none !important;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
    }

    .best-seller .best-seller__tabs::-webkit-scrollbar {
      width: 0;
      height: 0;
      display: none;
    }

    .best-seller .best-seller__tabs::before,
    .best-seller .best-seller__tabs::after {
      display: none !important;
      content: none !important;
      background: transparent !important;
    }

    .best-seller .best-seller__tab {
      flex: 0 0 auto;
      white-space: nowrap;
      min-height: 46px;
      padding: 0 20px;
      font-size: 14px;
      box-shadow: none !important;
      filter: none !important;
    }

    .best-seller .best-seller__tab:hover,
    .best-seller .best-seller__tab.is-active {
      box-shadow: none !important;
      filter: none !important;
    }

    .best-seller .best-seller__panel {
      background: transparent !important;
    }

    .best-seller .best-seller__viewport {
      overflow: hidden;
      background: transparent !important;
    }

    .best-seller .best-seller__track {
      grid-template-rows: repeat(var(--mobile-rows), auto);
      grid-auto-columns: calc((100% - var(--mobile-gap-total)) / var(--mobile-columns));
      grid-auto-flow: column;
      column-gap: 12px;
      row-gap: 28px;
      align-items: start;
    }

    .best-seller .best-seller-card__media {
      aspect-ratio: 1 / 1.18;
    }

    .best-seller .best-seller-card__choose {
      display: none !important;
    }

    .best-seller .best-seller-card__title,
    .best-seller .best-seller-card__price {
      font-size: 13px;
    }

    .best-seller .best-seller__arrows--desktop {
      display: none !important;
    }

    .best-seller .best-seller__arrows--mobile-global {
      display: flex !important;
      width: 100%;
      justify-content: center;
      align-items: center;
      gap: 14px;
      margin: 24px auto 0;
      background: transparent !important;
      box-shadow: none !important;
    }

    .best-seller .best-seller__arrow {
      width: 46px;
      height: 46px;
    }

    .best-seller .best-seller__view-all-wrap {
      margin-top: 24px;
    }

    .best-seller .best-seller__view-all {
      min-height: 42px;
      padding: 0 28px;
      font-size: 13px;
    }
  }

  @media screen and (max-width: 749px) {
    .best-seller .mm-card__media-shell {
      border-radius: 18px;
    }

    /* Mobile: show only the product image. */
    .best-seller .mm-card__view,
    .best-seller .mm-card__quick,
    .best-seller .mm-card__dots {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .best-seller .mm-card__meta-row {
      min-height: 34px;
      margin-top: 12px;
      gap: 8px;
    }

    .best-seller .mm-card__bottom-row {
      display: block;
      margin-top: 7px;
      min-height: 0;
    }

    .best-seller .mm-card__title {
      width: 100%;
      min-height: 0;
      font-size: 16px;
      text-align: left;
      white-space: normal;
      overflow: hidden;
      text-overflow: clip;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
    }

    .best-seller .mm-card__title a {
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
      display: block;
    }

    .best-seller .mm-card__prices {
      display: flex;
      width: 100%;
      margin-top: 4px;
      justify-content: flex-start;
      gap: 7px;
    }

    .best-seller .mm-card__cart {
      width: 34px;
      height: 34px;
      flex-basis: 34px;
    }

    .best-seller .mm-card__compare-price,
    .best-seller .mm-card__current-price {
      font-size: 16px;
    }
  }



  .new-in {
    background: #f4f0e7;
    color: #000000;
    padding: 28px 24px 40px;
  }

  .new-in,
  .new-in button,
  .new-in a,
  .new-in p,
  .new-in h2 {
    font-family: inherit;
  }

  .new-in .new-in__inner {
    max-width: 1500px;
    margin: 0 auto;
  }

  .new-in .new-in__top {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    margin-bottom: 34px;
  }

  .new-in .new-in__heading {
    margin: 0;
    font-family: inherit;
    font-size: clamp(30px, 3.4vw, 52px);
    font-weight: 400;
    line-height: 1.05;
    color: #60371B;
  }

  .new-in .new-in__viewport {
    overflow: hidden;
  }

  .new-in .new-in__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - var(--desktop-gap-total)) / var(--desktop-columns));
    gap: 22px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .new-in .new-in__track::-webkit-scrollbar {
    display: none;
  }

  .new-in .new-in-card {
    min-width: 0;
    scroll-snap-align: start;
  }

  /* Exact rounded product-card style from the reference. */
  .new-in .mm-card {
    min-width: 0;
    color: rgb(var(--color-foreground));
  }

  .new-in .mm-card__media-shell {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: transparent !important;
    isolation: isolate;
  }

  .new-in .mm-card__media-link {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: inherit;
    background: transparent !important;
    color: inherit;
    text-decoration: none;
  }

  .new-in .mm-card__media-link::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%;
  }

  .new-in .mm-card__image,
  .new-in .mm-card__placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .new-in .mm-card__image {
    z-index: 1;
    display: block;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    background: transparent !important;
    transition: opacity .22s ease;
    will-change: opacity;
    pointer-events: none;
  }

  .new-in .mm-card__image.is-active {
    opacity: 1;
    z-index: 2;
  }

  .new-in .mm-card__placeholder {
    display: grid;
    place-items: center;
    background: #fff;
  }

  .new-in .mm-card__placeholder svg {
    width: 52%;
    opacity: .25;
  }

  .new-in .mm-card__view {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 12;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.96);
    color: #111;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px) scale(.96);
    transition:
      background-color .42s cubic-bezier(.22, 1, .36, 1),
      box-shadow .42s ease,
      opacity .22s ease,
      visibility .22s ease,
      transform .22s ease;
  }

  .new-in .mm-card__view:hover,
  .new-in .mm-card__view:focus-visible {
    background: #E2DDD2;
    box-shadow: 0 6px 18px rgba(0,0,0,.10);
  }

  .new-in .mm-card__view:focus-visible {
    outline: 2px solid #111111;
    outline-offset: 3px;
  }

  @media (hover: hover) and (pointer: fine) {
    .new-in .mm-card:hover .mm-card__view,
    .new-in .mm-card:focus-within .mm-card__view {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0) scale(1);
    }
  }

  .new-in .mm-card__view svg {
    width: 21px;
    height: 21px;
  }

  .new-in .mm-card__quick {
    position: absolute;
    left: 50%;
    bottom: 28px;
    z-index: 12;
    display: inline-flex;
    min-width: 178px;
    height: 50px;
    padding: 0 24px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 999px;
    background: #E2DDD2;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    transform: translateX(-50%);
    transition:
      color .34s ease .10s,
      box-shadow .34s ease,
      opacity .22s ease,
      transform .22s ease;
  }

  /*
   * Black cover retracts toward the right.
   * This reveals #E2DDD2 from left to right without leaving a dark rim.
   */
  .new-in .mm-card__quick::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: 0;
    border-radius: inherit;
    background: #101010;
    transition: width .58s cubic-bezier(.76, 0, .24, 1);
  }

  .new-in .mm-card__quick span {
    position: relative;
    z-index: 1;
  }

  .new-in .mm-card__quick:hover,
  .new-in .mm-card__quick:focus,
  .new-in .mm-card__quick:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    color: #111111;
    box-shadow: none !important;
  }

  .new-in .mm-card__quick:hover::before,
  .new-in .mm-card__quick:focus::before,
  .new-in .mm-card__quick:focus-visible::before {
    width: 0;
  }

  .new-in .mm-card__dots {
    position: absolute;
    left: 50%;
    bottom: -1px;
    z-index: 14;
    display: flex;
    min-height: 18px;
    padding: 7px 16px 5px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px 999px 0 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 8px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
  }

  @media (hover: hover) and (pointer: fine) {
    .new-in .mm-card__media-shell:hover .mm-card__dots,
    .new-in .mm-card__media-shell:focus-within .mm-card__dots {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translate(-50%, 0);
    }
  }

  .new-in .mm-card__dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 1.5px solid #111;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    opacity: .92;
    pointer-events: auto;
    transition: background-color .16s ease, transform .16s ease, opacity .16s ease, box-shadow .16s ease;
  }

  .new-in .mm-card__dot:hover,
  .new-in .mm-card__dot.is-active {
    background: #111 !important;
    background-color: #111 !important;
    opacity: 1;
    transform: scale(1.45);
    box-shadow: 0 0 0 2px rgba(17, 17, 17, .12);
  }

  /* Product information:
     Row 1 = Loox rating left + cart button right
     Row 2 = product title left + prices right */
  .new-in .mm-card__meta-row,
  .new-in .mm-card__bottom-row {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .new-in .mm-card__meta-row {
    min-height: 36px;
    margin-top: 14px;
  }

  .new-in .mm-card__bottom-row {
    display: block;
    min-height: 95px;
    margin-top: 8px;
  }

  .new-in .mm-card__loox {
    min-width: 0;
    flex: 1 1 auto;
    line-height: 1;
    text-align: left;
  }

  .new-in .mm-card__loox .loox-rating {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
  }

  .new-in .mm-card__cart {
    position: relative;
    display: grid;
    width: 36px;
    height: 36px;
    padding: 0;
    flex: 0 0 36px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #111111;
    color: #ffffff;
    cursor: pointer;
    box-shadow: none;
    transition:
      transform .2s ease,
      background-color .2s ease,
      opacity .2s ease;
  }

  .new-in .mm-card__cart:hover {
    background: #60371B;
    transform: translateY(-1px);
  }

  .new-in .mm-card__cart:focus-visible {
    outline: 2px solid #111111;
    outline-offset: 3px;
  }

  .new-in .mm-card__cart:disabled {
    cursor: not-allowed;
    opacity: .4;
    transform: none;
  }

  .new-in .mm-card__cart svg {
    width: 18px;
    height: 18px;
    pointer-events: none;
  }

  .new-in .mm-card__cart-success {
    display: none;
  }

  .new-in .mm-card__cart.is-loading {
    pointer-events: none;
    opacity: .92;
  }

  .new-in .mm-card__cart.is-loading .mm-card__cart-default,
  .new-in .mm-card__cart.is-loading .mm-card__cart-success {
    opacity: 0;
  }

  .new-in .mm-card__cart.is-loading .loading__spinner {
    display: block;
  }

  .new-in .mm-card__cart.is-added .mm-card__cart-default {
    display: none;
  }

  .new-in .mm-card__cart.is-added .mm-card__cart-success {
    display: block;
  }

  .new-in .mm-card__cart.is-added .loading__spinner {
    display: none;
  }

  .new-in .mm-card__title {
    margin: 0;
    min-width: 0;
    min-height: 69px;
    flex: 1 1 auto;
    color: #111111;
    font-family: inherit;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
    text-align: left;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .new-in .mm-card__title a {
    display: block;
    color: inherit;
    text-decoration: none;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .new-in .mm-card__prices {
    display: flex;
    width: 100%;
    margin-top: 5px;
    align-items: baseline;
    justify-content: flex-start;
    gap: 8px;
    font-family: inherit;
    line-height: 1.25;
    white-space: nowrap;
  }

  .new-in .mm-card__compare-price {
    color: #111111;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
  }

  .new-in .mm-card__current-price {
    color: #D02026;
    font-size: 14px;
    font-weight: 400;
  }

  @media screen and (min-width: 990px) {
    .new-in .mm-card__quick {
      opacity: 0;
      transform: translate(-50%, 10px);
      transition:
        color .34s ease .10s,
        box-shadow .34s ease,
        opacity .22s ease,
        transform .22s ease;
    }

    .new-in .mm-card:hover .mm-card__quick,
    .new-in .mm-card:focus-within .mm-card__quick {
      opacity: 1;
      transform: translate(-50%, 0);
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .new-in #product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }


  .new-in .new-in__arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .new-in .new-in__arrows--mobile {
    display: none;
  }

  .new-in .new-in__arrow {
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(255, 255, 255, .22));
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.76),
      inset 0 -1px 0 rgba(255,255,255,.22),
      0 14px 34px rgba(20,18,16,.10);
    transition:
      background .24s ease,
      color .24s ease,
      border-color .24s ease,
      transform .24s ease,
      box-shadow .24s ease,
      opacity .2s ease;
  }

  .new-in .new-in__arrow svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .new-in .new-in__arrow:hover,
  .new-in .new-in__arrow:active:not(:disabled),
  .new-in .new-in__arrow.is-clicked:not(:disabled) {
    color: #60371B;
    border-color: rgba(96, 55, 27, .38);
    background:
      radial-gradient(circle at 24% 18%, rgba(255,255,255,.88), rgba(255,255,255,0) 36%),
      linear-gradient(135deg, rgba(255,255,255,.78), rgba(96,55,27,.22) 48%, rgba(255,255,255,.42));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -1px 0 rgba(96,55,27,.10),
      0 10px 26px rgba(96,55,27,.18);
  }

  .new-in .new-in__arrow:hover {
    transform: translateY(-1px);
  }

  .new-in .new-in__arrow:disabled {
    opacity: .35;
    cursor: default;
    transform: none;
  }

  .new-in .new-in__view-all-wrap {
    display: flex;
    justify-content: center;
    margin-top: 28px;
  }

  .new-in .new-in__view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 34px;
    border: 1px solid rgba(96, 55, 27, .38);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #60371B;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .75),
      0 8px 20px rgba(96, 55, 27, .08);
    transition:
      background .24s ease,
      color .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      transform .24s ease;
  }

  .new-in .new-in__view-all:hover {
    transform: translateY(-1px);
    color: #60371B;
    border-color: rgba(96, 55, 27, .46);
    background:
      radial-gradient(circle at 24% 18%, rgba(255,255,255,.88), rgba(255,255,255,0) 36%),
      linear-gradient(135deg, rgba(255,255,255,.78), rgba(96,55,27,.22) 48%, rgba(255,255,255,.42));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -1px 0 rgba(96,55,27,.10),
      0 10px 26px rgba(96,55,27,.18);
  }

  .new-in .new-in__empty {
    text-align: center;
    padding: 54px 20px;
    background: rgba(0, 0, 0, .04);
  }

  @media screen and (max-width: 989px) {
    .new-in {
      padding-left: 16px;
      padding-right: 16px;
    }

    .new-in .new-in__top {
      display: block;
      margin-bottom: 26px;
      text-align: center;
    }

    .new-in .new-in__heading {
      font-size: 30px;
    }

    .new-in .new-in__track {
      grid-template-rows: repeat(var(--mobile-rows), auto);
      grid-auto-columns: calc((100% - var(--mobile-gap-total)) / var(--mobile-columns));
      grid-auto-flow: column;
      column-gap: 12px;
      row-gap: 28px;
      align-items: start;
    }

    .new-in .mm-card__media-shell {
      border-radius: 18px;
    }

    /* Mobile: show only the product image. */
    .new-in .mm-card__view,
    .new-in .mm-card__quick,
    .new-in .mm-card__dots {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .new-in .mm-card__meta-row {
      min-height: 34px;
      margin-top: 12px;
      gap: 8px;
    }

    .new-in .mm-card__bottom-row {
      display: block;
      margin-top: 7px;
      min-height: 0;
    }

    .new-in .mm-card__title {
      width: 100%;
      min-height: 0;
      font-size: 16px;
      text-align: left;
      white-space: normal;
      overflow: hidden;
      text-overflow: clip;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2;
    }

    .new-in .mm-card__title a {
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
      display: block;
    }

    .new-in .mm-card__prices {
      display: flex;
      width: 100%;
      margin-top: 4px;
      justify-content: flex-start;
      gap: 7px;
    }

    .new-in .mm-card__cart {
      width: 34px;
      height: 34px;
      flex-basis: 34px;
    }

    .new-in .mm-card__compare-price,
    .new-in .mm-card__current-price {
      font-size: 12px;
    }
  }

    .new-in .new-in__arrows--desktop {
      display: none !important;
    }

    .new-in .new-in__arrows--mobile {
      display: flex !important;
      width: 100%;
      justify-content: center;
      align-items: center;
      gap: 14px;
      margin: 24px auto 0;
      background: transparent !important;
      box-shadow: none !important;
    }

    .new-in .new-in__arrow {
      width: 46px;
      height: 46px;
    }

    .new-in .new-in__view-all-wrap {
      margin-top: 24px;
    }
  }

.best-seller .best-seller__panel,
.best-seller .best-seller__panel[hidden],
.best-seller .best-seller__view-all-panel,
.best-seller .best-seller__view-all-panel[hidden] {
  display: none !important;
}
.best-seller .best-seller__panel.is-active:not([hidden]),
.best-seller .best-seller__view-all-panel.is-active:not([hidden]) {
  display: block !important;
}
.mm-card .mm-stars {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  height: 19px;
  color: #EBBF20;
}
.mm-card .mm-stars svg {
  width: 14px;
  height: 14px;
  display: block;
}
.announcement-bar .slider-button {
  display: flex !important;
}
.utility-bar { background: #2f2924 !important; color: #f4f0e7 !important; }

body:not(.template-index) .main-blog,
body:not(.template-index) .main-page,
body:not(.template-index) .page-width.page-width--narrow,
body:not(.template-index) .product,
body:not(.template-index) .article-template {
  margin-top: 120px;
}
@media screen and (max-width: 749px) {
  body:not(.template-index) .main-blog,
  body:not(.template-index) .main-page,
  body:not(.template-index) .page-width.page-width--narrow,
  body:not(.template-index) .product,
  body:not(.template-index) .article-template {
    margin-top: 68px;
  }
}

.mm-collection-grid {
  background: #f4f0e7;
  color: #111;
}
.mm-collection-grid .mm-filter-group {
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(96,55,27,.12);
}
.mm-collection-grid .mm-filter-group summary {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #60371B;
}
.mm-collection-grid .mm-filter-group ul {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.mm-collection-grid .mm-filter-value {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 0;
  color: #221f20;
  text-decoration: none;
  font-size: 14px;
}
.mm-collection-grid .mm-filter-value.is-active {
  font-weight: 600;
}
.mm-collection-grid .mm-pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 40px 0 12px;
}
.mm-collection-grid .mm-pagination__page,
.mm-collection-grid .mm-pagination__btn {
  min-width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid rgba(96,55,27,.28);
  border-radius: 999px;
  color: #60371B;
  text-decoration: none;
  background: rgba(255,255,255,.7);
}
.mm-collection-grid .mm-pagination__page.is-current {
  background: #60371B;
  color: #f3f1ea;
  border-color: #60371B;
}
.mm-collection-grid .mm-collection-empty {
  padding: 48px 16px;
  text-align: center;
}

/* Performance guard: reserve the cinematic section's media footprint before lazy assets settle. */
.cinematic-video-slider .slider-track {
  min-height: 660px;
}
.cinematic-video-slider .media-box {
  aspect-ratio: 380 / 570;
}
@media (max-width: 768px) {
  .cinematic-video-slider .slider-track {
    min-height: calc(65vw * 1.5 + 95px);
  }
}