/** Shopify CDN: Minification failed

Line 113:0 Unexpected "}"

**/
/* ============================================================
   MARAMA LUX — custom signature effects (3D / modern / luxury)
   ============================================================ */

/* ---------- 3D tilt on product cards ---------- */
.card-wrapper {
  perspective: 1200px;
}

/* ---------- 3D tilt on collection cards ---------- */


/* ---------- Gold shine sweep on primary buttons ---------- */
.button:not(.button--secondary) {
  position: relative;
  overflow: hidden;
  letter-spacing: 0.12em;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}


.button:not(.button--secondary):hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -10px rgba(198, 161, 91, 0.55);
}

/* ---------- Hero / slideshow typography ---------- */
.slideshow__text h2 {
  letter-spacing: 0.03em;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}
.slideshow__text .banner__text {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 1.2rem;
  opacity: 0.92;
}

/* ---------- Announcement bar: refined ---------- */
.announcement-bar__message {
  letter-spacing: 0.14em;
  font-size: 1.15rem;
}

/* ---------- Header wordmark ---------- */
.header__heading-link {
  font-family: var(--font-heading-family);
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-weight: 500;
}

/* ---------- Section titles: luxury underline ---------- */
.title-wrapper-with-link .title,
.rich-text__heading,
.image-with-text__heading {
  position: relative;
}
.title-wrapper-with-link .title::after {
  content: '';
  display: block;
  width: 64px;
  height: 2px;
  background: #c6a15b;
  margin: 1.2rem auto 0;
}

/* ---------- Multicolumn icons-less columns: soft cards ---------- */
.multicolumn-card {
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}


/* ---------- Image with text: floating frame ---------- */
.image-with-text__media {
  box-shadow: 0 30px 60px -20px rgba(12, 59, 46, 0.3);
  border-radius: 12px;
  overflow: hidden;
}

/* ---------- Footer: elegant dividers ---------- */
.footer-block__heading {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 1.2rem;
}

/* ---------- Smooth image behavior everywhere ---------- */


/* ---------- Newsletter input: pill ---------- */
.newsletter-form__field-wrapper .field__input {
  border-radius: 30px;
}

/* ---------- Mobile: soften 3D for perf ---------- */
@media (max-width: 749px) {
  .card-wrapper:hover .card--card,
  .card-wrapper:hover .card__inner {
    transform: translateY(-6px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .card-wrapper .card--card,
  .card-wrapper .card__inner,
  .button,
  
}

/* ---------- Fix: clean separation between sticky header and sections ---------- */
.header-wrapper {
  box-shadow: 0 2px 12px rgba(12, 59, 46, 0.08);
}
.section,
.shopify-section {
  scroll-margin-top: 90px;
}
/* Section titles never slide under the header awkwardly */
.title-wrapper-with-link {
  padding-top: 0.5rem;
}

/* ---------- Stable: no scroll-reveal movement ---------- */
.scroll-trigger,
.scroll-trigger--offscreen {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* ---------- STABLE: no motion effects anywhere ---------- */
.card-wrapper .card--card,
.card-wrapper .card__inner,
.multicolumn-card,
.button,
.ugc-hero__btn {
  transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease !important;
  transform: none !important;
}